/* CSS Document */

#wrapper{width:720px;
margin-top:20px; margin-bottom:20px;margin-right:auto; margin-left:auto;

background:#99CC99 url(images/greentile.jpg) repeat-y left top;
border:1px solid #2a8863;
}

body {margin:0; padding:0;text-align: left;
min-width: 760px; background-color:#254E3C; }


#header{width:720px; height:150px;}

#topbar{background-color:#6DA990; width:720px; height:20px;margin-bottom:0px;border-top:1px solid #254e3c;border-bottom:1px solid #254e3c; } 
#topbar ul {list-style: none; display:inline;margin-left:230px; padding:0px;}
#topbar li{list-style: none;
		display: inline;padding-right:0.75em; margin-right: 0.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:white;}


 
#mainnav{
width:210px;
float:left;
background-color:#99cc99;
font:Verdana, Arial, Helvetica, sans-serif;}

#mainnav p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#2a8863; font-weight:bold; padding-left:10px;padding-right:10px; padding-bottom:0px;}


#mainnav ul {margin:0; padding:0; list-style-type:none; background-color:#99cc99;}

#maiinnav li {display: inline;}

#mainnav li.current {background-color: #DaE4Df;}

#mainnav li.current a {color:#3d8062}



#mainnav ul a {display: block;
		height: 22px;
		line-height:22px;
		border:1px solid #784760;
		border-right:0px;
		border-top:0px;
		border-left:0px;
		padding-left:10px; padding-right:10px;
		
		
		color:#805c42; 
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px; font-weight:bold;}
		
#mainnav ul a:hover{background-color:#3d8062; color:white;}	

#mainnav ul a:active{background-color:#3d8062; color:white;}
	
a {color:#805c42;}
a:hover {color:#e36b50}

#mainnav h2 a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-left:25px;color:#805c42; }

#mainnav h2 a:hover{color: #e36b50;}



#content{
width: 480px;padding-left:15px;margin-left:0px; padding-right:5px; margin-right:0px;
float: left; background-color:#DaE4Df; padding-bottom:20px;}
#content p {line-height: 1.5em;}
blockquote {margin-left:0px;
text-align:left;
padding-top:20px;
font-size:14px;
font-family: georgia, "Times New Roman", Times, serif;
font-style:italic;
line-height:150%; border-bottom-style: dashed; border-bottom-width:1px;color:#2a8863;}


.image1 {margin-left:25px; margin-right:30px; margin-top:10px;}
.image {margin-left:15px;margin-right:40px; margin-top:10px;}
.imageboys {margin-left:10px;margin-top:10px;}

.border {border-color:#006633;}
.current {background-color:#DAE4DF}

#span1 {font-size:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#2a8863}
#span2 {font-size:12px; font-family:verdana,arial,helvetica,sans-serif; color:#805c42;text-align:left; padding-left:0px;padding-bottom:0px;font-weight:bold;}

p {font-size:12px;  font-family: Arial, Helvetica, sans-serif; color:#2a8863; text-align: left; }



#maincontent {width: 260px; padding-top:20px; margin-right:0px;
float: left;padding-left:0px; background-color:#DaE4Df; padding-right:15px;}


#secondarycontent {
width: 180px;
float: right;
padding-top:10px;
background-color:#DaE4Df;

}

.box
{width:160px; height:220px;background:#99cc99;margin-top:25px;padding-top:5px;margin-left:10px;margin-right:10px;margin-bottom:40px;padding-bottom:5px;}

.box h2 a {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#805c42; padding-bottom:0px;margin-bottom:0px; padding-left:10px;}
.box h2 a:hover {color:#E36B50}
.box p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#805c42;text-align:left; padding-left:10px;padding-bottom:0px;margin-bottom:0px;}

.imagefloat {float:left; margin-left:0px;
	margin-right:10px; margin-top:2px; border:1px solid #3d8062;}
	.imagetrees {float:left;margin-right:10px;margin-top:0px;padding-top:0px;margin-bottom:5px;}
#secondarycontent ul {list-style-type:none; margin-left:0px;padding-left:10px;}
#secondarycontent ul a {color:#805c42;text-decoration:underline;font-size:11px;font-family:
Verdana, Arial, Helvetica, sans-serif; font-weight:bold;padding-left:0px;}

#secondarycontent ul a:hover {color:#e36b50}

h1 {font-size: 16px; padding-left:0px; text-align:left; clear:both;font-family: 
Verdana, Arial, Helvetica, sans-serif; padding-top:20px;margin-top:0px; font-weight:bold; color:#2a8863;}
 h2 {color:#2a8863;  font-family:
Verdana, Arial, Helvetica, sans-serif;
 font-size:14px; padding-top:0px; margin-top:0px;padding-left:0px; padding-bottom:0px;margin-bottom:0px; clear:both; }
 h3{text-align:right; color:white; font-family:Geneva, Arial, Helvetica, sans-serif;
 font-weight:bold;font-size:11px; padding-top:5px; padding-right:15px; padding-bottom:0px;}
h4 {color:#2a8863; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-align:left;clear:left; padding-top:0px;margin-top:0px; padding-left:5px;}
h5 {color:#2a8863; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-align:left;clear:left;padding-left:50px;padding-top:0px; margin-top:0px;}

#footer {clear: both; width: 720px; height:20px; background-color:#72B096;border-top:1px solid #254e3c;border-bottom:1px solid #254e3c; } 

#footer ul {list-style: none; display:inline;margin-left:10px; padding:0px;}
#footer li{list-style: none;
		display: inline;padding-right:0px; margin-right: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:white;}


/* Form info */

fieldset{margin:1em 1em;
padding: 1em;
border: 0px solid white;
background:#DAE4DF;}

legend {background-color: #F5F5F5; color:#3D8062;
margin:0;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border-style:solid;
border-width:1px;
border-color:#FFF #AAA #666 #FFF}

label {float:left; width:10em; display:block;}

#typeofwork label {width:4em;}
#treelocation label {width:4em;}
#name #streetaddress #city #state #zipcode #homephone #workphone #email #message {width:100%;}

input {width:24em; background-color:
#F5F5F5;}
input.submit {width:9.5em;margin-left:15em;}
input.checkbox {width:1em}

fieldset#typeofwork {
margin:0;
padding:0;
border:none;
background:transparent;
}

fieldset#treelocation {margin:0;
padding:0;
border:none;
background:transparent;}

fieldset#describework {
margin:0;
padding:0;
border:none;
background:transparent;}

#typeofwork h2 {
width:10em;
float:left;
font-family: Arial, Helvetica, sans-serif; font-size:12px;}

#describework h2 {
width:10em;
float:left;
font-family: Arial, Helvetica, sans-serif; font-size:12px;
;}

#treelocation h2 {
width:10em;
float:left;

font-family: Arial, Helvetica, sans-serif; font-size:12px;
}



#typeofwork div{width:9em;
float:left;margin-right:14px;}

#treelocaton div{width:9em;
float:left;margin-right:5px;}

.clear{clear: both;}
#treelocation label{width:5em;float:none; display:inline;}

#typeofwork label{
width:5em;
float:none;
display:inline;
}
#typeofwork p {margin: 0.3em 0;}
#treelocation p {margin:0.3em 0;}



/*photos*/


.thumbnail img{
border: 1px solid white;
margin: 1px 1px 1px 1px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid green;
}

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;
padding:0px;

left: -1000px;
border: 0px solid gray;
visibility: hidden;
text-decoration:none;
color:#3d8062
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 2px;
padding:0px

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 400px;
left: 370px; /*position where enlarged image should offset horizontally */
z-index: 50;
}