/* CSS Document */

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

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

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

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

#content {

background-color:#1e2530;
background-image: url(../images/contentnight.jpg);
background-repeat: repeat-x;
padding: 0px 0 0px 0;
line-height: 1.3em;
font-size: small;					/* HMMMMMMMMMMMMMMMMMMMMMMMMMMMMM  */
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;
}

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

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

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

.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:#5c61e;
}

.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 {
width: 60%;
background-color:#1e2530;
background-image:url(../images/contentbordernight.jpg);
background-repeat:repeat-x;
background-color:#1e2530;

}

.mainheader {
width: 60%;
background-color:#1e2530;
height: 100px;
background-image:url(../images/headerbordernight.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:#95c61e;
margin: 0;
padding: 0; 
font-family: Georgia, 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;

}


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

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

}

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

#dhtmltooltip{


color:#a1a1a1;
margin: 0;
padding: 0; 
font-family: Georgia, georgia, "Times New Roman", Times, serif;
font-weight:lighter;
text-transform: lowercase;

position: absolute;

border: 2px solid #1e2530;
padding: 2px;
background-color: #2e3748;
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);
}