/* 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:30px;margin-left:0px; padding-right:0px;
float: right; background-color:#DaE4Df}



.image {margin-left:25px;margin-right:50px; margin-top:10px;}
.imagefloat {float:left; margin-left:0px;
	margin-right:10px; margin-top:2px; border:1px solid #3d8062;}
.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:#2a8863;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: 420px; padding-top:20px; margin-right:0px;
float: left;padding-left:0px; background-color:#DaE4Df; padding-right:20px;margin-bottom:30px;}


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

}

.box
{width:400px; height:75px;background:#CFD8D3;margin-top:20px;padding-top:12px;margin-left:0px;margin-right:10px;padding-bottom:5px;line-height:150%;margin-bottom:10px;}

.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:#2a8863;text-align:left; padding-left:10px;padding-bottom:0px;}

h1 {font-size: 16px; padding-left:10px; text-align:left; font-family: 
Verdana, Arial, Helvetica, sans-serif; padding-top:20px; 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; }
 
h4 {color:#2a8863; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-align:center;clear:left; padding-top:0px;margin-top:0px;}

h5 {color:#2a8863; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;text-align:left;clear:left;padding-left:40px;padding-top:0px; margin-top:0px;}

#gallerycontainer{
width: 450px;padding-left:0px;margin-left:0px; padding-right:0px; margin-right:0px;margin-top:0px;padding-top:0px;
float: left; background-color:#DaE4Df}

#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;}



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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 0px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;

}

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

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