/* BODY AND FONTS: =body
----------------------------------------------- */
	* { 
	 margin: 0; 
	 padding: 0; 
	 text-align: left;
	 font-size: 100%;
	}

	body{
	 background: #ffffff url(/images/bg.jpg) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	}
	
	body#home{
	 background: #ffffff url(/images/bgHome.jpg) repeat-x center top;
	}	
	
	body, tr, td, input, select, textarea { 
	 font:small/150% Tahoma, Arial, Verdana, Helvetica, sans-serif;
	 color: #343433;	 
	}	
	
	div.container {
	 width: 995px; 
	 margin: 0px auto;
	 padding: 0px;
	 position: relative;
	}
	
       .printonly {
         display:none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   position:relative;
	   width: 995px;
	   color:#2D2A28;
	   margin: 0px;
	   padding: 0px;	   
	} 

	/* Hides from IE-mac \*/
	* html .parentWrap {height: 1%;}
	/* End hide from IE-mac */

	.parentWrap:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}	
	
	.contentWrap{
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;	   
	}
	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 150%;
	   line-height: 110%;
	   color: #343333;
	   margin: 28px 15px 20px 15px;
	   padding: 0px 0px 14px 0px;   
	   border-bottom: 1px solid #e3e3e3;
	}
	
	h2 { 
	   margin: 0px;
	   padding: 0px;
	   font-size: 125%; 
	   margin: 0px 15px 10px 15px;

	}
	
	h3 { 
	   margin: 32px 15px 6px 15px;
	   padding: 0px;
	   font-size: 105%;
	   color: #0a6741;
	   text-transform: uppercase;
	}
	
	h4 { 
	   margin: 0px;
	   padding: 0px;
	   font-size: 105%;
	   line-height: 125%;
	}
	
	h5 { 
	   margin: 6px 10px 24px 10px;
	   padding: 6px 5px 24px 5px;
	   font-size: 110%;
	   line-height: 125%;
	   border-bottom: 1px dotted #d1e4d0;
	   color: #084e2f;
	}
	
	p {
	   margin: 0px 15px 18px 15px;
	   padding: 0px;
	   line-height: 130%;
	}
		
	span.result {
	   color: #01884c;	   
	}
	
	p.endpage {
	
	}
	
	p.link {
	   margin: -8px 15px 18px 15px;
	   padding: 0px;	
	}
	
	hr {
	   color: #ebf3ec;
	   height: 1px;
           clear: both;		
	   margin: 5px 15px 10px 15px;
	   padding: 0px;
	   text-align:left;
	}
	
	img.photo {
	   padding: 4px;
	   margin: 0px 0px 4px 0px;
	   border: 3px solid #e3e3e3;	  
	}
			
	div.caption {
	   float: right;	   
	   font-size: 85%;
	   line-height: 110%;
	   text-align: center;
	   width: 267px;
	   margin: 14px 28px;	   
	   padding: 0px;
	}
		
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul, #baseContent ul {
	 list-style-position: outside;
	 list-style-type: square;
	 margin: 0px;
	 padding: 0px 15px 10px 15px; 
       } 
       
       ol, #baseContent ol {
	 margin: 0px;
	 padding: 0px 15px 10px 15px; 
       }
       
       ul li, ol li {
         margin: 0px 0px 0px 14px;
         padding: 0px 0px 6px 0px; 
         line-height: 125%; 
       }
       
  /**/
		
	
/* HEADER BAR: =header
----------------------------------------------- */
			
	div.header { 	   
	   height: 176px;
	   width: 995px;
	   margin: 0px;	
	   padding: 0px;
	   clear: both;
	}
	
	body#home div.header { 	   
	   background: url(/images/headerbghome.jpg) repeat-x left 37px;
	   height: 345px;
	}
	
	body div.header img#logo { 
	   position: absolute;
	   top: 0px;
	   left: 0px;
	   display: block;	   
	   padding: 0px;
	   margin: 0px;
	   height: 137px;
	   width: 255px; 
	}
	 
	body#home div.header img#logo { 
	   position: relative;
	   height: 269px;
	   width: 520px; 	   
	}	 
	
	img.homePhoto {
	   position: absolute;
	   top: 0px;
	   right: 0px;
	   height: 341px;
	   width: 316px;
	   z-index: 1;
	}
	
	img.mikePhoto {
	   position: absolute;
	   top: 0px;
	   right: 15px;
	   height: 250px;
	   width: 265px;
	   z-index: 1;
	}	
	
	#tagline {
	   position: absolute;
	   left: 254px;
	   top: 80px;
	   width: 475px;
	   z-index: 5;
	}	
	
	#tagline h2 {	   
	   color: #ffffff;
	   font-weight: normal;
	   font-size: 17px;
	   line-height: 125%;
	   margin: 0px;
	   padding: 0px;
	}	
	
	/* UTILITY: =utility
	----------------------------------------------- */

	div#utility{

	   margin: 0px 15px 0px 504px;
	   padding: 5px 0px;
	   height: 27px;
	}
	

	body#home div#utility{
	   margin: 0px 15px;
	   width: 965px;
	   float: left;	
	   clear: both;	   
	}	

	#utility ul{
	   list-style: none;
	   padding: 3px 0px;
	   margin: 0px;	   
	}	
	
	#utility li {
	   padding: 0px;
	   margin: 0px 3px 0px 0px;	 
	   list-style-type: none;
	   list-style:none;
	   float: left; 	   
	}	
	
	#utility li a,
	#utility li a:visited,
	#utility li a:link {
	   background: #016f40;
	   padding: 4px 10px;
	   margin: 0px;	
	   color: #ffffff;
	   text-decoration: none;
	   display: block;
	}
	
	#utility li a:hover {
	   background: #015f37;
	}	
	
	
