/* Design for Context Stlye Index

Skip Nav Styles...................... Line 18
Page Structure Styles................ Line 46
Header and Logo...................... Line 112*
Main Horizontal Navigation........... Line 151
Left Navigation...................... Line 201
Header text and link styles.......... Line 242
Search Styles........................ Line 340
Contact Form Styles.................. Line 379
Footer Styles........................ Line 450
Footer Navigation Links.............. Line 472
Left Column Rounded Boxes............ Line 506
Service Page Boxes................... Line 630

*/
#wrap {
	min-width: 60em;
	max-width: 76em;
	margin: 0 auto;
	text-align: left;
	}
body {
	margin: 0 0 6em 0;
	padding: 0;
	font-size: small;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #000;
	color: #000;
	}

	
/* Skip Nav Styles
----------------------------------- */
#skipNav, a.skipTo {
	position: absolute;
	left: -2200px;
	font-size: small;
	}
#skipNav a:hover,
a.skipTo:hover {
	color: #f00;
	}
#skipNav a:focus,
a.skipTo:focus {
	display: block;
	position: absolute;
	top: 30px;
	left: 2900px;
	font-size: large;
	background: #def967;
	color: #425602;
	border: solid 2px #a8d72e;
	padding: 10px;
	width: 12em;
	}
.hide {
	display: none;
	}

/* Page Structure Styles
------------------------------- */
#container {
	background: #fff;
	}
#column-wrapper {
	float: left;
	width: 100%;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	line-height: 1.33em;
	/*background: #fff url(../img/body-bg-gradient.gif) repeat-x top left;*/
	background: #fff url(../img/bgMainContent.gif) repeat-x 0 1px;
	}
#home #column-wrapper {
	background:#FFFFFF url(../img/bgMainContentHome.gif) repeat-x 0 0;
	float:left;
	font-family:verdana,tahoma,arial,helvetica,sans-serif;
	line-height:1.33em;
	padding-top:25px;
	width:100%;
	}	
/*#home #column-wrapper {
	background: #fff url(../img/bgMainContentHome.gif) repeat-x 0 1px;
	}*/	
/*#home #column-wrapper {
	background: #fff;
	}*/
#main {
	margin: 0 0 50px 16em;
	text-align: left;
	}
#left {
	float: left;
	margin-left: -100%;
	width: 16em;
	}
#home #left {
	float:left;
	margin-left:-100%;
	padding-top:25px;
	width:16em;
	}
*:first-child+html #home #left {
	padding-top:45px;
	}
* html #home #left {
	padding-top:45px;
	}	
#main .gutter,
.mission-content .gutter {
	padding: 1.5em 0 0 0;
	margin: 0 30px 0 1em;
	}
#left .gutter {
	padding: 0 10px;
	}
#container:after {
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#container {
	display: inline-block;
	}
/*\*/
* html #container {
	height: 1%;
	}
#container {
	display: block;
	}/* end hide */	

	
/* Header and Logo
----------------------------------- */
#header {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
	text-align: left;
	}
#header:after {
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#header div#logo {
	margin: 0;
	color: #000;
	padding: 15px 0 15px 9.5em;
	display: block;
	font-size: 1em;
	}
#header div#logo a,
#header div#logo a:hover {
	display: block;
	width: 492px;
	height: 80px;
	margin: 0;
	padding: 0;
	color: #000;
	background: url(../img/design-for-context.gif) no-repeat 0 0;
	text-decoration: none;
	}
div#logo a span {
	display:none;
	}

	
/* Main Horizontal Navigation
----------------------------------- */

#main-nav-wrap {
	float: left;
	width: 100%;
	margin: 0;
	border-top: 1px solid #edf7cf;
	background: #bae743 url(../img/nav-bg.gif) repeat-x top left;
	/*border-bottom: 1px solid #a8d72e;*/
	}
#main-nav {
	float: left;
	margin: 0;
	padding: 0 0 0 16em;
	list-style: none;
	position: relative;
	}
	
#main-nav li { 
	float: left;
	margin: 0;
	padding: 0;
	}
	
#main-nav a {
	float: left;
	display: block;
	padding: 19px 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 105%;
	color: #425602;
	background: url(../img/bgMainNav.gif) no-repeat 100% 0;
	/*background: url(../img/nav-divider.gif) no-repeat 100% 50%;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-color: transparent;*/
	line-height: 1px;
	}
#main-nav a:hover,
#main-nav a:focus {
	color: #425602;
	/*background-color: #a8d72e;*/
	background: #a8d72e url(../img/bgMainNav.gif) no-repeat 100% 0;
	}
#main-nav li.selected a {
	color: #fff;
	background-color: #81a623;
	}
