/*********************************************************************/
/*                 GENERAL TEXT AND BACKGROUND COLORS                */
/*********************************************************************/

body {
background: 
background-attachment: scroll;
background: #e4e5d9 url("images/enviro/background.gif") repeat-x;
background-position: top left;
margin: 0px 0 0 0px;
padding: 0px;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .80em;
}

p { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

ul { 
font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0px 5px 10px 25px;
} 

td { 
font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;
} 
img { 
border: none;
}


ul { 
margin-bottom: 0%; padding-top:3px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; 
}

ul.standard li {padding:3px;}

ul.spaced li {padding:5px;}

input.text { 
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px;
	border-color : 7F9DB9;
	border-style : solid;
}


/*********************************************************************/
/*                               LAYOUT                              */
/*********************************************************************/


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
}

#wrapper-black {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 960px;
}

#header {
	margin: 0px;
}

#container {
	margin: 0px;
}


#contentHome { 
width: 960px;
margin: 0px;
padding: 0px;

background-attachment: scroll;
background: url("images/enviro/background3.gif") repeat-x;
background-position: top left;
}
#content { 
width: 960px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #556c2d;
background-attachment: scroll;
background: #fff url("images/enviro/background3.gif") repeat-x;
background-position: top left;
}

#content-black { 
width: 960px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #556c2d;
background-attachment: scroll;
background: #000 url("images/enviro/background3.gif") repeat-x;
background-position: top left;
}


#mainbody { 
	padding: 0px 0px 0px 0px;
	background: #fff;
}

#footer {
	clear: both;
	padding: 10px 0px;
	background: #e5e9df;
	margin:10px 0px 20px 0px;
	border-top: 3px solid #556c2d;
	border-bottom: 3px solid #556c2d;
}

div.hr {

  height: 17px;
  background: #fff url(images/enviro/footer.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}



/*********************************************************************/
/*                               NAVBAR                              */
/*********************************************************************/

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 13px 0 13px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;background:#fff url(images/bgON.gif) no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */




/*********************************************************************/
/*                               BUTTONS                             */
/*********************************************************************/

a.squarebutton{
background: transparent url('images/enviro/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/enviro/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
text-align: center;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/*********************************************************************/
/*                               PAGINATION                          */
/*********************************************************************/

.pagination{
margin:25px 0px 10px 0px;
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 2px 5px 3px 5px;
border: 1px solid #3b4f00;
text-decoration: none; 

}

.pagination a:hover, .pagination a:active{
border: 1px solid #3b4f00;
background-color: #f4ffd2;
}

.pagination a.currentpage{
background-color: #77a101;
color: #FFF !important;
border-color: #3b4f00;
font-weight: bold;
cursor: default;
}

.pagination, .pagination {
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

a.disablelink, a.disablelink:link a.disablelink:hover{
background-color: white !important;
cursor: default;
color: #aaa !important;
border-color: #aaa !important;

}

.pagination a.prevnext, a.logout, a.toc {
font-weight: bold;
}




/*********************************************************************/
/*                               LEIGHTBOX                           */
/*********************************************************************/


.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 700px;
	height: 450px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: black;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }





h1.mainbody { 
padding: 0 0 5px 0px; font-size: 22px; margin: 5px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#9e0020; 


} 

h1.sidebar { 
padding: 0 0 5px 0px; font-size: 22px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#fff; width:165px; text-align:center;
border-bottom: 3px solid white;
} 

h2 { 
padding: 0 0 0px 0px; font-size: 18px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001057;
background: url(images/enviro/gradient.gif);
background-position: left bottom;
background-repeat: no-repeat;
height:30px;
} 

h2.bio { 
padding: 0 0 0px 0px; font-size: 18px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001057;
background: none;
height:30px;
} 


h3 { 
padding: 0px 0 0px 0px; font-size: 14px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#001057;
} 

h4 { 
padding: 0px 0 0px 0px; font-size: 12px; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333;
} 


.bold {
font-weight:bold;
}

.red {
color: red;
}


.italic {
font-style:italic;
}

.box {
padding: 20px;
border: 2px solid #60cdf4;
background: #d9f3ff;
margin: 0px 35px;
}

.redbox {
padding: 20px;
border: 2px solid #f86161;
background: #ffd9d9;
margin: 0px 35px;
}


.graybox {
padding: 8px;
border: 2px solid #708090;
background: #f5f5f5;
margin: 0px 10px;
}

.boxtop {
width:330px;
}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align : center;
padding-top:5px;
}

#copyright a {
color:#aaaaaa;
}

#copyright a:hover {
color:red;
}

#gotop { 
float: right;
margin:5px 10px;
text-align:center;
font-size: 8pt;
} 
 


div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 70px;
  text-align: right;
  font-weight:bold;
  }

div.row span.formw {
  float: right;
  width: 205px;
  text-align: left;
  font-weight:bold;
  }


/*********************************************************************/
/*                                LINKS                              */
/*********************************************************************/

.cursor {cursor: default;}
.hand {cursor: hand;}

a:link { 
color: #001057
} 
a:visited { 
color: #001057
} 
a:hover { 
color: #034fc2
} 
a:active { 
color:#ffcc00 
} 
a.hide { 
display: none 
} 
a.clean { 
text-decoration: none 
} 


 
#content a:link { 
color: #001057;
} 

#content a:visited { 
color: #001057;
} 

#content a:hover { 
color: #034fc2;
} 

#content a:active { 
color: #ffcc00;
} 



#footerlinks { 
font-size: 13px; 
text-align:center
} 
 




/*********************************************************************/
/*                             MISCELLANEOUS                         */
/*********************************************************************/

acronym { 
color: #666666 
} 
.ucase { 
text-transform: uppercase 
} 
.nobr { 
white-space: nowrap 
} 
.smalltext { 
font-size: 11px; 
line-height:13px;
padding:3px;
} 
.tinytext { 
font-size: 9px; 
}

.indent1 { 
margin-left: 12px;  
} 
.indent2 { 
margin-left: 24px; 
} 
.indent3 { 
margin-left: 36px; 
} 
.indent4 { 
margin-left: 48px; 
} 
.indent5 { 
margin-left: 60px; 
} 

#printheadings{display:none}


.print {
display: none
}


/*********************************************************************/
/*                               PRINTING                            */
/*********************************************************************/

@media print 
{ 


/* display the print header */
#printheadings{display:block}

/* turn off navigation and ad bar */
.left-margin {display: none}

img.noprint {display: none}

td.noprint {
display: none
}

.print {
display: block;
}

.noprint {
display: none
}

#header {
display: none
}

#footer {
	clear: both;
	padding: 10px 0px;
	background: #fff;
	margin-bottom:20px;
	border: 10px solid #fff;
	border-top: 0px solid #fff;
}

#mainbody {
width:640px;
color:#000;
}

td {color:#000;}

h1 {  
page-break-inside: avoid; margin:0px;
} 
h2 { 
page-break-inside: avoid 
} 
h3 { 
page-break-inside: avoid 
} 
h4 { 
page-break-inside: avoid 
} 
h5 { 
page-break-inside: avoid 
} 
h6 { 
page-break-inside: avoid 
} 

td.noprint {
display: none
}
td.body1 {
display: none
}
td.body4 {
display: none
}
td.nav1 {
display: none
}
td.nav2 {
display: none
}
td.nav4 {
display: none
}
td.bottom {
margin-right:600px;
}
td.body2 {
margin-right:600px;
}


blockquote { 

} 
ul { 

} 
ol { 

} 
dl { 

} 

} 

