body {
          font-size:10px;
          font-family: verdana, arial, sans-serif;
          color: #CCC; 
          background-color:#9EE9FB;
          margin-top: 0px;
          margin-bottom: 20px;
          margin-left: 0px;
          margin-right: 0px;
                  }

div.float { float : left; }
div.float p { text-align : center; }
div.spacer { clear : both; }

  A   { color: #CCC; text-decoration: none;  } 
  A:link  { color: #CCC; text-decoration: none; } 
  A:visited  { color: #CCC; text-decoration: none; } 
  A:active  { color: #999784;  } 
  A:hover  { color: #999784;  }

h2 {
        font-size: 12px;
        text-align: center;
}

.banner {
         font-family: "Lucida Sans", arial, sans-serif;
         font-size: 16px;
         background-color: #FAFAFA;
         border-bottom: 2px solid #000;
              }
.main {
  width: 800px;}

.frame  {
  margin-left: 100px;
         width: 700px;
         text-align: center;
                  }



.sidetitle {
  float: left;
  width: 100px;
          text-align:center;
          font-size:13px;
          font-weight: bold;
          font-variant: small-caps; 
          letter-spacing: 0.1em;
}



.nav {
          font-family: arial, verdana, helvetica, sans-serif;
          text-align: right;
          font-size: 9px;
          width: 660px;
          padding: 4px;
          margin-bottom: 0px;
          margin-top: 1px;
          letter-spacing: 0.1em;
          }

.nav a:link {color: #CCC; text-decoration: none}
.nav a:visited {color: #CCC; text-decoration: none}
.nav a:active {color: #999784; text-decoration: none}
.nav a:hover {color: #999784; text-decoration: none}

.link {
          font-family: arial, verdana, helvetica, sans-serif;
          text-align: right;
          font-size: 9px;
          padding: 4px;
          background: #454545;
          margin-bottom: 0px;
          margin-top: 1px;
          width: 640px;
          letter-spacing: 0.1em;
          }

.link a:link {color: #FFD970; text-decoration: none}
.link a:visited {color: #FFD970; text-decoration: none}
.link a:active {color: #999784; text-decoration: none}
.link a:hover {color: #999784; text-decoration: none}


ul { 
  font-family: arial, verdana, helvetica, sans-serif; 
  font-size: 12px; 
  list-style: none; 
  line-height:20px;
        }

li { 
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 12px; 
  line-height:20px;
  list-style: none; 
  }



 ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #ccc;
background-color: #212121;
font-size: 9px;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
width: 9em;
color: #ccc;
background-color: #212121;
font-size: 10px;
padding: 0.2em 1em;
text-decoration: none;
}

ul#navlist li a:hover
{
background-color: #000;
color: #ccc;
font-size: 10px;
}


 ul#mainnavlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #ccc;
background-color: #212121;
font-size: 12px;
}

ul#mainnavlist li { display: inline; }

ul#mainnavlist li a
{
width: 9em;
color: #ccc;
background-color: #212121;
font-size: 12px;
padding: 0.2em 1em;
text-decoration: none;
}

ul#mainnavlist li a:hover
{
background-color: #000;
color: #ccc;
font-size: 12px;
}