/* CSS Document */

/*---BEGIN LEFT MENU STYLES---*/
    .glossymenu, .glossymenu li ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 163px; /*WIDTH OF MAIN MENU ITEMS*/
    }
    
    .glossymenu li{
    position: relative;
    background: white url(../images/glossyback_a.gif) bottom left;
    display: block;
    font: bold 11px Verdana, Helvetica, sans-serif;
    
    }
    
    .glossymenu li a{
    background-image: url(../images/glossyback2_b.gif);
    background-position: 0 -70px;
    color: white;
    display: block;
    width: auto;
    padding: 5px 0;
    padding-left: 5px;
    padding-right: 10px;
    text-decoration: none;
    }
    
    .glossymenu li a:visited {
    color: white;
    }
    
    .glossymenu li a:hover{
    color: orange;
    background-image: url(../images/glossyback2_b.gif);
    background-position: bottom left;
    }
    
    .glossymenu li ul{ /*SUB MENU STYLE*/
    position: absolute;
    width: 160px; /*WIDTH OF SUB MENU ITEMS*/
    left: 0;
    top: 0;
    display: none;
    }
    
    .glossymenu li ul li{
    float: left;
    }
    
    .glossymenu li ul a{
    width: 150px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
    padding-right: 50px;
    }
    
    .glossymenu .arrowdiv{
    position: absolute;
    right: 2px;
    background: transparent url(../images/arrow.gif) no-repeat center right;
    }
    
    /*- BEGIN Create EA menu -*/
    a.leftmenust1a{
    float:none;
    text-align:left;
    }
    
    a.leftmenust1{
    }
    
    .glossymenu li a.leftmenust2a{
    float:none;
    text-align:left;
    color: white;
    }
    
    .glossymenu li a.leftmenust2{
    color: white;
    }
    
    .glossymenu li a.leftmenust2a:visited {
    color: white;
    }
    
    .glossymenu li a.leftmenust2a:hover{
    color: orange;
    }
    
    .glossymenu li a.leftmenust2:visited {
    color: white;
    }
    
    .glossymenu li a.leftmenust2:hover{
    color: orange;
    }
    /*- END Create EA menu -*/
    
    /* Holly Hack for IE \*/
    * html .glossymenu li { float: left; height: 1%; }
    * html .glossymenu li a { height: 1%; }
    /* End */
  /*---END LEFT MENU STYLES---*/
  
  /*---BEGIN CUSTOM FORM ELEMENTS MENU STYLES---*/
    span.checkbox {
      width: 19px;
      height: 25px;
      padding: 0 5px 0 0;
      background: url(../images/checkbox.png) no-repeat;
      display: block;
      clear: left;
      float: left;
    }
    
   span.radio {
     width: 19px;
     height: 25px;
     padding: 0 5px 0 0;
     background: url(../images/radio.png) no-repeat;
     display: block;
     clear: left;
     float: left;
   }
   
   span.select {
     position: absolute;
     width: 190px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
     height: 21px;
     padding: 0 24px 0 8px;
     color: #fff;
     font: 12px/21px arial,sans-serif;
     background: url(../images/select_green.png) no-repeat;
     overflow: hidden;
   }
  /*---END CUSTOM FORM ELEMENTS MENU STYLES---*/  

/*PAGE LAYOUT*/
body {
	
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_body.jpg);
}
#toppage{
	width:820px;
}
#topleftbar{
	float:left; 
  width:169px; 
  height:40px; 
  border-right:solid 1px #999999;
}
#toprightbar{
	float:left; 
	width:629px; 
	height:40px; 
	background-image:url(../images/topbar_green.gif);
	background-color:#CBC55C;
	background-repeat:repeat-x;
	border-right:solid 1px #999999;
}
#header{
	width:820px;
}
#content{
	width:820px;
}
#contenttext{
	float:left; 
  width:630px; 
	background-color:#E8E8E8; 
	border-left:solid 1px #999999; 
  border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; 
	min-height:224px;
}
#logo{
	float:left;
	width:169px;
	height:109px;
	background-color:#E8E8E8;
	border-left:solid 1px #999999;
	border-top:solid 1px #999999; 
}
#pagetitle{
	position:relative;
	float:left;
	width:629px;
	height:109px;
	border-top:solid 1px #999999; 
	background-image: url(../images/pagetitlelogo.jpg);
	background-color:#E8E8E8;
	border-right:solid 1px #999999;
  background-repeat: none;
}
#title{
	position:absolute; 
  right:10px; 
  bottom:0px; 
  width:600px;
}
#menu{
	float:left; 
  width:168px; 
  margin:0px;
  border-top:solid 1px #999999; 
}
#footer{
	width:610px; 
  padding-right:10px; 
  padding-left:200px;
}
/*GRAY PANEL*/
.panel{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	margin:10px;
	padding:10px;
	width:550px;
	height:160px;
}

/*TEXT STYLES*/
/*
08BA08 green maches:
069406
046E04
7FBA07
659406
4B6E04
454545
*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #515151; 
	padding:12px;
	font-size:12px;
}
.bodytext a{
	color: #069406;
	text-decoration:none;
}
.bodytext a:hover{
	color: #069406;
	text-decoration:none;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgreentext {
	font: 0.7em Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #379710;
}
.smallgreentext a{
	font: 0.7em Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #379710;
	text-decoration:none;
}
.smallgreentext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
  color:#514F1C;
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FF9900;
}
/*TABLE STYLES*/
table {
  border:1px solid #7c9c24;
  border-collapse: collapse;
  margin: 10px 4px 10px 4px;
  table-layout:auto;
  empty-cells:show;
	font-weight:normal;
	text-decoration:none;
}

table td {
  border:1px solid #7c9c24;
  padding: 3px 3px 3px 3px;
}
/*VARIOUS INPUT STYLES*/
input,select {
  font: 0.8em Tahoma, sans-serif;
  font-size: 12px;
	color: #515151;
	font-weight:normal;
	text-decoration:none;
}
/*TABLE STYLES- SOLID*/
table.solid {
  border:1px solid #C2C2C2;
  border-collapse: collapse;
  margin: 10px 4px 10px 4px;
  table-layout:auto;
  empty-cells:show;
	font-weight:normal;
	text-decoration:none;
	background-color: #EEEEEE;
}

table.solid td {
  border:1px solid #7c9c24;
  padding: 3px 3px 3px 3px;
}
/*LOGIN*/
.login
{
    background: url(../images/login_button.jpg) no-repeat;
    height: 20px;
    width: 50px;
    border: none;
    padding-top:20px;
}
.login:hover
{
    background: url(../images/login_button.jpg) no-repeat;
    height: 20px;
    width: 50px;
    border: none;
    cursor: pointer;
    padding-top:20px;
}
/*DOCUMENTATION STYLES*/
.doc1 {
  text-decoration:underline
}
.doc2 {
  font-style:italic
}
.doc3 {
  font-weight:bold
}
/*HOMEPAGE STYLES*/
.hom1 {
  font-weight:bold
}
/*Compare css*/
	td {
		border: 1px solid #bbb;
		padding: 5px;
	}
	div.header {
	}
	div.note {
		color: #515151;
		text-align: justify;
		margin-left: 10px;
		margin-right: 20px;
	}
	div.fact {
		color: #515151;
		text-align: justify;
		margin-left: 10px;
		margin-right: 20px;
	}
	td.center {
		text-align: center;
	}
	#doBold {
		font-weight: bold;
	}
	#doCenter {
		text-align: center;
	}