body {
    padding-left:3%;
    padding-right:3%;
}

body, .content, table {  /* this defines basic text style accross site */
    font-family: sans-serif;
    background-color: #FFFFFF;
    font-size:10pt;
}

.subMenu
{
    text-align:center;
    font-size:11pt;
    padding-bottom:10px;
}

#logo{
    text-align: center;
    font-size:3em;
    font-style:italic;
    font-family:"Comic Sans MS", fantasy;
    font-weight: bold;
    padding-bottom:0px;
    border-bottom-width:8px;
    border-bottom-color:#33FF33;
    border-bottom-style:solid;
    color:#78362e;
    background-image:url("../images/logo.gif");
    background-repeat:no-repeat;
    background-position: top left;
}

.content {
    float:left;
    width:80%;
    color: #78362e;
}

#copyright {
    clear:both;
    border-top:1px solid silver;
    text-align:right;
    padding-right:5px;
    font-size:9pt;
    color: #78362e;
}


/************************* page content styles *************************/
.title
{
    font-size: 13pt;
    font-weight: bold;
    margin-bottom: 10px;
}

.subtitle
{
    font-size: 10pt;
    font-weight: bold;
}

.banner
{
    background: #33FF33;
    color: black;
    padding: 0.2em;
    margin-top:0;
    font-size: 11pt;
    font-weight: bold;
}
.error
{
    color:red;
}

.popupLink
{
    color: #0000EE;
    text-decoration:underline;
    cursor: pointer;
    cursor: hand;
}


h1.centered, H4.centered, h2.centered, h3.centered { text-align: center; }

DIV.figureFloating {
  float: right;
  width: 50%;
  /* border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

DIV.floatLeftSmall {
  float: left;
  width: 20%;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

DIV.floatLeft {
  float: left;
  width: 50%;
  /* border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

img.inText { height: 200px; text-align: center }

DIV.floatRight{
  float: right;
  width: 50%;
  /* border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
}

img.floating {
  width: 100%
  }

DIV.figureCentered{
  text-align: center;
}


/* ------------- menu styles ----------------- */

.menuPosition {
    float:right;
    width:15%;
}


a.myMenu0{
  font-family: sans-serif;
  display:block;
  position:relative;
  background-color:#FFFF99;
  padding:3px;
  text-decoration:none;
  color:Navy;
  border:1px solid #7A5C2E;
  margin-top: 10px;
}

a.myMenu0:hover{
  color: #000;
  /*letter-spacing:0.2em;*/
}
li.myMenu0{
  margin:0;
  padding:0;
  list-style : none;
  color:Navy;
}
li.myMenu1{
  background-color:white;
  margin:0;
  padding:0;
  list-style : none;
  color:Navy;
}
a.myMenu1{
  text-decoration:none;
  padding-left:8px;
  color:Navy;
}
ul.myMenu0{
  margin:0;
  padding:0;
  color:Navy;
}
ul.myMenu1{
  padding:0;
  margin:0;
  margin-bottom:10px;
  color:Navy;
}

/********************************** CSS Tabs ********************************/
#navlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #7A5C2E;
        font-family: sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #7A5C2E;
        border-bottom: none;
        background: #FFFF99;
        text-decoration: none;
}

/*#navlist li a:link { color: #448; }*/
/*#navlist li a:visited { color: #667; }*/

#navlist li a:hover {
        color: #000;
}

#navlist li a#current {
        background: white;
        border-bottom: 1px solid white;
}