/* LINKS: =links
----------------------------------------------- */
	
	a { 	    
	   color: #0a6741; 
	   text-decoration: underline;
	}
	
	a:hover { 
	   color: #00904f;
	   text-decoration: none;	   
	}
	
	a:visited { 
	   color: #0a6741;
	   text-decoration: underline;
	}	
	
	a img { 
	   border: none; 
	}	

		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
			
	#baseContent {	   
	   background: url(/images/basecontentBG.jpg) repeat-y left top;
	   width:670px;
	   margin: 0px;
	   padding: 10px 30px 0px 15px;
	   clear:none;
	}
	
	#rightContent {	   
	   width:265px;
	   margin: 0px 15px 0px 0px;
	   padding: 0px;
	   clear:none;
	}
	
	#rightContent div.rightBox {	   
	   background: url(/images/rightBottom.png) no-repeat center bottom;
	   margin: 74px 0px 13px 0px;
	   padding: 0px;
	}	

	#rightContent div.rightBox p{	   
	   background: url(/images/rightTop.png) no-repeat center top;
	   padding: 28px 28px 8px 28px;
	   margin: 0px;
	   text-align: center;
	   /*height: 65px;*/
	}
	
	#rightContent div.rightBox h4{	   
	   background: url(/images/rightDivide.png) no-repeat center top;
	   padding: 18px 32px 28px 32px;
	   margin: 0px;
	   text-align: center;
	   font-weight: bold;
	   
	}	
	
	#rightContent img.cta{	   
	   margin: 0px 0px 13px 0px;
	   padding: 0px;
	}	
	
	
	
/* FORM: =form
----------------------------------------------- */

   	
	form {
	    margin: 10px 0px;
	    padding: 0px;
	}	
   	
	form p{
	   margin: 0px 20px 8px 20px;
	   padding: 0px;
	}
	
	label {
	   width: 120px;
	   margin: 0px;
	   padding: 2px 4px 0px 0px;
	   text-align: right;
	   float: left;
	   text-transform: uppercase;
	   font-size: 90%;
	   line-height: 115%;
	}		
		
		
	
/* FOOTER: =footer
----------------------------------------------- */
	
	div.footerContainer {
	   background: #343433;
	   margin: 30px 0px 0px 0px;
	   padding: 0px;
    	   clear:both;		   
	   height: 200px;
	}
	
	
	div#footer { 
	   width: 995px;
	   margin: 0px auto;
	   padding: 20px 0px 0px 0px;
    	   clear:both;			   
	}
	
	#footer div#footerInfo { 
	   background: url(/images/socialnetworkingBG.jpg) repeat-x left top;
	   margin: 0px 20px 0px 0px; 
	   padding: 16px;
 	   text-align: left; 
	   position:relative;
	   float:left;
	   display:inline;
	   clear: none;
	}	
	
	div#footerInfo p { 
	   color: #ffffff;
	   padding: 0px;
	   margin: 0px;
 	   text-align: left; 
	   position: relative; 
	   line-height: 130%;
	   font-size: 90%;
	}
	
	div#footerInfo span.paid { 
	   text-transform: uppercase;
	   font-size: 90%;
	}	
	
	div#footerInfo p.credit { 
	   padding: 0px;
	   margin: 20px 0px 0px 0px;
	}	
	
	span.creditText { 
	   color: #595959;
	}
	
	#footer div#footerInfo a,
	#footer div#footerInfo a:link,
	#footer div#footerInfo a:visited { 
	   color: #595959;
	   font-weight: normal;
	   text-decoration: none;
	}	
	
	#footer div#footerInfo a:hover { 
	   color: #757575;
	   font-weight: normal;
	   text-decoration: none;
	}	
	
	#footer #footerSocialNetworking {  
	   clear:none; 
	   padding: 0px;
	   margin: 0px;
	   float: right;
	}

	#footer #footerSocialNetworking ul {
	   background: url(/images/socialnetworkingBG.jpg) repeat-x left top;
	   padding: 16px;
	   margin: 0px;
	   display: block;
	   height: 50px;
	}
	

	#footer #footerSocialNetworking li {
	   list-style-type: none;
	   list-style:none;
	   float: left; 
	   margin: 0px 6px 0px 0px;
	   padding: 0px;
	}
	   
	   

