/************************************************************************************************
	
	Reset for different Broswers
	
************************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: Verdana, Geneva, sans-serif;  
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/************************************************************************************************	
	Standard Classes
************************************************************************************************/

.spacerDiv {
	clear:both;
}

.strong {
	font-weight:bold;
}

.photo img {
	float:left;
	padding:0 10px 0px 0;
}


.calign {
	text-align:center;
}

.b_padded {
	padding-bottom:15px;
}

.t_padded {
	padding-top:15px;	
}

.r_float {
	float:right;
}

.l_float {
	float:left;
}

.no_space {
	margin:0px;
	padding:0px;	
}

button {
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	background:#ABD492;
	color:#004610;
	font-weight:bold;
	font-size:9.5pt;
	padding:3px;
}

button:hover {
	color:#FFF;	
}

/************************************************************************************************
	
	Set background color of page
	
************************************************************************************************/

body {	
	color:#003300;
/*	color:#48b14a; */
	width:100%;
	height:100%;
	background:#FFF;
}

/************************************************************************************************
	
	Set container
	
		- all content will be 900px wide and centered
		- should equal the with of the background
	
************************************************************************************************/

#container {
	width:969px;
	height:100%;	
	margin-left:auto;
	margin-right:auto;	
}

/************************************************************************************************
	
	outerPage
	
		- The area that contains the green (leaves) background
		-	Contains the header innerPage and footer
	
************************************************************************************************/

#outerPage {
	margin-top:0px;
	margin-bottom:15px;
	height:100%;
}

/************************************************************************************************
	
	Header
	
		- set the background image and the height of the image
		
		Contains indent, mainMenu and breadCrumb
	
************************************************************************************************/

#header {
	background:url(../images/header.jpg) top left no-repeat;
	height:305px;
}

/************************************************************************************************
	
	indent
	
		- This is the contact us/ site map tab in teh upper right hand corner of the page
	
************************************************************************************************/

/************************************************************************************************	
	mainMenu		
************************************************************************************************/

/* move buttons into place */
#mainMenu {
	padding-top:259px;
	padding-left:150px;
}

#mainMenu a { 
	color:#FFF;
	font-weight:bold;
	font-size:13px !important;
	text-decoration:none;	
}

#mainMenu a:hover, #mainMenu a.current { 
	color:#ffe246;
}

#mainMenu span {
	color:#FFF;
	margin:0px 21px;
}
/************************************************************************************************	
	breadCrumb		
************************************************************************************************/

#breadCrumb {
	float:none;
	clear:both;
	font-size:8pt;
	color:#014711;
	position:relative;
	top:-10px;
	margin-bottom:0px;
}

#breadCrumb a {
	text-decoration:none;
	/*color:#014711;*/
	color:#003300;
}

#breadCrumb a:hover {
/*	color:#48b14a; */
	color:#33cc33;
}

/************************************************************************************************	
	innerPage		
************************************************************************************************/

#innerPage {
	background:url(../images/middle.jpg) repeat-y;
	padding-bottom:15px;
	height:100%;
}

#innerContainer {
	height:100%;
}

/************************************************************************************************	
	pageBody		
	
	containd the changeable part of the page
	
	sideBar and mainContent
************************************************************************************************/

#pageBody {
	margin-left:113px;
	margin-right:115px;
	height:100%;	
}


/************************************************************************************************
	
	mainContent
	
************************************************************************************************/

#mainContent {
	margin:0px 37px;
}

#mainContent p { 
	text-align:justify;
}


/************************************************************************************************
	
	Tabs
	
************************************************************************************************/
#tabs {
	padding-top:10px;
}

#tabs ul {
	margin:0px;
}

#tabs li {
	display:inline;
	margin:0px;
	padding:0px;	
	text-decoration:none;
	margin-right:1px;
	float:left;
	padding-bottom:3px;
	background:#48b236;
}

#tabs li.hasChildren {
	margin-right:150px;
}

#tabs .subOptions {
	position:absolute;
}

#tabs .subOptions div {
	position:relative;
	top:0px;
	left:100px;
}

#tabs li.small {
	margin-top:5px;
}

#tabs .subOptions a, #tabs li.small a  {
	font-size:8pt;
}

#tabs a {
	font-size:8.5pt;
	background:url(../images/leftTab.gif) top left no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:white;
	padding-left:10px;
	display:block;		
	margin:0px;
}

#tabs a:hover, #tabs a:active, #tabs a.current {
/*	color:#014711; */
	color:#003300;
}

#tabs a span {
	background:url(../images/rightTab.gif) top right no-repeat;
	padding-right:10px;
	display:block;
	padding-top:3px;
	padding-bottom:3px;	
}

#tabs li.current {
	background:#91C66E;
/*	padding-bottom:8px;*/
}

#tabs li.current.main {
	background:#48b236;
/*	padding-bottom:7px;	*/
}

/*
#subOptions  {
	clear:both;
	background:#48b236;
	padding:3px 0 0 0;
	float:left;
}

#tabs #subOptions ul li {
	background:#FFF;
	padding-bottom:0px;
	padding-top:0px;	
	padding-right:1px;
	margin:0px;
}

#subOptions a:hover, #subOptions a:active, #subOptions a.current {
	color:#ffe246;
}

#tabs #subOptions ul li.last {
	padding-right:0px;
}

#tabs #subOptions a {
	background:url(../images/leftInvertedTab.gif) bottom left no-repeat;	
}

#tabs #subOptions a span {
	background:url(../images/rightInvertedTab.gif) bottom right no-repeat;
}
*/
/***********************************************************************************************

	mainText

***********************************************************************************************/
#mainText {
	font-size:9pt;	
	color:#003300;
	border:1px solid #91C66E;	
	padding:10px;
}

