/*
		 www.AgExpoAndFair.org | Washington County Ag Expo & Fair
		 
		 Website Design & Maintenance Donated by JH Graphics - 03/09
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/

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

html, body 												{ height: 100%; }
body 													{ background: #000 url(http://www.agexpoandfair.org/images/corn-background.jpg) no-repeat fixed center top; margin: 0 auto; padding: 0px; }
#container 												{ width: 900px; min-height: 100%; margin-left: auto; margin-right: auto; margin-bottom: -113px; position: relative;
														  font: 18px "Times New Roman", Times, serif; }
html>body #container 									{ height: auto; }

.alignLF 												{ float: left; }
.alignRT 												{ float: right; text-align: left; }
.clear													{ clear: both; }
	

/* HEADER
................................................. */ 

#header													{ height:235px; }

#headercolone											{ float:left; width:361px; margin:0; padding:0; }
#headercoltwo											{ float:left; width:539px; margin:0; padding:0; text-align:center; }

#logo 													{ position:relative; z-index:1; width:361px; height:235px; margin:0; padding:0; outline:none; }
	
#slideshow 												{ postition: relative; width: 568px; height: 197px; float: right; margin: -242px 0 0 -33px; padding: 0; clear:both; }
#photodiv 												{ background-repeat: no-repeat; }

#backtohomepage											{ float:right; width:208px; height:30px; margin-right:0px; padding:10px 0 0 5px;
														  background: url(images/backtohomepage.gif) no-repeat left top;
														  font: 13px Arial, Helvetica, sans-serif; color: #f4e3b1; }
#backtohomepage	a										{ color: #f4e3b1; text-decoration:none; }
#backtohomepage	a:hover									{ color: #fff; text-decoration:none; }



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


.nav 													{ width: 192px; height: 399px; float: left; margin: -25px 0 0 11px; padding-top: 25px; padding-left: 20px;
														  background: url(images/nav-bkgd.gif) no-repeat left top; text-align: left; outline: none; }

.nav li 												{ margin: 0; padding: 0; display: inline; list-style-type: none; outline: none; }
.nav a:link, .nav a:visited 							{ font: 22px/28px "Times New Roman", Times, serif; color: #8c775c; text-decoration: none; 
														  padding: 10px; outline: none; }