/* REPLACE FIXES: =replace
----------------------------------------------- */	
	
	/* 
	 * Image replacement using the Gilder/Levin IR technique 
	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	 */		
	.replace { 
		position: relative;
		/* hide overflow: hidden from mac ie5 \*/
		overflow: hidden;
		
		/* end hide from mac ie5 */
	}
	.replace span {
		display: block;
		position: absolute;
		top: 0px; left: 0px;
		z-index:1; /*for Opera 5 and 6*/
	 }
	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }
	
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  


	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */
	
	
	
/* PAGE SPECIFIC STYLES: = homepage
----------------------------------------------- */		
	
	
	#homeStatement {
	   position: absolute;
	   left: 268px;
	   top: 100px;
	   width: 475px;
	   z-index: 5;
	}	
	
	#homeStatement h2 {	   
	   color: #ffffff;
	   font-weight: normal;
	   font-size: 17px;
	   line-height: 125%;
	   margin: 0px;
	   padding: 0px 55px 0px 0px;
	}
	
	#homeStatement h3 {	   
	   color: #ffffff;
	   font-weight: bold;	   
	   font-size: 17px;
	   line-height: 120%;	   
	   margin: 6px 0px 0px 0px;
	   padding: 0px;
	   text-transform: none;
	}
	
	#homeStatement p {
	   margin: 20px 48px 0px 0px;
	   padding: 0px;
	   float: right;
	   background: #016f40;	   
	}
	
	a.homeButton,
	a.homeButton:link,
	a.homeButton:visited {
	   background: #085233;
	   color: #ffffff;
	   padding: 4px 10px;
	   display: block;
	   text-decoration: none;
	}
		
	a.homeButton:hover {
	   background: #04462a;
	   text-decoration: none;
	}	
		
	#boxNews {		
	  clear:none;	
	  width: 286px;
	  padding: 0px 0px 0px 15px;
	  margin: 0px 46px 0px 15px;
	}
	
	#boxNewsTwo {
	  clear:none;	
	  width: 618px;
	  margin: 0px 15px 0px 0px;
	  padding: 0px;
	}	
	
	
	#boxNews h2, #boxNewsTwo h2 {		
	  padding: 0px 0px 8px 0px;
	  margin: 38px 0px 0px 0px;
	  font-size: 130%;
	  border-bottom: 1px solid #e3e3e3;
	}		
	
	#boxNews p {		
	  padding: 0px 0px 8px 0px;
	  margin: 14px 0px 0px 0px;
	}
	
	#boxNewsTwo p {		
	  padding: 0px 10px 8px 10px;
	  margin: 14px 0px 0px 0px;
	}	
	
	div#issuesList { 
	  background: url(/images/issuesBG.png) repeat-x left center;
	  width: 624px;
	  height: 34px;	         
	  line-height:normal;
	  margin: 0px 0px 20px 15px;
	  padding: 0px 8px;
	  clear: both; 
	  display: block;
	  border-top: 1px solid #d5d5d5;
	  /*overflow: hidden;*/	  
	}
		
	div#boxNewsTwo div#issuesList { 
	  width: 602px;
	  margin: 0px 0px 20px 0px;
	  border-top: 0px;
	}
	
	#issuesList ul { 
	  background: url(/images/issuesRight.png) no-repeat left top;
	  line-height:normal;
	  margin: 0px;
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  float: left; 
	  height: 34px;
	  width: 602px;  
	}

	#issuesList li{ 
	  background: url(/images/issuesRight.png) no-repeat right top;
	  height: 34px;	  
	  float:left;
	  position: relative;	  
	  margin: 0px; 
	  padding: 0px; 
	  list-style-image: none;
	  list-style-type: none;
	  list-style:none;	  
	}
	
	#issuesList a {
	  float:left; 
	  display:block; 
	  padding: 9px 12px 5px 12px;	 
	  margin: 0px 1px 0px 0px;
	  text-decoration:none;  
	  white-space: nowrap; 
	  color: #545453;
	  font-size: 15px;	  
   	  height: 20px;
	}

	#issuesList a:hover,
	#issuesList a:link:hover,
	#issuesList a:visited:hover { 
	   background: #ffffff;
	   color: #545453;
	}

	#issuesList li#active { 
	   background: #ffffff url(/images/issuesRight.png) no-repeat right top;
	   padding: 0px;
	   margin: 0px; 	   
	}

	#issuesList li#active a:hover,
	#issuesList li#active a:link:hover,
	#issuesList li#active a:visited:hover { 
	   background: #ffffff;
	   color: #009f5b;
	}

	#issuesList li#active a, 
	#issuesList li#active a:link,
	#issuesList li#active a:visited,
	#issuesList li#active a:hover { 
  	   font-weight: bold;
  	   color: #009f5b;
	}	

	.hiddenSelect
	{
  	   visibility: hidden;
  	   position: absolute;
	}	
	
	
/* VOLUNTEER PAGE: = volunteer
----------------------------------------------- */		
		
	table.volunteerAreas td label {
	   width: 500px;
	   text-align: left;
	   float: none;
	   text-transform: none;
	   padding: 2px 4px;
	   
	}