#home #main-nav li.selected a {
	color: #fff;
	/*background-color: #81a623;*/
	background: #a8d72e url(../img/bgMainNav.gif) no-repeat 100% -55px;
	}
	
	
/* Left Navigation
----------------------------------- */

.left-nav-wrap {
	width: 14.5em;
	margin-top: 2em;
	}
#navlist {
	padding: 0;
	margin: 0;
	}

#navlist li {
	list-style: none;
	margin: 0;
	text-align: left;
	}

#navlist li a {
	display: block;
	padding: 4px 0 4px 16px;
	background: #fff url(../img/left-nav-arrows.gif) no-repeat 4px -40px;
	text-decoration: underline;
	color: #425602;
	}

#navlist li a:hover,
#navlist li a:focus {
	color: #425602;
	text-decoration: none;
	padding: 4px 8px 4px 16px;
	background: #a8d72e url(../img/left-nav-arrows.gif) no-repeat 4px -40px;
	}
#navlist li.selected a {
	color: #fff;
	text-decoration: none;
	padding: 4px 0 4px 16px;
	background: #81a623 url(../img/left-nav-arrows.gif) no-repeat 4px -11px;
	}

	
/* Header Text and Link Styles
----------------------------------- */
h1 {
	color: #000;
	padding: 12px 0 0 0;
	/*font-weight: normal;
	font-size: 1.8em;*/
	font: normal 1.8em/1.25 georgia, "times new roman", serif;
	margin: 0;
	/*line-height: 1.25em;*/
	}
.mission-content h1 {
	color: #fff;
	}
h2 {
	color: #748f1d;
	padding: 0;
	/*font-weight: normal;
	font-size: 1.5em;
	line-height: 1.33em;*/
	font: normal 1.5em/1.33 georgia, "times new roman", serif;
	margin: .6em 0 0;
	}
#home h2 {
	color: #748f1d;
	padding: 0;
	/*font-weight: normal;
	font-size: 1.5em;
	line-height: 1.33em;*/
	font: normal 1.5em/1.33 georgia, "times new roman", serif;
	margin: 0;
	}
h3 {
	color: #000;
	padding: 0;
	/*font-weight: bold;
	font-size: 1.1em;
	line-height: 1.33em;
	font-family: verdana, tahoma, arial, sans-serif;*/
	font: bold 1.1em/1.33 verdana, tahoma, arial, sans-serif;
	margin: 1em 0 0;
	}
/* added by Duane 2.2.2008 to create title links on Pub pages */
h3 a {
	color: #000;
	/*line-height: .5px;*/
	line-height: 1.33em;
	}
h3 a:hover {
	color: #82a315;
	}
h3 a.external {
	padding-right: 1.5em;
	background: url(../img/external-icon.gif) no-repeat 100% 50%;
	/*background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;*/
	}
h3 a.pdf {
	padding-right: 3em;
	background: url(../img/icon_pdf.gif) no-repeat 100% 50%;
	/*background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;*/
	}
/* end of stuff added by Duane */

p {
	font-size: 1em;
	margin: .25em 0 1em;
	}
#wrap p.copyright {
	font-size: .85em;
	margin: 20px 0 1em;
	color: #666;
	text-align: center;
	}
p a,
dd.gspage a,
#footer h5 a  {
	color: #425602;
	}
p a.external {
	padding: 0 0 0 17px;
	background: url(../img/external-icon.gif) no-repeat 0 50%;
	/*background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: transparent;*/
	}
a.internal {
	padding: 0 0 0 8px;
	background: url(../img/bgLinkArrow.gif) no-repeat 0 .5em;
	}
p a:hover,
dd.gspage a:hover {
	color: #82a315;
	}
p.subhead {
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	color: #000;
	margin: .5em 0 0 0;
	}
p.pubdetails {
	font-style: italic;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #666;
	margin: 0;
	}
p.pubauthors {
	font-style: normal;
	color: #666;
	margin: 0 0 .5em 0;
	}
p.pubabstract {
	color: #000;
	margin: 0 0 2em 0;
	}
.bulletlist {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	}
.bulletlist li {
	padding: 0 0 0 12px;
	margin: 0 0 0 0;
	list-style: none;
	background: #fff url(../img/bgBulletGreen.gif) no-repeat 0 .7em;
	line-height: 1.6;
	}


/* Search Styles
----------------------------------- */
#search-wrap {
	padding: 0;
	margin: 2em 0 3em;
	text-align: left;
	}
#search-wrap form {
	display: inline;
	}
#search-wrap label {
	display: block;
	}
#search-wrap #searchbox {
	width: 75%;
	background: #fff;
	border: 1px solid #798759;
	padding: 4px 2px;
	margin: 2px 0 4px 0;
	}
#home #search-wrap {
	padding: 0;
	margin: 2em 0 100px;
	text-align: left;
	}