#mainText a {
	/*color:#33cc33;*/
	color:#009900;
	font-weight:bold;
	text-decoration:none;	
}

#mainText a:visited {
	color:#0099ff;
}

#mainText h1 {
	color:#003300;
	font-size:9pt;
	font-weight:bold;
}

#mainText h3 {
	font-size:7pt;
}

#mainText p, #mainText ul, #mainText ol {
	margin-bottom:15px;	
}

#mainText p.no_margin { 
	margin-bottom:0px;	
}

#mainText ul {
	margin-top:10px;
	list-style-image:url(../images/bullet.jpg);
}

#mainText ol {
	margin-top:10px;
}

#mainText .intro ul {
	list-style-image:url(../images/bullet2.jpg);	
}

#mainText ul, #mainText ol, #mainText h2 {
	font-weight:bold;
}

#mainText li ul {
	margin-top:0px;
	margin-bottom:0px;
}

#mainText li, #mainText ul p {
	color:#014711;	
	margin-left:20px;
	margin-bottom:0px;
	font-weight:normal;
}

blockquote {
	margin:50px;	
	text-align:justify;
}

blockquote cite {
	font-weight:bold;
	position:relative;
	top:25px;
	left:10px;
	/*
		display:block;
width:100%;
	margin-top:15px;
	text-align:center;
	*/
}


/************************************************************************************************
	
	pageFooter
	
		- contains the contact us information
	
************************************************************************************************/
#pageFooter  a {
	text-decoration:none;
	color:#014711;
}

#pageFooter {
	font-size:7pt;	
	margin-bottom:30px;
}
#pageFooter #contact {
	float:left;
}

#pageFooter p {
	line-height:2;
}

#pageFooter p a {
	float:none;
}

#pageFooter p span.bullet {
	color:#49B337;
	font-size:6pt;
	font-weight:bold;
}

#footerLinks span.bullet {
	color:#49B337;
	font-size:8pt;
	font-weight:bold;
}


#footerLinks {
	float:right;
}

#footerLinks span {
	margin:0px 10px;
}

#grantLogos {
	clear:right;
	float:right;
	margin-top:2px;
	width:250px;
}

#grantLogos p {
	clear:both;
	padding-top:2px;
	font-size:7pt;
	text-align:center;
}

/************************************************************************************************
	
	footer
	
		- set the background image and the height of the image
	
************************************************************************************************/

#footer {
	background:url(../images/footer.jpg) bottom left no-repeat;
	height:89px;
}

/************************************************************************************************	
	Page Specific
************************************************************************************************/


/************************************************************************************************

Contact Us

************************************************************************************************/

fieldset {
	margin:0px;
	padding:0px;	
}

legend {
	color:#48b14a;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

label {
	clear:left;
	float:left;
	width:100px;
}

input[type=image] {
	float:right;
}

/***********************************************************************************************

Radio

************************************************************************************************/

.radio li {
	clear:right;
}

.play {
	background:url(../images/play_green.png) no-repeat;
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:text-bottom;
}

.play:visited {
	background:url(../images/play.png) no-repeat;	
}

/***********************************************************************************************

Questionnaire

***********************************************************************************************/

.questionnaire label {
	width:90px;
}

.questionnaire label.long {
	width:130px;
}

.questionnaire input[type="radio"] {
	width:14px;
	height:14px;
	/* visibility:hidden; */
}

.questionnaire label {
	clear:none;
}

.questionnaire li {
	clear:both;
}

#mainText  .questionnaire li {
	padding-top:10px;
}

#mainText li.missing {
	color:#F00;
}

#mainText li.missing label {
	color:#000;
}

.checked {
	position:relative;
	left:-17px;
}

.offscreen {
/*	position:absolute;
	left:-30px; */
}

#checkResults {
	margin-top:25px;
}

#results p, .error p  {
	margin-left:25px;
	margin-right:25px;
	padding:10px;
}
p span.heading {
	font-weight:bold;
	display:block;
}

#results p span.more {
	float:right;
}

.intro {
	background:#c2ddac;
	margin-top:10px;
	padding:10px;	
	margin-bottom:10px;
}

.error p {
	margin:0px;
}

.error {
	background:#c2ddac url(../images/warning.png) no-repeat 5px;
	margin-top:10px;
	padding-left:50px;
}

#error2 {
	margin-top:10px;	
	background:#c2ddac
}

/***********************************************************************************************

Contact US

************************************************************************************************/
.mainOffice {
	width:48%;
	padding:4px;
	background:#c2ddac;
}

#mainText .infoWindow  h2 {
	margin:0px;
}
#mainText .office li {
	list-style:none;
	list-style-image:none;
}

#mainText .office li {
	margin-left:0px;
}

#mainText .infoWindow .office {
	margin-top:0px;
}

#mainText .infoWindow h1 {
	color:#5dbc54;
	font-size:10.5pt;
	display:inline;
	padding-right:23px;
	padding-top:6px;
	background:url(../images/logo.gif) no-repeat top right;
}
/********************************************************************************************

Testimonials

********************************************************************************************/
#mainText ul.testimonials {
	list-style:none;
	list-style-image:none;
	margin-left:-15px;
}

#mainText ul.testimonials li {
	margin-bottom:20px;
	list-style:none;
}
#mainText ul.sub {
	margin-left:20px;	
}
#mainText ul.sub li  {
	margin-bottom:0px;
}

#mainText li cite {
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}

#mainText #siteMap ul {
	margin-top:5px;
	margin-bottom:5px;
	list-style:none;
	list-style-image:none;
}

#mainText #siteMap ul li {
	font-weight:bold;
	color:#003300;
}