/*************************************/
/*     Midnight Blue Style Sheet     */
/*************************************/

/* Body Properties */
body{
  background-color: #003399;
  scrollbar-face-color: #ce0000;
  scrollbar-highlight-color: #f95100;
  scrollbar-shadow-color: #9f0000;
  scrollbar-3dlight-color: #ffaaaa;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #cccccc;
  scrollbar-darkshadow-color: #000000;
}

/* Text Link Color and Decoration */
a{
  color: #FFffff;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: underline;
background-color: #003399;
}

/* Text Link Mouse Over Properties */
a:hover{
  text-decoration: none;
  font-weight: bold;
  background-color:#8CD749
}

/* Left Menu Properties */
div.sidepanel{
  top: 50px;
  left: 5px;
  width: 160px;
  text-align: center;
  font-family: verdana, arial, tahoma;
  font-size: 12px;
}

/* Left Menu Button Properties */
div.button{
  color: black;
  background: #dcdcdc;
  border-top: 0px solid #ccc;
  border-right: 0px solid #333;
  border-bottom: 0px solid #333;
  border-left: 0px solid #ccc;
  margin: 2px 0px;
}

a.menubutton{
  display: block;
  width: 160px;
  text-align: center;
  text-decoration: none;
  font-family:arial;
  font-size:12px;
  color: #ffffff;
  border: solid 1px #FFFFFF;
}

a.menubutton:hover{
  border: solid 1px #6100C1;
  background-color:#8CD749
}


/*****************************************
* The Following Handles The Main Layout  *
* And Design Of The Tables Such As Menu, *
* Main Table Content Area, Width, Etc    *
*****************************************/

/* Main Table Style Properties */

div.MainTableDiv{
  position: absolute;
  left: 0%;
  height:100%;
}
#MainTableWidth{
  width: 850px;
}
.MainTable{
  background: none;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
}

/* Top Header Style Properties */
.HeaderContent{
  height: 60;
  background: #003399;
  
  color: #ffffff;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
}

/* Left Menu Table Properties */
.smallfieldcell{
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color: #003399;
  color: #ffffff;
  border: 0px solid #284279;
  padding: 2px;
}

/* Main Page Content Area HOME Style Properties */
.MainContentHome{
  background: none;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
  padding: 0px;
}

/* Main Page Content Area CATEGORY Style Properties */
.MainContentCategory{
  background: #ffffff;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
  padding: 0px;
}

/* Main Page Content Area ITEM Style Properties */
.MainContentItem{
  background: #ffffff;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
  padding: 0px;
}

/* Main Page Content Area ITEM Style WITHOUT The Left Menu */
div.MainContentNoLeftMenu{
  position: relative;
  left: 10%;
  background: #ffffff;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
  padding: 0px;
}

/* Bottom Footer Style Properties */
.FooterContent{
  background: #003399;
  color: #ffffff;
  border: 0px;
  border-style: solid;
  border-color: #ccc;
}

/********************************
* Support Page Table Properties *
********************************/
.support{
  background: #ffffff;
}


/********************************/
/* Additional Toys To Play With */
/********************************/

/* Newspaper Dropcaps */
.cap {
  float: left;
  width: 42px;
  font-size: 62px;
  line-height: 51px;
  font-weight: normal;
  color:#909090;
  font-family: times,georgia;
}
.capOAH {
  float: left;
  width: 48px;
  font-size: 62px;
  line-height: 51px;
  font-weight: normal;
  color:#909090;
  font-family: times,georgia;
}
.capW {
  float: left;
  width: 56px;
  font-size: 62px;
  line-height: 51px;
  font-weight: normal;
  color:#909090;
  font-family: times,georgia;
}
.capJ {
  float: left;
  width: 38px;
  font-size: 62px;
  line-height: 51px;
  font-weight: normal;
  color:#909090;
  font-family: times,georgia;
}
.tableclass1{
  border: solid 1px;
  border-color: #000000;
}
.tableclass2{
  border: dashed 1px;
  border-color: #000000;
}
.tableclass3{
  border: dotted 1px;
  border-color: #000000;
}
.tableclass4{
  border: double 1px;
  border-color: #000000;
}
.tableclass5{
  border: groove 1px;
  border-color: #000000;
}
.tableclass6{
  border: ridge 1px;
  border-color: #000000;
}
/* new */
.container {
background-color:#003399; margin:0 auto 0 auto; padding:0; width:100%;}
 position: relative;
  left: 10%;
.titleblock { position: relative;
  left: 10%;
}




ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1 em;  position: relative;
  left: 10%; text-align: center;
clear:both; margin:0; padding:0; background-color#003399;}

ul.navbar li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; width:20%; padding:1.2em 0 1 em 0; margin:0; 
text-decoration:none; background-color:#003399; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:20%; padding:1.2em 0 1 em 0; margin:0; 
text-decoration:none; background-color:#8CD749; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:20.5%; padding:1.2em 0 1 em 0; margin:0; 
text-decoration:none; background-color:#003399; color:#FFFFFF;}