/* ============================================================================================== */
/* PRIMARY ELEMENTS
/* ============================================================================================== */

body { 
	margin: 15px 0;
	padding: 0;
	text-align: center;
	background-color: #73C585;
	font: normal 1em/1.5em "Lucida Grande", arial, helvetica, sans-serif;
	color: #082905; }
	
ul { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
ol { list-style-type: decimal; list-style-position: inside; margin: 0 0 1em 0; padding: 0; }
dl { margin: 0 0 1em 0; padding: 0; }

h1 { font-size: 1.2em; line-height: 1.1em; margin: 0 0 .25em 0; }
h2 { font-size: 1.15em; line-height: 1.2em; margin: 0 0 .4em 0; }
h3 { font-size: 1.1em; line-height: 1.2em; margin: 0 0 .5em 0; }
h4 { font-size: .95em; line-height: 1.2em; margin: 0 0 .6em 0; }
h5, caption { font-size: .85em; line-height: 1.3em; margin: 0 0 .6em 0; }
h6, th, dt { font-size: .8em; line-height: 1.4em; margin: 0 0 .2em 0; }
p { font-size: .7em; line-height: 1.6em; margin: 0 0 1.1em 0; padding: 0; }
li, td, dd { font-size: .7em; line-height: 1.5em; margin: 0 0 .8em 0; padding: 0; }
	
table { border-bottom: 1px solid #666; border-right: 1px solid #666; margin: 0 0 1em 0; padding: 0; width: 100%; }
td, th { border-top: 1px solid #666; border-left: 1px solid #666; padding: 4px; margin: 0; vertical-align: top; }

img { margin: 0 0 0 0; padding: 0 0 0 0; border: none; 
	/* IE Hack for that bottom image margin thing (underscored attribute except IE) 
	_margin-bottom: -3px;*/  display: inherit; }

a:link { text-decoration: underline; color: #126960; }
a:visited { text-decoration: underline; color: #126960; }
a:hover { text-decoration: none; color: #23A69B; }
a:active { text-decoration: none; color: #23A69B;}

/* ============================================================================================== */
/* PAGE STRUCTURE
/* ============================================================================================== */

#main-container {
	margin: 0 auto;
	padding: 0;
	width: 800px; 
	text-align: left;
	background-color: #fff; }
	
#masthead-container { 
	margin: 0;
	padding: 0;
	width: 800px;
	height: 186px;
	background: #fff url(../images/logo-masthead-full2.gif) no-repeat center center; }

/* #masthead-container { 
	margin: 0;
	padding: 0;
	width: 800px;
	height: 186px;
	text-align: right; }
#masthead-container h1 { color: #184515; padding: 50px 40px 0 0; margin: 0; letter-spacing: 1px; font-weight: 600; font-size: 1.4em; } 
#masthead-container h2 { color: #1F7281; font-size: .7em; font-weight: normal; padding: 5px 40px 0 0; margin: 0; }
#masthead-container h3 { font-size: .8em; padding: 5px 40px 0 0; margin: 0; } */

/* Top Horizontal navigation elements =================================================================== */
#nav-container { width: 800px; background-color: #174613; float: left; }
#nav-container ul { float: left; margin: 0; text-align: right; }
#nav-container ul li { float: left; margin: 0; padding: 6px 15px 6px 0; border-right: 2px solid #8CA18B; width: 143px; font-size: .8em; letter-spacing: 1px; }
#nav-container ul li a:link, #nav-container ul li a:visited { color: #6FC9D2; text-decoration: none; }
#nav-container ul li a:hover, #nav-container ul li a:active { color: #B1EBF0; text-decoration: none; }
#nav-container ul li#nav-contact { border: none; width: 145px; }
#nav-container ul li.on { background-color: #005F6F; }
#nav-container ul li.on a:link, #nav-container ul li.on a:visited { color: #BFD7DC; }
#nav-container ul li.on a:hover, #nav-container ul li.on a:active { color: #fff; }
/* =============================================================================================== */

#body-container { margin: 0; padding: 0; width: 800px; clear: left; background-color: #C2EDEA; }
div.home-bkgd#body-container { background: transparent url(../images/bkgd-home2.jpg) no-repeat center top; height: 353px; }

/* Footer elements ==================================================================== */
#footer { width: 800px; margin: 0 auto;  clear: both; text-align: center; padding: 8px 0; }
#footer p { font-size: .6em; color: #666; margin: 0; }
.site-credit { padding: 0 8px }
.site-credit a:link, .site-credit a:visited { text-decoration: none; font-weight: bold; }
/* =============================================================================================== */

/* ============================================================================================== */
/* PAGE ELEMENTS
/* ============================================================================================== */

/* Padding <div>s */
.pad30 { padding: 25px 30px 15px 30px; }
.pad20 { padding: 15px 20px 10px 20px; }
.pad15 { padding: 15px 15px 5px 15px; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px 5px 0 5px; }

/* Default styles */
.light-green { color: #7FC398; }
.med-green { color: #126960; }
.palegreen { color: #68A39D; }
.palegreen-bkgd { background-color: #D3F5F2; }
.red-text { color: #D13C13; }
.red-bkgd { background-color: #D13C13; }
.green-text { color: #3E5C0A; }
.green-bkgd { background-color: #3E5C0A; }
.blue-text { color: #005F6F; }
.blue-bkgd { background-color: #005F6F; }
.blue-text-light { color: #1D69B5; }
.white-text { color: #fff; }
.white-bkgd { background-color: #fff; }
.gray-bkgd { background-color: #f5f5f5; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.float-left { float: left; }
.float-right { float: right; margin: 2px 0 2px 7px; }
.clear-float { clear: both; }
.t-border { border: 1px solid #8F8F8F; }
.p-border { border: 1px solid #8F8F8F; padding: 2px; }
.lower-pad { padding-bottom: 2%; }
.smaller-text { font-size: 50%; }
.kerned { letter-spacing: 1px; }
.highlight { color: #FCE914; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.pdf { background: transparent url(../images/icon-pdf.gif) no-repeat 0% 50%; padding: 0 0 0 20px; }
.screen-hidden { display: none; }

ul.white-bullets li { padding: 0 0 0 12px; background: transparent url(../images/bullet-white.gif) no-repeat 0px 5px; }
ul.tight-list li { padding: 0 0 0 12px; background: transparent url(../images/bullet-blueball.gif) no-repeat 0px 5px; font-weight: bold; margin-bottom: .5em; }

/* Floating Sidebars */
div.sidebar-right { float: right; width: 250px; border: 1px solid #174613; margin: 0 0 5px 10px; padding: 0; }
h6.sidebar-title { border-bottom: 1px solid #174613; background-color: #68ABA5; text-align: center; color: #D3F5F2; padding: 5px 0; margin: 0; letter-spacing: 1px; }

/* Projects page styles */
h5.project-anchor { font-size: 1.2em; color: #005F6F; margin: 10px 0 0 0; } 
div.project-wrapper { padding: 10px; background-color: #D3F5F2; border: 1px solid #92CAD1; margin: 0 0 5px 0; }

/* Our People page listings */
div.people-section-wrapper { float: left; background-color: #D3F5F2; padding: 10px 10px 0 10px; border: 1px solid #92CAD1; margin-bottom: 10px; }
div.people-list-wrapper { float: left; width: 358px; padding: 0; margin: 0; }
div.people-list-wrapper-wide { float: left; width: 717px; padding: 0; margin: 0;  }
div.people-list-wrapper dl { padding: 5px; }
div.people-list-wrapper-wide dl { padding: 5px; }
div.people-list-wrapper h5, div.people-list-wrapper-wide h5 { color: #005F6F; margin: 0; }
div.people-list-wrapper dl dt, div.people-list-wrapper-wide dl dt { margin: 0; font-weight: bold; font-size: .7em; }
div.people-list-wrapper dl dd, div.people-list-wrapper-wide dl dd { margin: 0 0 8px 0; }

/* Board Member Listings */
div.board-list { float: right; border-bottom: 1px solid #cccccc; padding: 10px; width: 440px; }
div.board-list ul { float: right; margin: 0 0 0 10px; width: 240px; }
div.board-list ul li { font-size: .65em; margin: 0 0 .2em 0; }
div.board-list h6 { font-size: .8em; }
div.board-list p { font-size: .65em; font-style: italic; font-weight: bold; color: #000; margin: 0; }

/* Staff Listings */
div.staff-listings { padding: 0 0 10px 0; }
div.staff-listings h5 { font-size: .75em; color: #454545; margin-bottom: .25em; font-style: italic; background-color: #E5E5E5; padding: 3px 0 3px 5px; }
div.staff-listings h6 { font-size: .85em; color: #003C79; margin-bottom: .25em; padding-left: 12px;}
div.staff-listings p { font-size: .65em; line-height: 1.5em; margin-bottom: .3em; font-weight: bold; padding-left: 12px; }
h5.section-header { font-size: .9em; margin: 0; border-bottom: 2px solid #3E5C0A; color: #3E5C0A; padding: 3px; }

.anchor-list { font-size: .7em; margin-bottom: 1em; }
.anchor-list a { padding: 0 12px 0 0; }
p.top-anchor { margin: 0; padding: 10px 0 20px 0; text-align: right; font-size: .6em; } 

/* Inline image containers */
dl.inline-imagecnt-left { float: left; border: 1px solid #666; margin: 6px 10px 5px 0; }
dl.inline-imagecnt-right { float: right; border: 1px solid #666; margin: 6px 0 5px 10px; }
dl.inline-imagecnt-right dt, dl.inline-imagecnt-left dt  { padding: 5px 5px 0 5px; }
dl.inline-imagecnt-right dd, dl.inline-imagecnt-left dd { width: 165px; font-size: .6em; line-height: 1.4em; margin: 0 0 1em 0; padding: 5px 8px 0 8px; }

/* Forms */
form { padding: 0; margin: 0; }
input, select, textarea { border: 1px solid #666; margin: 0; background-color: #fff; padding: 2px; font: normal .9em/1em arial, helvetica, sans-serif; }
form #submit, form #cancel { padding: 5px;  font: bold 1em/1em arial, helvetica, sans-serif;  font: bold 11px/11px arial, helvetica, sans-serif; margin: 0 5px; background: #EBEBEB url(../images/bkgd-form-buttons.gif) repeat-x 0% 50%; }
label { font-weight: bold; margin: 0; padding: 0; }
table.form-table { border: 1px solid #c4c4c4; width: 70%; margin: 0 auto; }
table.form-table td { border: none; padding: 7px; }
table.form-table td.label-cell { text-align: right; padding-right: 0; }