/* CSS Document */

body {
	margin: 0 0 0 0;
	font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	color: #797979;
	background-color:#FFF;
	}

h2 { 
	font:20px/20px Georgia, 'Times New Roman', Times, serif bold;
	margin:60px 0 2px 0;
	color:#999999;
	}

#wrapper {
	height: 100%;
	width: 100%;
	}

#header {
	height: 100px;
	background-image: url(../images/header.jpg);
	}

#latest {
	height: 240px;
	background-color:#82a723;
	background-image: url(../images/latest.jpg);
	color: #FFF;
	font-size: small;
	}

#content {
	background-color:#FFF;
	background-image: url(../images/content.jpg);
	background-repeat: repeat-x;
	padding: 0px 0 0px 0;
	line-height: 1.3em;
	font-size: small;					
	text-align: justify;
	}

#footer {
	color:#FFFFFF;
	font-size: small;
	background-color:#82a723;
	background-image: url(../images/footer.jpg);
	border-top: 5px solid #9fc53a;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0 0 0 40px;
	list-style-type: none;
	text-align: center;
	clear: left;
	height: 27px;
	}
	
#menu ul li {
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	width: 95px;
	height: 27px;
	padding: 0 0 0 0;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center; 
	font-size: small;
	line-height: 1.9em;
	}

#menu ul li#c  {
	background-color: #769a1e; 
	}

#menu ul li a:hover {
	background-color: #769a1e;
	}

/*-------------------------CLASSES------------------------- */


h3 {
	font: xx-large Georgia,'Times New Roman', Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font: italic;
	color: #f9ffe0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
h4 {
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	color: #f9ffe0;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	}
	
.title2 {
	color: #e9efd0;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	color: #f9ffe0;
	margin: 0 0 0 0;
	}
	

.link {
	border-bottom:1px dotted;
	text-decoration:none;
	color:#769a1e;
	font:16px italic 'Georgia','Times New Roman', Times, serif;
	}

.link:hover {
	border-bottom-style:dotted;
	color:#ff6600;
	}

.trees {
	max-width: 60%;
	width: 60%;
	min-width:60%;
	height: 245px;
	background-color: #769a1e;
	background-image: url(../images/banner.png);
	background-repeat:no-repeat;
	}

.nav {
	width: 60%;
	background-color: #86ac25;
	}

.maincontent {
	background-color:#FFF;
	width: 60%;
	background-image:url(../images/contentborder.jpg);
	background-repeat:repeat-x;
	}

.mainheader {
	width: 60%;
	background-color:#FFF;
	height: 100px;
	background-image:url(../images/headerborder.jpg);
	background-repeat:repeat-x;
	}

.padd {
	padding: 0 40px 0 40px;
	}

.padd2 {
	padding: 30px 40px 30px 40px;
	}

.padd3 {
	padding: 50px 40px 50px 40px;
	}

.padd4 {
	padding: 0px 10px 0px 10px;
	}

.green {
	font-size:22px;
	color:#769a1e;
	margin: 0;
	padding: 0; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	text-transform: lowercase;
	}

.grey {
	font-size:22px;
	color:#989898;
	}

.footer {
	font-size: small;
	color: #FFF;
	}

.portlist {
	width: 100%;
	color: #FFF;
	border: 4px solid #769a1e;
	background-image:url(../images/pattern.jpg);
	}

.portlist2 {
	width: 90%;
	color: #FFF;
	border: 4px solid #769a1e;
	background-image:url(../images/pattern.jpg);
	}

.portlist3 {
	width: 80%;
	color: #FFF;
	border: 4px solid #769a1e;
	background-image:url(../images/pattern.jpg);
	}

.portlist:hover,.portlist2:hover,.portlist3:hover  {
	border: 4px solid #b9babb;
	}

.caption {
	color: #769a1e;
	font-size: 25px;
	}

.input {
	background-color:#afca3d;
	border: 1px solid #769c1b;
	font-size:medium;
	color:#658617;
	width: 300px;
	}

.swych {
	text-decoration:none;
	color: #769a1e;
	font:28px italic 'Georgia','Times New Roman', Times, serif;
	}


/*-------------------------Sub Pages------------------------- */

#latestsub {
height: 33px;
background-color:#82a723;
background-image: url(../images/latest.jpg);
color: #FFF;
font-size: small;
padding: 0 0 0 0;
}

#menu1 ul {
border: 0;
margin: 0;
padding: 0 0 0 40px;
list-style-type: none;
text-align: center;
clear: left;
height: 27px;
}
	
#menu1 ul li {
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#menu1 ul li a {
width: 95px;
height: 27px;
padding: 0 0 0 0;
color: #FFF;
text-decoration: none;
display: block;
text-align: center; 
font-size: small;
line-height: 1.9em;
}

#menu1 ul li#c {
background-color: #769a1e; 
}

#menu1 ul li a:hover {
background-color: #769a1e;
}

#error {
width:300px;
background-color:#bc2025;
color:#FFFFFF;
text-align: center;
}
#pass {
width:300px;
background-color:#769c1b;
color:#FFFFFF;
text-align: center;
}

/* TABLES */


#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
	}



th {
	color: #83a824;
	border-bottom: 1px solid #83a824;
	}




/*-------------------------Extra Scripts------------------------- */

ol.portfolioList li { margin:0 55px 0 0; float:left; width:400px; height:450px; }
ol.portfolioList li h2 { position:relative; width:420px }
ol.portfolioList li h2 span { font-style:italic; color:#999; position:absolute; top:0; right:8px }
ol.portfolioList li h2+a:hover { border:none } /* Oh yeah, adjacent sibling selectors, baby! IE won't understand this, of course... */
ol.portfolioList li a img { width:400px; height:200px; margin:10px 0 12px 0; border:5px solid #fff }

ol.portfolioList li a:hover img { border:none; padding:5px; }
ol.portfolioList li a+p { font-style:italic } /* Oh yeah, adjacent sibling selectors, baby! IE won't understand this, of course... */

#dhtmltooltip {
color:#FFF;
margin: 0;
padding: 0; 
font-family: Georgia, georgia, "Times New Roman", Times, serif;
font-weight:lighter;
text-transform: lowercase;
position: absolute;
border: 2px solid #5c7811;
padding: 2px;
background-color: #769a1e;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}