@import "reset.css";

body {
	background:url(../images/layout/background.jpg) no-repeat center top fixed #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
}

h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#05510B; line-height: 40px;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#435C24; line-height: 30px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#655343; line-height: 24px;}

p {margin-bottom:14px;}

#wrapper {width:960px; margin:0 auto;}
#main {width:960px; clear:both;  background-color:#ffffff; margin:0;  padding:35px 0 50px 0;}
#content {margin: 0 50px; min-height:550px;}

a {color:#003300; text-decoration:underline;}
a:visited {color:#003300; text-decoration:underline;}
a:hover {color:#006633; text-decoration:underline;}

div#main h3 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#435C24; text-decoration:none; line-height: 30px;}
div#main h3 a:visited {font-family:Georgia, "Times New Roman", Times, serif; color:#435C24; text-decoration:none; }
div#main h3 a:hover {font-family:Georgia, "Times New Roman", Times, serif; color:#4E6B2A; text-decoration:none; }

.clear {clear:both;}
p.center {text-align:center;}
img.center { display:block; margin:0 auto 10px auto;}
img.left {margin:0 100px 0 0;}
img.border {border: 1px solid #000000;}
div.center {text-align:center; margin: 0 auto 14px auto;} 
blockquote {margin:0 0 14px 50px;}
ul {list-style-type:disc; line-height: 22px; margin-left:50px; margin-bottom:14px;}
ol {list-style-type:decimal; line-height: 22px; margin-left:50px; margin-bottom:14px;}
sup {font-size:10px; vertical-align:top;}
sub {font-size:10px; vertical-align:bottom;}

table.cellborder {margin: 0 auto 14px auto; text-align:center; border: 1px solid #000000;}
table.cellborder th, table.cellborder td {border: 1px solid #000000;}

#breadcrumb {font-size: 12px; margin: -22px 0 0px -25px; color: #655343;}

#header {width:588px; margin:60px 0 0px 0px;}
#header h1 {background:url(../images/layout/logo.png) no-repeat; width:588px; height:58px; text-indent:-9999px;}
#header h1 a {display:block; width:592px; height:58px;}


#nav {
float:left;
list-style:none outside none;
margin:7px 0 0px -4px; 
}

#nav li {
background:url(../images/layout/nav_bg.gif) repeat-x scroll 0 0 transparent;
border-left:1px solid #444205;
border-top:1px solid #444205;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:25px;
margin-left:4px;
padding:10px 14px 3px;
text-transform:uppercase;
}

#nav li a { color:#FFFFFF; text-decoration:none; }
#nav li a:visited { color:#FFFFFF; text-decoration:none; }
#nav li a:hover { color:#FFFFFF; text-decoration:none; }
#nav li.selected {background:url(../images/layout/nav_bg_on.gif) repeat scroll 0 0 #FFFFFF;}

#footer {width:860px;  background:#2d3412; color:#ffffff; border-top:1px solid #131608; padding:35px 50px;}
#footer #footeraddress {float:left;}
#footer #footericons {float:right;}
#footer #footericons img.left {margin:0 8px 0 0;}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; }
#footer a { color: #ffffff; }

#whoweare {float:left; width:500px; margin:0 50px 0 50px;}
#featuredproject {float:left; width:310px; margin:0 50px 0 0;}
#featuredproject img { width:308px; height:212px; margin:0 0 5px 0; border:1px solid #000000;}
#featuredproject p {margin:0 0px;}

#socialicons {width:310px; margin:0 0 0 85px; }
#socialicons img {width:64px; height:66px; }
#socialicons img.left { margin: 0 50px 0 0;}

#currentprojects { width: 960px; list-style: none; margin: 10px 0 0 0;}
#currentprojects li { float:left; width: 407px; height:290px; margin: 0 50px 20px 0; }
#currentprojects img { width:405px; height:200px; border: 1px solid #000000; }
#currentprojects li h3 a { font: 20px/1.4 Georgia, "Times New Roman", Times, serif; }

div#lightboxgallery {margin: 0 0 14px 0;}
img.lightbox { margin: 0 5px 5px 0; border:1px solid #000000; }

div#profilephoto{float:right; margin:0 0px 25px 40px;}
div#profilephoto img { width:268px; height:400px; border: 1px solid #000000;}
div#profilephoto p {text-align:center; margin-top:10px;}

table#staff {width:740px; margin: 20px auto 0 50px;}
table#staff td {height: 24px;}
table#staff td.name {width:200px;}
table#staff td.title {width: 420px;}
table#staff td.email {width:120px;}

ul#outreach { margin: 10px 0 0 0; width: 960px; }
ul#outreach li { float:left; margin: 0 50px 0px 0; list-style:none; width: 252px; height: 300px;}
ul#outreach h3 { font: 18px/1.4 Georgia, "Times New Roman", Times, serif; }
ul#outreach img { border: 1px solid #000000; }




/*     Styling for /photos/ folder.     */
.vlightbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:5px;
	width:200px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
}

.vlightbox a { margin:0; }

.vlightbox img {
	display:block;
	border:none;
	margin:0;
}