/*

		 Washington County Agriculture Marketing
		 
		 Website Designed by JH Graphics - 10/08
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/

/* STRUCTURE
................................................. */ 

* 												{ margin: 0; } 
html, body 										{ height: 100%; width: 100%; margin: auto; }
body											{ background: #f2eedc url(images/barn-boards-bkgd.jpg) repeat-x left top; }
.wrapper 										{ min-height: 100%; height: auto !important; height: 100%; width: 950px;
												  margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push 									{ height: 150px; /* .push must be the same height as .footer */ }

.header											{ background: url(images/farm-bkgd.jpg) no-repeat center top;
												  width: 950px; height: 406px; margin: 0px auto; padding: 0px; }
.logo											{ background: url(images/grown-in-wc-logo.png) no-repeat left top;
												  width: 342px; height: 176px; }
.header-info									{ background: url(images/header-info-bar.gif) no-repeat center top;
												  width: 950px; height: 53px; }
												  
.bumpup											{ margin: -150px 0px 0px 0px; padding: 0px 25px 0px 0px; }

#navwrapper										{ float: left; position: relative; width: 246px; margin-top: -25px; margin-left: -40px; margin-right: 25px; 
												  background: url(images/nav-bkgd.gif) no-repeat left top; text-align: left; }
.nav											{ margin: 40px 0px 30px 50px; }

.main-content	 								{ width: 660px; margin-left: 240px; }	

#dc-colone	 									{ float: left; width: 400px; margin: 0px 5px 0px 5px; padding-right: 20px;}	
#dc-coltwo				 						{ float: left; width: 230px; margin: 0px 5px 0px 5px; padding-left: 20px; 
												  border-left: 1px dotted #80948d; }

.linklogo										{ float: left; margin-right: 20px; }

.floatLF 										{ float: left; }
.floatRT 										{ float: right; text-align: left; }
.clear 											{ clear: both; } 

#article										{  }
#article h3.title								{ border-bottom:1px dotted #546a08; margin-bottom:8px; }

.photos,
.photos a,
.photos a:visited								{ border: 2px solid #eadca2; }
.photos a:hover									{ border: 2px solid #617b1f; }


/* NAVIGATION
................................................. */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul									{ margin: 0; padding: 0; list-style-type: none;
												  background: none; width: 160px; /* Width of Menu Items */ }
.suckerdiv ul li								{ position: relative; }
	
/*Sub level menu items */
.suckerdiv ul li ul								{ position: absolute; width: 170px; /*sub menu width*/
												  top: 0; visibility: hidden; }
/* Sub level menu links style */
.suckerdiv ul li a								{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #333; text-decoration: none;
												  font: 15px/22px Arial, Helvetica, sans-serif;
												  padding: 1px 5px; border-bottom: 1px dotted #aaa369; }

.suckerdiv ul li a:visited						{ color: #333; }
.suckerdiv ul li a:hover						{ background-color: #eadca2; }
.suckerdiv .subfolderstyle						{ background: url(images/list.gif) no-repeat center right; }
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */





ul												{ font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
ul a 											{ color: #333; text-decoration: none; outline: none;  }
ul a:visited 									{ color: #333; text-decoration: none; outline: none;  }
ul a:hover 										{ color: #005a9c; text-decoration: none; outline: none;  }


/* TEXT
................................................. */ 

p												{ font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
p a			 									{ color: #003f6d; text-decoration: underline; outline: none;  }
p a:visited 									{ color: #003f6d; text-decoration: underline; outline: none;  }
p a:hover 										{ color: #005a9c; text-decoration: underline; outline: none;  }

h2 /* Heading Large */ 							{ font: 25px/30px "Times New Roman", Times, serif; color: #005a9c; margin: 0; padding: 0; 
												  border-bottom: 1px dotted #80948d; }
h2  a											{ color: #89a7bc; text-decoration: none; outline: none; }
h2  a:visited									{ color: #89a7bc; text-decoration: none; outline: none; }
h2  a:hover										{ color: #00345a; text-decoration: none; outline: none; }

h3 /* Heading Medium */ 						{ font: 21px/25px "Times New Roman", Times, serif; color: #546a08; margin: 0;padding: 0;}
h3  a											{ color: #6a3b00; text-decoration: none; outline: none; }
h3  a:visited									{ color: #6a3b00; text-decoration: none; outline: none; }
h3  a:hover										{ color: #a25a00; text-decoration: none; outline: none; }

h4 /* Heading Small */ 							{ font: 18px "Times New Roman", Times, serif; color: #002e52; margin-top: 50px; padding: 0; }

.sep											{ border-top: 4px solid #d3c694; }

.source 										{ font: italic 10px "Times New Roman", Times, serif; color: #555; }
.source a 										{ color: #555; }
.source a:visited								{ color: #555; }
.source a:hover									{ color: #000; }

.btt											{ font: 11px "Arial", Helvetica, sans-serif; color:#666; text-decoration:none; }
.btt a											{ color:#666; text-decoration:none; }
.btt a:visited									{ color:#666; text-decoration:none; }
.btt a:hover									{ color:#222; text-decoration:none; }

.indent											{ margin: 0px 0px 0px 120px; }
.smindent										{ margin: 0px 0px 0px 50px; }


a.button 										{ background: transparent url('images/button-a.gif') no-repeat scroll top right;
												  color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */
    											  font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; }
a.button span 									{ background: transparent url('images/button-span.gif') no-repeat;
    											  display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:active 								{ background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span 							{ background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.button:visited 								{ color: #FFF; outline: none; /* hide dotted outline in Firefox */ } 


/* FORM
................................................. */ 

.formtext										{ text-align: center; font: 15px Arial, Helvetica, sans-serif; color: #243d18; }

.show											{ display:block; }
.hidden, hr										{ display:none; }

.clearfix:after 								{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 										{ display: inline-block;}

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

fieldset, form									{ margin:0; padding:0; border:0; }
fieldset ol										{ margin:0; padding:12px 0 0; list-style:none; }
fieldset ol li									{ margin-bottom: 12px; }
fieldset ol label								{ float:left; width: 200px; line-height:10px; font: 15px Arial, Helvetica, sans-serif; 
												  color: #002e52; text-align:left; padding-top:0px; padding-left: 0px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea							{ float:right; width: 225px; background-color: #faf6e2; 
												  border: 1px dotted #6e735c;
												  padding:5px; font-size:16px; outline: none; }

fieldset ol input.text							{ height:20px; }
fieldset ol textarea							{ height:130px; font-size:16px;}

.submit input									{ clear: both; float: right; background: url(images/send.gif) no-repeat top center; }

/* @end */


/* FOOTER
................................................. */ 

.footer											{ margin: 0 auto; text-align: center;
												  background: url(images/footer-field.jpg) no-repeat bottom center; }

.footerdotdiv									{ width: 950px; border-top: 1px #b7b4a6 dotted;  margin: 0 auto; }	 

.footernav 										{ font: 12px/20px Arial, Helvetica, sans-serif; color: #696c4c; word-spacing: 3px; text-decoration: none; }
.footernav a, a:visited 						{ color: #696c4c; text-decoration: none; outline: none; }
.footernav a:hover 								{ color: #65a75d; text-decoration: none; outline: none; }