/* universal style */
* {
  margin: 0;
  padding: 0;
}
.inside {
  padding: 0 0 0 1em;
}
body {
  text-align: center;
  background-color:#8CA;
  min-width: 55em;
}
/* main elements */
#outside {
  height:100%;
  position:relative;
}
#wrapper { /* Contains everything */
  width: 80%;
  height:100%;
  margin: 0 auto; 
  text-align:left;
  background-color:#FFF;
  position:relative;
}
#top { /* Container for the header and tabs */
  height:20%;
  position:relative;
}
#header {
  height:80%;
  position:relative;
  background-image:url(../images/topbgnew.png);
  background-repeat: no-repeat;
  background-color:#FFF;
  background-position: center top;
}
#tabs { /* Tabs are the top "mini" navigation */
  height:20%;
  text-align:center;
  position:relative;
}
#bottom { /* Container for the menus and content */
  width:100%;
  height:80%;
  position:relative;
  background-color:#FFF; 
/*  background-image:url(../images/background.jpg);
  background-repeat: no-repeat;
  background-position: center;*/
}
#menus{ /* Menus are the side "full" navigation */
  width:20%;
  height:100%;
  float:left;
  background-color:#282;
  position:relative;
  z-index:4;
}
#content {
  width:78%;
  right:1%;
  height:100%;
  float:right;
  /*background-color:#FFF; */
  position:relative;
  z-index:5;
  padding: 20px 0 0 0;  /* Give some breathing room between the tabs and text. */
}
#contentbg{
  width:80%;
  right:0%;
  height:95.6%;
  float:right;
  /*background-color:#FFF; */
  position:relative;
  z-index:1;
  padding: 20px 0 0 0;  /* Give some breathing room between the tabs and text. */
}
.clearHack:after { /*Make the content div reach the footer in standards-compliant browsers.  Upgraded form of the clearing div. */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#footer { /*"Last updated" and copyright information */
  float:right;
  width:100%;
  height:10%;
  text-align:center;
  font-size:10pt;
  color:#FFF;
  background-color:#364;
  border:solid 1px #000;
  border-width: 2px 0;
  position:relative;
}
/* Tab styles */
.hide {
  display:none;
}
.tabs {
  border-bottom: solid 1px #fff;
  margin: 0;
  padding: 3px 0 4px 0;
  white-space: nowrap;
}
.tabs ul {
  list-style-type:none;
  margin: 0;
  padding:0;
}
.tabs ul li {
  background-color: #ADA; /*8CA*/
  text-align:center;
  display: inline;
  white-space: nowrap;
  margin: 0;
}
.tabs ul li a, .tabs ul li a:link, .tabs ul li a:visited, .tabs ul li a:active {
  color: #A0522D;
  background-color: #ADA; /*8CA*/
  font-weight: bold;
  text-decoration: none;
  margin: 0 -3px 0 0;
  padding: 3px 10px 4px 10px; 
  border: solid 1px #000;
}
.tabs ul li a:hover {
  background-color:#8A8
}
.tabs ul span.divider {
  display: none;
}
.menus {
  width:20%;
  background-color: #fff;
  float:left;
}
.menuBox {
  border: 0px;
  margin: 25px 2px;
  padding: 0 10px 0 0;
  z-index: 9;
}
.menuBox .menu {
  margin: -3px 0 1px 0;
}
.menuBox h3 {
  background-color: #ADA; 
  color: #000; 
  border: solid 1px #000;
  font-size: 120%; 
  padding: 2px 6px;
}
.menu {
  margin: 10px 0;
  padding: 3px 0 4px 0;
  white-space: nowrap;
}
.menu ul {
  border: solid 1px #000;
  border-width: 0 2px 4px 0;
  margin: 0 -8px 0 13px;  
}
.menu ul li {
  display: block;
  text-align:left;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  list-style-type:none;
  background-color: #282;
  border: solid 2px #000;
  border-width: 0 2px 0 1px;
}
.menu ul li, .menu ul li a {
  margin: 0;
  padding: 0;
  line-height:100%;
  display: block;
}
.menu ul li a {
  display: block;
  padding: 2px 5px 3px 5px;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active, .menu ul li a:hover {
  text-decoration:none;
  cursor:pointer;
}
.menu h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 126%;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active {
  color: #CC7;
  text-decoration:none;
  font-weight:bold;
}
.menu ul li a:hover {
  background-color:#8A8;
}
.menuBox h3 a, .menuBox h3 a:link, .menuBox h3 a:visited, .menuBox h3 a:active, .menuBox h3 a:hover{
  color: #A0522D;
  text-decoration:none;
}
.menuBox h3 a:hover {
  background-color:#8A8;
}
#mainMenu {
  margin-top: -10px;
  border: 0;
}
/*Generic Unordered List*/
.genericUL {
  padding: 0 0 0 30px;  /*Keep the bullets on the appropriate div.  Has the aesthetically pleasing side effect of indenting lists.*/
}

/* IE HACK -- REMOVE AND IE DIES */
* html #top,
* html #top h2,
* html #menus,
       .menuBox h3, 
{
	position: relative;
}
* html #top,
* html #content,
* html #contentColumnContainer,
* html .menu,
* html .menu ul li a/**/,
* html .tabs, 
* html .tabs ul li a,
* html .menuBox,
* html .menuBox h3 {
	/*IE-mac can't see this \*/
		height: 0.01%;
	/* the empty comment in the .menu ul li a selector keeps
	 * it from being processed by IE5.0/Win
	 */
}
* html div {
	overflow: visible;
}
* html body {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS that makes IE work */
}