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

body {
background-attachment: scroll;
background: #e0d9cf;
background-position: top left;
margin: 15px 0 0 0px;
padding: 0px;
color: #000;
font-size:14px;
font-family: Georgia, serif;
}

p { 
font-family: Georgia, serif; font-size:14px;
} 

ul { 
font-size:14px;
} 

td { 
font-size:14px;  font-family: Georgia, serif;
} 
img { 
border: none;
}


ul { 
margin-bottom: 0%; padding-top:3px; list-style-type: square; 
}


#contactus a:hover img {border:3px solid #034fc2;}
#contactus a img {border:3px solid #000;}

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


#header {
	margin: 0px;
}

#content { 
margin: 10px;
padding: 0px;
background: #f9f9f9;
/* 
background-attachment: scroll;
background: #fff url("images/enviro/background2.gif") repeat-x;
background-position: top left; 
*/
}


#mainbody { 
	padding: 10px; background: #fff;
}

#footer {
	clear: both;
	padding: 10px 0px 0px 0px;
	margin-bottom:0px;

}





/*********************************************************************/
/*                            NAVIGATION                             */
/*********************************************************************/


/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(images/nav/button4.gif);}
.menu2 {padding:0 0 0 5px; margin:0; list-style:none; height:40px; background:#fff url(images/nav/button1a.gif) repeat-x; position:relative; font-family: arial, sans-serif !important;  }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:16px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 2px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 6px; height:40px; background:url(images/nav/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/nav/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/nav/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/nav/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/nav/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/nav/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/nav/button4a.gif) no-repeat right top;}


.menu2 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 */

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

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

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #a78462; white-space:nowrap; width:238px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:175px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:232px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/nav/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#472205; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#472205 url(images/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#472205 url(images/nav/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #a78462; white-space:nowrap; width:215px; z-index:200; height:auto;}





/*********************************************************************/
/*                               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%;
}





h1 { 
padding: 0px 0px; font-size: 24px; margin: 10px 0px 0px 0px; font-family: Georgia, serif; color:#3f622f; 
} 
 

h2 { 
padding: 0 0 0px 0px; font-size: 18px; margin: 5px 0px 0px 0px; font-family: Georgia, serif; sans-serif; color:#333;
} 


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

h4 { 
padding: 0px 0 0px 0px; font-size: 14px; margin: 10px 0px 0px 0px; font-family: 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:#aaaaaa;
}

#copyright a:hover {
color:red;
}

#gotop { 
float: right;
margin:5px 10px;
text-align:center;
font-size: 8pt;
} 
 


/*********************************************************************/
/*                                LINKS                              */
/*********************************************************************/

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

a:link { 
color: #3f622f; text-decoration: none;
} 
a:visited { 
color: #3f622f; text-decoration: none;
} 
a:hover { 
color: #75af58; text-decoration: underline;
} 
a:active { 
color:#dd0000
} 
a.hide { 
display: none 
} 
a.clean { 
text-decoration: none 
} 





#footerlinks { 
font-size: 12px; 
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 


 

#footerlinks2 { 
margin:6px 0px ;
font-size: 9px; 
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 
 
#footermessage { 
color:#aaa;
margin:6px 0px ;
font-size: 9px !important; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 

#footermessage p { 
font-size: 9px; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 
 
#footermessage a { 
color:#aaa;
font-size: 9px; 
text-decoration:none;
cursor: text;
font-family: Verdana, Arial, Helvetica, sans-serif;
} 


/*********************************************************************/
/*                             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 { 

} 

} 
