/*stylesheet for Natural Choices
/*www.naturalchoices.com
/*originally created 4/8/2008 by Headwaters (hwaters.com)
/*revised 5/28/2009
/***********************************************/

	/*basic layout*/
	/*******************************************************************************************/
		
		html, body	{
			height:100%;
			min-height:100%;
			margin:0;
			text-align:center;/*for IE6 Win*/
			background:#033;
			color:#000;
			font-family:verdana, sans-serif;
			}
				
		#container {
			position:relative;
			min-height:600px;
			margin-left:auto;
			margin-right:auto;
			width:1000px;
			background:#fff url(../images/shared/main-background.jpg) 0 110px;
			text-align:left;
			border-right:12px solid #366;
			border-left:12px solid #366;
			border-bottom:0;
			border-top:0;
			}
			
		/*exception for IE6 bug*/
		*html #container {height:90%;}
				
		#banner	{
			width:1000px;
			height:100px;
			background:#366 url(../images/shared/banner.gif) no-repeat;
			text-align:left;
			}
	
		#navigation_column		{
			float:left;
			width:150px;
			height:400px;
			padding:0px 2px 10px 2px;
			/*for testing
			background:red;*/
			}
				
		#content	{
			float:left;
			width:699px;
			padding:10px 10px 20px 10px;
		
			}
		/*exception for IE6*/
		*html #content {margin-left:-3px;}
				
		#sponsor_column	{
			float:left;
			width:126px;
			padding:0;
			text-align:center;
			border-left:1px solid #000;
			/*for testing
			background:#666;*/
			}
			
		/*exception for IE6*/
		*html #sponsor_column {margin-left:3px;}
			
		#footer {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			height:50px;
			width:1000px;
			background:#666 url(../images/shared/footer-water-background.jpg);
			padding-top:6px;
			text-align:center;
			border:12px solid #366;
			border-top:none;
			}
				
		#search_tool	{
			float:right;
			margin-top:0px;
			}
			
		/*for IE6 only 
		* html #search_tool	{
			margin-left:100px;
				}*/
				
		#logo {
			border:none;
			margin-left:3px;
			margin-top:9px;
			float:left;
			}
			
		/*temporary float fix for longer content in Firefox*/	
		#floatfix {
			clear:both;
			}
			
				
	/*Typography*************************************/
		h1	{
			font-size:1.25em;
			color:#366;
			}
			
		h2	{
			font-size:1em;
			color:#366;
			margin-top:0.5em;
			}
			
		h3	{
			font-size:0.85em;
			color:#366;
			font-weight:bolder;
			}
				
		p, .fakep	{
			font-size:.85em;
			}
			
		span.eg { 
			font-size: .75em; 
			color: #808080;
			font-style: italic; 
			} 
				
		small	{
			font-size: 0.5em;
			}
				
		#footer a	{
			margin:0 10px 0 10px;
			color:#fff;
			}
			
		#footer a:hover	{
			color:#3fc;
			}
			
		#banner h1 {
			margin-top:0 /*prevents h1 top margin from creating white space above banner in Firefox*/
			}
			
		h2#tagline	{
			font-size:10px;
			font-style:italic;
			float:left;
			}
			
		.big_sponsor_box	{
			width:125px;
			padding-bottom:0;
			border-top:1px solid #666;
			border-bottom:1px solid #666;
			margin:4px 0 4px 0;
			}
			
		.big_sponsor_box img	{
			border:0;
			}
			
		#content ul li	{
			font-size:.85em;
			margin:4px 0 4px 0;
			}
			
		.code {
			background-color:#ffc;
			border:1px dotted #636;
			}
			
		/*link styles*****************/
		a:hover {
			color:#060;
			text-decoration:none;
			}
			

		
				
