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

/* Body Properties */
body{
  background-color: #CCCCFF;
  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: #FF0000;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: underline;
}

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

/* 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: #000000;
  border: solid 1px #FFFFFF;
}

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


/*****************************************
* 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: #CCCCFF;
  background-image:;
  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: #CCCCFF;
  color: #ffooff;
  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: #CCCCFF;
  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;
}