html>body input.btn-search {
	/* -----old
	margin: 2px 0 0 0;
	padding: 2px 2px 4px;
	vertical-align: top;
	
	border: 2px solid;
	border-color: #a8d72e #6f940f #6f940f #a8d72e;
	border-style: ridge;
	
	border: 1px solid #888;
	cursor: pointer;
	background: #ebf0e4;
	font-weight: bold;
	color: #3c3c3c; */
	
	/* ----- from fireBug 
	background:#EBF0E4 none repeat scroll 0 0;
	border-color:#A8D72E #6F940F #6F940F #A8D72E;
	border-style:ridge;
	border-width:2px;
	color:#3C3C3C;
	cursor:pointer;
	font-weight:bold;
	margin:2px 0 0;
	padding:1px 0;
	vertical-align:top;
	---*/
	/*font: bold .9em arial, sans-serif;
   color:#273405;
   background: #E0FA76 url(../img/bgInputButton.gif) repeat-x scroll 0 -3px;
   border-style:double;
   border-color:#a3db16 #ACE320 transparent #ACE320;
   border-width:3px;
   width: 28px;
   height: 24px;
   padding: 0;
   margin: 0;*/
	}
html>body input.btn-search {
	font: bold .9em arial, sans-serif;
	color:#273405;
	background: #E0FA76 url(../img/bgInputButton.gif) repeat-x scroll 0 -3px;
	border-style:double;
	border-color:#a3db16 #ACE320 transparent #ACE320;
	border-width:3px;
    width: 28px;
    height: 23px;
    padding: 0;
    margin-bottom: 0;
	}
*:first-child+html input.btn-search {
	font: bold .9em arial, sans-serif;
	color:#273405;
	background: #E0FA76 url(../img/bgInputButton.gif) repeat-x scroll 0 -3px;
	border: 1px solid #a3db16;
    width: 28px;
    height: 25px;
    padding: 0;
    margin: 0 0 0 0;
	position: relative;
	top: -5px;
	}
*:first-child+html #home input.btn-search {
	font: bold .9em arial, sans-serif;
	color:#273405;
	background: #E0FA76 url(../img/bgInputButton.gif) repeat-x scroll 0 -3px;
	border: 1px solid #a3db16;
    width: 28px;
    height: 25px;
    padding: 0;
    margin: 3px 0 0 0;
	position: relative;
	top: 0;
	}

/* Contact Form Styles
----------------------------------- */
#php-mailform {
	float: left;
	display: inline;
	margin: 0;
	}
#php-mailform p.note {
	font-size: 90%;
	color: #666;
	padding: 3px 0 0 0;
	border-top: 1px solid #eaeaea;
	margin: 0;
	width: 500px;
	}
#php-mailform p.note .alert {
	color: #444;
	}
p.status { color: red; }
#contactform {
	margin: 0 0 2em 0;
	float: left;
	padding: 0;
	}
p.required {
	margin-left: 15em;
	font-size: 0.9em;
	}
#contactform dl {
	margin: 0;
	padding: 0;
	}
#contactform dt {
	font-weight: bold;
	margin: 0 0 2px;
	padding: 0;
	}
#contactform dd {
	margin: 0;
	padding: 0;
	}
#contactform dt em,
#contactform .note em,
p em {
	color: #c00;
	font-style: normal;
	font-size: 80%;
	font-weight: normal;
	}
#contactform dt em {
	margin-left: 2px;
	}
#firstname, #lastname, #email, #subject {
	width: 15em;
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 0 12px 0;
	color: #444;
	}
#contactform dt span {
	font-weight: normal;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 120%;
	color: #444;
	border: 1px solid #ccc;
	}
#contactform .button {
	margin: 10px 0;
	}


/* Footer Styles
----------------------------------- */
#footer {
	clear: both;
	color: #000;
	background: #ffffd3;
	margin: 0;
	padding: 0 20px 0 17em;
	text-align: left;
	border-top: 1px solid #feef7e;
	border-bottom: 5px solid #e7da6f;
	}
#footer h5 {
	color: #333;
	padding: 0;
	/*font-weight: normal;*/
	font-size: 110%;
	line-height: 1.5em;
	margin: 1.1em 12px 1.5em 0;
	text-align: left;
	}
	
	
/* Footer Pipe Nav List Styles
----------------------------------- */
.pipe-list-wrap {
	margin: 0 0 .75em 0;
	padding: 0 0 12px 0;
	}

ul.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
	}
ul.pipe-list li {
	display: inline;
	padding: 0;
	margin: 0;
	}
ul.pipe-list li a {
	color: #425602;
	}	
ul.pipe-list li#currentpage a {
	font-weight: bold;
	color: #e59100;
	border-bottom: none;
	}