/*Navigation Menus*******************************/

			/*Top*****************************/
			ul#top_nav_menu	{
				list-style-type:none;
				position:relative;
				top:58px;
				left:12px;
				margin:0;
				}
				
			/*for IE 6 bug*/
			* html ul#top_nav_menu	{
				margin-top:50px;
				margin-left:190px;
				border:0;
				padding:0;
				margin-bottom:-10px;
				width:auto;
				}
				
			ul#top_nav_menu li {
				margin:0;
				float:left;
				display:block;
				text-align:center;
				width:154px;
		        font:normal normal bold 14px/16px verdana, arial, sans-serif;
				padding:0 0 4px 0;
				
				}
				
			ul#top_nav_menu li a {
				text-decoration:none;
				color:#fff;
				}
				
			ul#top_nav_menu li a:hover {
				color:#ffc;
				text-decoration:underline;
				}
				
		/*Left navigation menu*****************************/
		
		ul#left_nav_menu	{
				position:relative;
				list-style-type:none;
				padding:0 0 50px 0;
				margin-left:0;
				background:transparent url(../images/shared/signpost.gif) no-repeat top center;
				}
				
			ul#left_nav_menu li  {
				margin:2px 0 2px 0;
				text-align:center;
				}

				
			ul#left_nav_menu li a {
				background:url(../images/shared/nav-signs-background.gif);
				height:auto/*20px*/;
				min-height:20px;
				width:146px;
				display:block;
				font-size:12px;
				text-decoration:none;
				padding-top:4px;
				}
				
			ul#left_nav_menu li a.tall	{
				background:url(../images/shared/nav-signs-background-tall.gif);
				
				}
				
			/*for IE6****************/
			*html ul#left_nav_menu li a {
				padding-bottom:4px;
				}
				
			ul#left_nav_menu li a:hover {
				color:#ff3;
				text-decoration:underline;
				}
			
			/*secondary buttons*/
			ul#left_nav_menu li.secondary_button a {
				background-position:0 -102px;
				}
		
			/*hover states*/
			#navbutton_home a:hover, #navbutton_home:hover a, #navbutton_home.over a {
				background-position:0 -52px;
				}
				
			#navbutton_join a:hover, #navbutton_join:hover a, #navbutton_join.over a {
				background-position:0 -52px;
				}
				
			#navbutton_green-lodgings a.tall:hover, #navbutton_green-lodgings:hover a.tall, #navbutton_green-lodgings.over a.tall {
				background-position:0 -70px;
				}
				
			#navbutton_local-foods a:hover, #navbutton_local-foods:hover a, #navbutton_local-foods.over a {
				background-position:0 -52px;
				}
				
			#navbutton_preserves a.tall:hover, #navbutton_preserves:hover a.tall, #navbutton_preserves.over a.tall {
				background-position:0 -70px;
				}
				
			#navbutton_news a:hover, #navbutton_news:hover a, #navbutton_news.over a {
				background-position:0 -52px;
				}
			
			#navbutton_about a:hover, #navbutton_about:hover a, #navbutton_about.over a {
				background-position:0 -52px;
				}
				
			#navbutton_resources a:hover, #navbutton_resources:hover a, #navbutton_resources.over a {
				background-position:0 -52px;
				}
				
			#navbutton_code a:hover, #navbutton_code:hover a, #navbutton_code.over a {
				background-position:0 -52px;
				}
				
			#navbutton_contact a:hover, #navbutton_contact:hover a, #navbutton_contact.over a {
				background-position:0 -52px;
				}
				
			ul#left_nav_menu li.secondary_button#navbutton_member a:hover, #navbutton_member:hover a, #navbutton_member.over a {
				background-position:0 -52px;
				}
				
			ul#left_nav_menu li.secondary_button#navbutton_key a:hover, #navbutton_key:hover a, #navbutton_key.over a {
				background-position:0 -52px;
				}
				
			ul#left_nav_menu li.secondary_button#navbutton_e-news a:hover, #navbutton_e-news:hover a, #navbutton_e-news.over a {
				background-position:0 -52px;
				}
				
			ul#left_nav_menu li.secondary_button#navbutton_logout a:hover, #navbutton_logout:hover a, #navbutton_logout.over a {
				background-position:0 -52px;
				}
				
				
	/*resources menu in lefthand column*/
			#navigation_column	 h2	{
				text-align:center;
				color:#fff;
				margin:20px 0 0 0;
				}
				
			ul#resources-menu		{	
				list-style-type:none;
				padding-left:0;
				text-align:center;
				font-size:0.8em;
				margin-left:0;
				}
				
			ul#resources-menu li	{
				padding-left:0;
				margin-left:0;
				padding:4px 0 4px 0;
				}
				
			ul#resources-menu li	a {
				text-decoration:none;
				color:#fff;
				}
				
			ul#resources-menu li	a:hover {
				text-decoration:underline;
				color:#ffc;
				}
		
	/*bottom boxes on home page*/
			#bottom-homepage-boxes	{
				height:240px;
				width:719px;
				border-top:1px solid #000;
				}
				
				
			#box1 img	{
				border:none;
				}
				
			#box1	{
				background:blue;
				float:left;
				height:100%;
				width:140px;
				border:0;
				}
				
			#box2	{
				background-image:url(../images/home/gradient-background.jpg);
				float:left;
				height:100%;
				width:418px;
				padding:0 10px 0 10px;
				}
				
			#box2	h2, #box3 h2 {
				text-align:center;
				font-size:1em;
				}
				
			#box3	{
				float:left;
				height:100%;
				width:120px;
				font-size:0.8em;
				padding:0 10px 0 10px;
				border-left:1px solid #000;
				}
				
			#box 3 p	{
				margin:0;
				}
			
				
			#box2 ul li	{
				margin-left:0;
				padding-left:0;
				font-size:0.8em;
				list-style-type:none;
				}
				
			#box2 ul	{
				padding-left:0
				}
				
		
	/*clear floats*/			
		div.clearfloat	{
			clear:both;
			}
				
	/*photos*/
	
			div#content	img	{
				border:1px solid #000;
				}
				
			body#find-activities img	{
				border:0;
				}
				
			body#seasonal-highlights img {
				border:0;
				}
				
			img.photo-float-right		{
				float:right;
				margin:0 0 20px 20px;
				}
				
			img.photo-float-left		{
				float:left;
				margin:0 20px 20px 0;
				}
				
		/*photos with captions*****************/
			.photobox		{
				width:auto;
				border:1px solid #ccc;
				font-size:0.65em;
				padding:4px;
				}
	