.nav a:link.active, .nav a:visited.active, .nav a:hover { padding: 10px; color: #893a00; font-weight: bold; text-decoration: none; outline: none; }


/* CONTENT
................................................. */ 

.onecol 												{ float: left; width: 650px; margin-top: -25px; margin-right: 15px; }

.twocol-a 												{ float: left; width: 300px; padding-left: 10px; }
.twocol-b 												{ float: left; width: 310px; padding-left: 35px; }

/* Curved cutout Borders*/
.curved 												{ background: transparent; margin:0 auto; }
.curved h1, .curved p 									{ margin:0 10px; }

.curved .top, .curved .bottom 							{ display:block; background:transparent; font-size:1px; }
.curved .b1, .curved .b2, .curved .b3, .curved .b4 		{ display:block; overflow:hidden; height:1px; }
.curved .b2, .curved .b3, .curved .b4 					{ background:#140e05; border-left:1px solid #876e4a; border-right:1px solid #876e4a; }
.curved .b1 											{ margin:0 4px; background:#876e4a; }
.curved .b2 											{ margin:0 4px; height:2px; }
.curved .b3 											{ margin:0 3px; }
.curved .b4 											{ margin:0; height:1px; border-width:0 3px 0 3px; }

.curved .boxcontent 									{ display:block; background:#140e05; border:0 solid #876e4a; border-width:0 1px; 
														  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8; padding: 20px; }
														  
.lrpad													{ padding-left:20px; padding-right:20px; }
.indent													{ padding-left: 30px; }
.hidden													{ visibility:hidden; }


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

p														{ font: 10pt/15pt Arial, Helvetica, sans-serif; color: #FFF; }
a				 										{ color: #f1eab9; text-decoration: underline; }
a:visited 												{ color: #f1eab9; text-decoration: underline; }
a:hover 												{ color: #ffef86; }

.pblack													{ font: 9pt Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px dotted #675e4f; }
.porange												{ font: 9pt Arial, Helvetica, sans-serif; color: #dc7542; border-bottom: 1px dotted #675e4f; }
.pblackheading											{ font: 9pt Arial, Helvetica, sans-serif; color: #000; border-bottom: 3px solid #675e4f; }
.theading /* sm green text */							{ font: bold 10pt "Arial", Helvetica, sans-serif; color: #a7bc6f; border-bottom: 1px dotted #675e4f;
														  background-color:#FFFBE6; }


li														{ font: 10pt/15pt Arial, Helvetica, sans-serif; color: #FFF; margin-right: 15px; }

h1 /* lg yellow text */									{ font: 18pt "Times New Roman", Times, serif; color: #ddcd42; margin: 5px 0 0 0; }
h2 /* lg beige text */									{ font: 16pt "Times New Roman", Times, serif; text-transform:uppercase; color: #dcc581; margin: 5px 0 0 0; }
h3 /* md beige text */									{ font: 13pt "Times New Roman", Times, serif; color: #dcc581; }
h4 /* lg teal text */									{ font: bold 15pt "Arial", Helvetica, sans-serif; color: #63d4e1; }	
h5 /* sm green text */									{ font: bold 10pt "Arial", Helvetica, sans-serif; color: #a7bc6f; }
h6 /* xsm beige text */									{ font: bold 9pt "Times New Roman", Times, serif; text-transform:uppercase; color:#78624a; margin:0px 0px 10px 0px; }

.events 												{ font: 9pt Arial, Helvetica, sans-serif; color: #fff1c7; }
.highlight												{ color: #ddcd42; }
.sep 													{ margin: 0px auto; width: 500px; border-bottom: 3px dotted #876e4a; }
.sm														{ margin-left:5px; font-size:6pt; }

.TBDINFO												{ background-color:#660066; }



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

.clearfooter 											{ height: 90px; clear: both; }
#footer 												{ margin: 0px auto; background: #000; height: 90px; width: 891px; position: relative; }
#footercontainer 										{ text-align: left; margin: 0px auto; padding: 10px 40px 10px 40px; border:0; width: 810px; }
.fside-a 												{ float: left; width: 570px; }
.fside-b 												{ float: right; width: 240px; }

.footertext 											{ font: 14px/18px Arial, Helvetica, sans-serif; color: #666666; }
.footertext a	 										{ color: #999999; text-decoration: none; }
.footertext a:visited 									{ color: #999999; text-decoration: none; }
.footertext a:hover 									{ color: #FFCC66; text-decoration: none; }


/* CATALOG STYLES
................................................. */ 

.catalogcont					{ width: 850px; margin:0 auto; }
.cataloginfo					{ background-color:#ffffe4; border:3px solid #f4e3b1; padding-bottom:25px; }

.catalognav						{ font: 10pt Arial, Helvetica, sans-serif; color: #FFF; }
.catalognav a	 				{ color: #f1eab9; text-decoration: underline; }
.catalognav a:visited 			{ color: #f1eab9; text-decoration: underline; }
.catalognav a:hover 			{ color: #ffef86; }


/* Catalog Tabs
................................................. */ 
ul.catalog_tabs 				{ height:38px; list-style:none; margin:0; padding:0; clear:both;
								  border-bottom:5px solid #f4e3b1; }
ul.catalog_tabs a				{ color:#2777a1; text-decoration:none; }
ul.catalog_tabs a:hover			{ color:#1b9de2; }


ul.catalog_tabs li.tab 			{ float:left; margin-left:10px; text-align:center; font: bold 15px/18px Arial, Helvetica, sans-serif; }
ul.catalog_tabs li.tab a 		{ height:25px; width:150px; display:block; padding:8px 10px 5px 10px;
							      background-color:#948064; color:#ffffd1; text-decoration:none; outline:none; }
ul.catalog_tabs li.tab a:hover 	{ background-color:#b19977; color:#fff; text-decoration:none; outline:none; }
ul.catalog_tabs li.tab a.active { background-color:#f4e3b1; color:#382d1c; font-weight:bold; text-decoration:none; cursor:default; outline:none; }