/*********************************************************************/
/*                 GENERAL TEXT AND BACKGROUND COLORS                */
/*********************************************************************/

body {
background: #fff url("images/enviro/background.gif") repeat-x;
background-attachment: scroll;
margin: 15px 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; 
} 

#contenttable { 
font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif;
} 

img { 
border: none;
}

input.text { 
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px;
	border-color : 7F9DB9;
	border-style : solid;
}




/*********************************************************************/
/*                               LAYOUT                              */
/*********************************************************************/

#mainbody
{
padding: 8px 0 0 0px;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 777px;
	background: transparent;
}

#header {
width:777px;
margin: 0px px 0px 0px; 
}

#container {
	margin: 0px;
	background: #fff;
}


#content { 
	width: 777px;
	margin: 0px 15px 0px 15px;
	padding: 0px;
	background: #fff;
}




h1 { 
padding: 0px; font-size: 24px; margin: 5px 0px 5px 0px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color:#0165ff; height:30px;
} 

h2 { 
padding: 0px 0 0px 0px; font-size: 20px; margin: 10px 0px 5px 0px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color:#0165ff;
}

h3 { 
padding: 0px 0 0px 0px; font-size: 16px; margin: 10px 0px 5px 0px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color:#000;
} 

h4 { 
padding: 0px 0 0px 0px; font-size: 13px; margin: 10px 0px 0px 0px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; color:#000;
} 


.bold {
font-weight:bold;
}

.red {
color: red;
}

.italic {
font-style:italic;
}

#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align : center;
padding-top:5px;
}


#copyright a {
color:#aaa;
}

#copyright a:hover {
color:#0165ff;
}

#gotop { 
float: right;
margin:25px 15px 25px 0px;
text-align:center;
font-size: 8pt;
} 
 


#howto a:hover img {border:4px solid #cc0000;}
#howto a img {border:4px solid #fbdcdc}


/*********************************************************************/
/*                                MENU                              */
/*********************************************************************/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(prodrop4/pro_drop4_2a.gif);}
.preload1 {background: url(prodrop4/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 12px; margin:0; list-style:none; width:777px; height:36px; background:#fff url(prodrop4/pro_drop4_back.gif); position:relative; z-index:500; font-family:arial, verdana, sans-serif;text-align:left;}
.prodrop4 li.top2 {display:block; float:left;}
.prodrop4 li a.top2_link {display:block; float:left; height:36px; line-height:31px; color:#333; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top2_link span {float:left; display:block; padding:0 14px 0 5px; height:36px;  background:url(prodrop4/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top2_link:hover {color:#44280e; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:29px;}
.prodrop4 li a.top2_link:hover span {color:#44280e; background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top2_link {color:#44280e; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top2_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:110px;}
.prodrop4 ul.sub2 {width:145px;}
.prodrop4 ul.sub3 {width:160px;}
.prodrop4 ul.sub4 {width:169px;}
.prodrop4 ul.sub5 {width:169px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}
  
  
/*********************************************************************/
/*                                LINKS                              */
/*********************************************************************/




.cursor {cursor: default;}
.hand {cursor: hand;}

a:link { 
color: #0000ff
} 
a:visited { 
color: #0000ff
} 
a:hover { 
color: #0165ff
} 
a:active { 
color:#f00 
} 
a.hide { 
display: none 
} 
a.clean { 
text-decoration: none 
} 

#footerlinks { 
font-size: 13px; 
text-align:center
} 


	
	
.displace {
	position: absolute;
	left: -5000px;
	}



/*********************************************************************/
/*                             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 {
	width:794px;
	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 { 

} 

}