/*styles unique to particular pages*/

	/*home*******************************/
			body#home #content {
				background:#fff;
				padding:0;
				width:719px;
				}
				
			/*homepage splash images*******************************/
			div#splash-photos-container	{
				background:#000;
				width:720px;
				height:300px;
				border-bottom:1px solid #000;
				}
				
			 div#slide-show	{
				background:#000;
				width:500px;
				height:300px;
				float:left;
				}
				
			div#slide-show		img, div#splash-photos-container img	{
				border:0;
				}
				
			div#static-images		{
				background:#000;
				width:218px;
				height:300px;
				float:right;
				}
				
			#symbol-border	{
				background:url(../images/home/symbol-border.gif);
				height:30px;
				width:auto;
				}
				
			/*exceptions for IE6*/
			*html body#home #container {height:600px;}
			*html body#home #content {width:722px}
			*html body#home #sponsor_column {margin-left:0}
				
	/*symbol key**************************/
			body#symbol_legend ul {
				list-style:none;
				}
				
			body#symbol_legend ul img {
				margin:0 20px 0 0;
				}
				
		/*photo credits page*/
			.photographer_profile	{
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				padding-top:10px;
				padding-bottom:10px;
				margin-bottom:10px;
				clear:both;
				}
			
			.photographer_profile img {
				float:left;
				margin-right:14px;
				border:1px solid #000;
				}
				
			.photographer_profile p {
				margin-left:214px;
				}
				
			.photographer_profile h2 {
				margin-top:0;
				margin-left:214px;
				}
				
		/*quotes*/
			.quotation		{
				background:none;
				color:#333;
				border:none;
				padding:6px;
				font-size:1em;
				font-family:palatino, serif;
				}
				
			.quote_attribute	{
				margin:10px 0 0 20px;
				font-style:oblique;
				color:#000;
				font-size:0.85em;
				
				}
				
		/*seasonal pages*/
			body#june div#content	{
				background: #fff url(../images/seasonal/june_background.jpg) no-repeat;
				}
			body#july div#content	{
				background: #fff url(../images/seasonal/july/fern-background.jpg);
				}
				
			body#september div#content	{
				background: #fff url(../images/seasonal/september/wet-leaves-background.jpg);
				}
				
			body#october div#content	{
				background: #fff url(../images/seasonal/september/wet-leaves-background.jpg);
				}
				
			body#november div#content	{
				background: #fff url(../images/seasonal/november/trees-background-CC.jpg);
				}
				
			body#december div#content	{
				background: #fff url(../images/seasonal/november/trees-background-CC.jpg);
				}
				
			body#january div#content	{
				background: #fff url(../images/seasonal/january/tree-in-snow-background.jpg);
				}
				
			body#february div#content	{
				background: #fff url(../images/seasonal/january/tree-in-snow-background.jpg);
				}
				
			body#march div#content	{
				background: #fff url(../images/seasonal/march/spring-brook--CC.jpg);
				}
				
			body#april div#content	{
				background: #fff url(../images/seasonal/march/spring-brook--CC.jpg);
				}
				
			body#may div#content	{
				background: #fff url(../images/seasonal/march/spring-brook--CC.jpg);
				}
				
				
			table#seasonal-calendar	{
				background:#ccc;
				font-size:0.75em;
				margin-top:50px;
				}
				
			table#seasonal-calendar td {
				height:70px;
				width:70px;
				border:1px solid #666;
				vertical-align:top;
				}
				
			table#seasonal-calendar caption {
				font-size:1.2em;
				margin-bottom:-50px;
				margin-top:50px
				}
				
			.upcoming-feature	{
				background:#ccc;
				}
				
		/*contact form*/

			body#contact #content form {  
				border:1px dotted #ccc;
				padding:10px;
				}
				
			body#contact legend	{
				color:red;
				}
				
			body#contact form ol {  
				padding: 1em 1em 0 1em;  
				list-style: none;
				}
				
			body#contact form li {  
				padding-bottom: 1em;
				}
				
			body#contact form label {  
				display: block;
				}
				
				
		/*table on "join" page*/
			body#join  table {
				border:1px solid #666;
				font-size: 0.65em;
				padding:2px;
				}
				
			body#join caption {
				display:none;
				}
				
			body#join .header-row {
				background:#ccc;
				font-size:1em;
				}
				
			body#join .green	{
				background:#9c9;
				}
				
			body#join .blue	{
				background:#9cf;
				}
				
			body#join td	{
				padding:2px;
				}
				
