
/* Styles Applied to Whole Page */

html {
    scrollbar-base-color: #D89B00;   
}


body {
  margin: 10px;
  background: #FCC900 url(images/bkgnd.jpg) repeat;
  text-align: center;
  }


h4 {
  color: #FFFFFF;
  background: #0000FF;
  border: 4px solid #0000FF;
  font-size: 13px;
  text-align: center;
  }

p {
  color : #000000;
  margin-top : 5px;
  padding-bottom : 10px;
  margin-bottom : 0px;
  margin-left : 20px;
  margin-right : 20px;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  }
p a {
  color : #000000;
  }

p a:hover {
  color : 000080;
  }

.right  {float: right;}

.left  {
  float: left;
  display: inline;
}

.clearer {
  clear: both;
  height: 1px;
  overflow: hidden;
  font-size: 1px;
  }

/*  Floating Page */

#container {
  margin: 0 auto;
  padding: 0;
  border: 0px solid transparent;
  width: 911px;
  background: #FCC900 url(images/mainbg.gif) repeat-y;
  float: center;
  text-align: left;
  }

/*  Top Header Area */

#headtl /* Top Left Square */ {
  margin: 0;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  width: 255px;
  height: 180px;
  text-align: center;
  float: left;
  background: #FCC900;
  }

#headmr /* Top Middle Right */ {
  margin: 0;
  padding: 0;
  border-right: 1px solid #000;
  width: 654px;
  height: 141px;
  float: right;
  text-align: center;
  background: #FCC900;
  }

/* Horizontal Navigation Bars */

#headnav /* Top Right Navigation */ {
  margin: 0;
  width: 653px;
  padding: 10px 0px 0px 0px;
  border: 1px solid #000000;
  height: 28px;
  float: right;
  background: #FCC900 url(images/fon_menu.gif) repeat-x top right;
  font-size: 12px;
  }

#menuh-container /* Full Width Navigation */ {
  margin: 0;
  border: 1px solid #000;
  padding: 10px 0px 0px 0px;
  float: right;
  width: 911px;
  height: 29px;
  text-align: center;
  background: #FCC900 url(images/fon_menu.gif) repeat-x;
  }

#menuh {
  font-size: 12px;
  font-family: Tahoma,Verdana,Arial;
  font-weight: bold;
  margin: 0;
  color: #000000;
  background: #FCC900 url(images/fon_menu.gif) repeat-x;
  border-bottom: 0px solid #000;
  }

#menuh a {
  text-align: center;
  font-size: 12px;
  height: 28px;
  border: 0px solid #000;
  white-space: nowrap;
  margin: 0;
  color: #000000;
  text-decoration: none;
  font-family: Tahoma,Verdana,Arial;
  font-weight: bold;
  display: inline;
  }

#menuh a:visited {
  color: #000000;
  text-decoration: none;
  }

#menuh a:hover {
  color: #CC6600;
  }

#menuh ul {
  list-style: none;
  margin: 0;
  padding: 0px 0px 0px 19px;
  float: left;
  text-align: right;
  }

#menuh li {
  list-style: none;
  }

div#menuh li:hover {
  cursor: pointer;
  z-index: 100;
  }

/* End Horizontal Navigation Bars */

/*  End Top Header Area */

/* Page Middle */

#container2 {
  margin: 0 auto;
  padding: 15px;
  border: 0;
  width: 881px;
  background: #FFFFFF url(images/mainbg.gif) repeat-y;
  text-align: left;
}

/* Side Column */

#sidecol {
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #E0E0E0;      
  width: 245px;
  background: transparent url(images/t_fon.gif) repeat-x bottom left;
  float: left;
  text-align: left;
  }

.sc {
  color : #000000;
  margin-top: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 11px;
  font-family: Tahoma,Verdana,Arial;
  font-weight: bold;
}
.sc a {
  color: #cc6600;
}
.sc a:hover {
  color: #000080;
}

/* NEW Side Navigation w/Sub Menu */

#menuv {
  width: 243px;
  text-transform: uppercase;
  }

#menuv ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#menuv a, a:visited, a:active {
  font: bold 11px/15px arial, helvetica, sans-serif;
  display: block;
  width: 230px;
  border-width: 0px;
  border-style: solid;
  margin: 1px;
  padding: 2px 3px;
  color: #000;
  text-decoration: none;
  }

#menuv h2 {
  color: #fff;
  background: #FFAA00;
  font: bold 12px/16px arial, helvetica, sans-serif;
  display: block;
  border-width: 0px;
  border-style: solid;
  margin: 1px;
  padding: 2px 3px;
  }

#menuv a:hover {
  margin: 1px;
  color: #04056B;
  background-color: #FFDE80;
  }

#menuv li {
  position: relative;
  display: inline;
  }

#menuv ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  }

div#menuv ul ul ul, div#menuv ul ul li:hover ul ul {
  display: none;
  }

div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul {
  display: block;
  border: 1px solid #FFAA00;
  background-color: #FFCC55;
  }

/* End NEW Side Navigation w/Sub Menu */

/* End Side Column */

/* Main Content Area */

#content {
  margin: 0 auto;
  padding: 5px;
  border: 1px solid #E0E0E0;
  width: 600px;
  background: transparent url(images/t_fon.gif) repeat-x bottom left;
  float: right;
  text-align: center;
  }

.main {
  color : #000000;
  margin-top : 5px;
  padding-bottom : 5px;
  margin-bottom : 0px;
  margin-left : 15px;
  margin-right : 15px;
  text-align: left;
  font-size : 13px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}
.main a {
  color : #000080;
  font-size : 13px;
  text-decoration: underline;
  display: inline;
  font-weight: normal;
}

.main a:hover {
  color : #CC6600;
  font-size : 13px;
  text-decoration: underline; 
}

.main ul {
  font-weight: normal;
}

.title {
  color: #CC6600;
  font-size : 13px;
  text-align: left;
  font-weight: bold;
}

.descript {
  font-size : 13px;
  text-align: left;
  font-weight: normal;
}

/* End Main Content Area */

/* End Page Middle */

/* Bottom Footer */

#footer {
  margin: 0;
  padding: 0;
  border: 0;
  width: 911px;
  height: 25px;
  background: #FCC900 url(images/pg_bot.gif) no-repeat;
  float: center;
  text-align: center;
}

#container3 {
  margin: 0 auto;
  padding: 10px;
  border: 0;
  width: 911px;
  background: transparent;
/*  float: center;  */
  text-align: center;
  font-size : 11px;
  font-family : Tahoma,Verdana,Arial;
  font-weight: bold;
}

/* End Bottom Footer */

/*  End Floating Page */