ul.pipe-list li a:hover,
ul.pipe-list li#currentpage a:hover {
	color: #82a315;
	}

ul.pipe-list li:before { content: "| "; }
ul.pipe-list li:first-child:before { content: ""; }


/* left column box styles
----------------------------------- */
.sidebox {
	margin: 25px 0;
	background: url(../img/sidebox-bottomright.gif) no-repeat bottom right;
	text-align: center;
	width: 14.5em;
	padding: 0;
	}
.sidebox .boxhead {
	background: url(../img/sidebox-topright.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
.boxhead h4 {
	background: url(../img/sidebox-topleft.gif) no-repeat top left;
	margin: 0;
	padding: 10px;
	font-weight: bold; 
	font-size: 95%;
	text-align: left;
	color: #000;
	}
.boxhead h4 span {
	margin: 0;
	padding: 0;
	font-weight: normal; 
	font-size: 85%;
	text-transform: uppercase;
	color: #666;
	display: block;
	}
.sidebox .boxbody {
	background: url(../img/sidebox-bottomleft.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px;
	text-align: left;
	}
/* brochre specific styles */
.brochure {
	margin: 25px 0;
	background: url(../img/sidebox-bottomrightBrochure.gif) no-repeat bottom right;
	text-align: center;
	width: 14.5em;
	padding: 0 0 0;
	}
.brochure .boxbody {
	background: url(../img/sidebox-bottomleft.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 10px 68px;
	text-align: left;
	}
.boxbody h5 {
	margin: 0;
	padding: 0 0;
	color: #666666;
	font-size: 12px;
	}
.boxbody p {
	margin: 0 0 10px;
	padding: 0 0;
	color: #000;
	font-size: 12px;
	}
	
/* Service Box Styles
---------------------------------- */
.serviceBox {
	border: 2px solid #eee99a;
	margin: 1em 0;
	padding: 10px;
	background: url(../img/bgServiceBoxes.gif) repeat-y -140px 0;
	overflow: hidden;
	position: relative;
	}
.serviceBox h2 {
	float: left;
	width: 219px;
	display: inline;
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px 0 0 10px;
	}
.serviceBox dl {
	margin: 0 0 0 239px;
	float: left;
	padding: 0;
	}
.serviceBox dt,
.serviceBox dd {
	margin: 0;
	padding: 0;
	}
.serviceBox dt {
	font-weight: bold;
	}
.serviceBox dd {
	padding: 0 0 0 12px;
	background: #fff url(../img/bgBulletGreen.gif) no-repeat 0 .6em;
	line-height: 1.5;
	margin-bottom: .25em;
	}	
	
/* Contact Form Styles
----------------------------------- */
#php-mailform {
	float: left;
	display: inline;
	margin: 0;
	}
#php-mailform p.note {
	font-size: 90%;
	color: #666;
	padding: 3px 0 0 0;
	border-top: 1px solid #eaeaea;
	margin: 0;
	width: 500px;
	}
#php-mailform p.note {
	border-top:1px solid #EAEAEA;
	color:#666666;
	font-size:90%;
	margin:50px 0 0 15.8em;
	padding:3px 0 0;
	width:57%;
	}
* html #php-mailform p.note {
	width:36em;
	margin:50px 0 0 16.3em;
	}	
*:first-child+html #php-mailform p.note {
	width:36em;
	margin:50px 0 0 16em;
	}
#contactform dt.btn {
	margin-left: 7em;
	}
*:first-child+html #contactform dt.btn {
	margin-left: 8em;
	}
* html #contactform dt.btn {
	margin-left: 4.8em;
	}
#php-mailform p.note .alert {
	color: #444;
	}
p.status { color: red; }
#contactform {
	margin: 0 0 2em 0;
	float: left;
	padding: 0;
	}
#contactform dl {
	margin: 0;
	padding: 0;
	}
/*#contactform dt {
	font-weight: bold;
	margin: 0 0 2px;
	padding: 0;
	}
*/
#contactform dt {
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 0.5em 2px 0;
	padding: 0;
	text-align: right;
	width: 15.5em;
	}
#contactform dd {
	margin: 0;
	padding: 0;
	}
#contactform dt em,
#contactform .note em,
p em {
	color: #c00;
	font-style: normal;
	font-size: 80%;
	font-weight: normal;
	}
#contactform dt em {
	margin-left: 2px;
	}
#firstname, #lastname, #email, #subject {
	border:1px solid #ccc;
	color:#444;
	margin:0 0 12px;
	padding:4px 2px;
	width:23em;
	}
#contactform dt span {
	font-weight: normal;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: small;
	color: #444;
	border: 1px solid #ccc;
	}
#contactform .button {
	margin: 10px 0;
	}