/*table on "photo" page*/
			table#photo-credit-table {
				background:#9cc;
				font-size:0.75em;
				width:100%;
				}
				
			table#photo-credit-table td	{
				border:1px solid #fff;
				padding:2px;
				background:#fff;
				
				}
				
			table#photo-credit-table td.header-row	{
				background:#fff;
				font-weight:bold;
				background:#ccc;
				}
			
/*Yellahoose Rules*****************************/
				
/* Required bullet. */ 

span.required { 
	color: red;
	vertical-align: super;
	font-weight: bold;
} 

/* Stuff for forms in the administative site. */ 

#editform { width: 100%; } 

#editform fieldset { border: 1px solid #333; } 

.editrow { 
	width: 100%;
	float: left; 
	margin-top: 3px; 
	margin-bottom: 5px; 
} 

.editlabel { 
	width: 90px; 
	float: left; 
	vertical-align: top; 
	text-align: left; 
	font-size: 80%; 
} 

.editfield { 
	float: left; 
	vertical-align: top; 
	text-align: left; 
	font-size: 80%; 
}

.editfield .half { 
	width: 160px; 
	float: left; 
	vertical-align: top; 
	text-align: left; 
} 

.editfield text, .editfield textarea, .editfield select { 
	font-family: sans-serif; 
	font-size: 95%; 
} 

.good_message {
	color:#060;
	}
	
.bad_message {
	color:#c00;
	}
	
/* Stuff for the event listing form. */ 

.date_control_label { 
	float: left; 
	width: 75px; 
	font-size: .85em;
} 
date_control_field { 
	float: left; 
	font-size: .85em;
} 

input		{
	background:#fff;
	}
	
input.submit		{
	background:#ccc;
	}