/*

		 Boonsboro Green Fest
		 
		 Website Designed by JH Graphics - 03/09
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/


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

* 												{ margin: 0 auto; } 
html, body 										{ height: 100%; } 
body 											{ background: #fff url(images/logo-background.gif) no-repeat center top;
												  margin: 0 auto; padding: 0px; }
.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: 105px; width: 950px; /* .push must be the same height as .footer */ }

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

.header											{ width:926px; height:320px; }

.hidden											{ display:none; }								  									  
												  
#pgcontainer 									{ clear:both; position:relative; top:0px; width: 900px; text-align: left; }
									  										  
.colone	 										{ float: left; width: 530px; margin: 0px 5px 0px 5px; padding-right: 10px;}	
.coltwo				 							{ float: left; width: 300px; margin: 0px 5px 0px 5px; padding: 15px; border-left: 4px dashed #c8e879; }
.hottopics			 							{ float: left; width: 300px; margin: 0px 5px 0px 5px; padding: 15px; 
												  background-color:#f4ffbd; border-left: 4px dashed #c8e879; }
.box											{ padding:10px; border:1px dashed #d9ca9d; }
												  											  
.floatLF 										{ float: left; }
.floatRT 										{ float: right; text-align: left; }
.clear 											{ clear: both; }
.indent											{ margin-left: 50px; }


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

.nav											{ margin-left:26px; }
#myslidemenu									{ z-index: 1; position:absolute; top:250px; width:855px; height:40px; margin:0; padding-left:21px; background:#67841f; }

body#home a#homenav,
body#events a#eventsnav,
body#recycling a#recyclingnav,
body#gear a#gearnav,
body#vendors a#vendorsnav,
body#sponsors a#sponsorsnav,
body#volunteers a#volunteersnav,
body#brtf a#brtfnav,
body#news a#newsnav,
body#contact a#contactnav					{ background: #c8e879; color: #03262a; }

/*
#navcontainer									{ position:relative; top:239px; padding:0px 0px 0 45px; margin:0; }
ul#nav											{ list-style-type:none; width:100%; position:relative; height:35px;
												  font: 20px/18px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:11px 0 0 0; }
ul#nav li										{ display:block; float:left; margin:0 20px 0 0; height:35px; }
ul#nav li.left									{ margin:0; }
ul#nav li a										{ display:block; float:left; color:#f1ffaf; background:#67841f; line-height:30px; 
												  text-decoration:none; padding:1px 10px 5px 10px; height:30px; border-top:4px solid #4c6217; }
ul#nav li a.right								{ padding-right:19px; }

ul#nav li a:hover								{ color:#fff; background:#99b15d; border-top:4px solid #67841f; }

body#home a#homenav,
body#events a#eventsnav,
body#recycling a#recyclingnav,
body#gear a#gearnav,
body#vendors a#vendorsnav,
body#sponsors a#sponsorsnav,
body#volunteers a#volunteersnav,
body#brtf a#brtfnav,
body#news a#newsnav,
body#contact a#contactnav					{ color: #03262a; background: #c8e879; cursor:default; border-top:4px solid #67841f; }
*/

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

p												{ font: 15px/22px Verdana, Arial, Helvetica, sans-serif; color: #252525; margin: 0;padding: 0; }
p a												{ color: #227379; font-weight:bold; text-decoration: none; outline: none;  }
p a:visited 									{ color: #227379; font-weight:bold; text-decoration: none; outline: none;  }
p a:hover 										{ color:#3eb4bc; font-weight:bold; text-decoration: none; outline: none;  }

.list											{ font: 15px/22px Verdana, Arial, Helvetica, sans-serif; color: #252525; margin: 0;padding: 0;
												  list-style: disc; margin-left: 2em; padding: 5px; }
.list a											{ color: #227379; font-weight:bold; text-decoration: none; outline: none;  }
.list a:visited 								{ color: #227379; font-weight:bold; text-decoration: none; outline: none;  }
.list a:hover 									{ color:#3eb4bc; font-weight:bold; text-decoration: none; outline: none;  }

h1 /* Large Heading */ 							{ font: 28px/32px "Times New Roman", Times, serif; color:#006600; margin: 0;padding: 0; }
.bigheading										{ font: 52px/55px "Times New Roman", Times, serif; color:#006600; margin: 0;padding: 0; }
.biggerheading									{ font: 62px/60px "Times New Roman", Times, serif; color:#006600; margin: 0;padding: 0; }

h3 /* Sub Heading */ 							{ font: 19px/24px Verdana, Arial, Helvetica, sans-serif; color:#339999; margin: 0;padding: 0; }
h3 a, h3 a:visited 								{ color: #227379; text-decoration: none; outline: none;  }
h3 a:hover 										{ color:#3eb4bc; text-decoration: none; outline: none;  }



h2 /* Paragraph Heading */	 					{ font: bold 24px/30px "Times New Roman", Times, serif; color:#ab5500; margin: 0;padding: 0; }

ul												{ font: 15px/22px Verdana, Arial, Helvetica, sans-serif; color: #252525;
												  list-style: disc; margin-left: 2em; padding: 5px; }

.center											{ text-align:center; }

.red											{ color:#CC0000; }


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

.footer											{ margin: 0 auto; text-align: center; width: 920px;
												  background: #fff url(images/footer-bkgd.gif) no-repeat center bottom; border-top:1px dashed #54a7a2;}

#fside-left										{ float: left; width: 320px; margin-top:10px; padding-left: 15px; text-align: left; }
#fside-right									{ float: left; width: 500px; margin-top:10px; padding-right: 20px; text-align: right; }


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

.footernav 										{ font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #67841f; 
												  word-spacing: 1px; text-decoration: none; }
.footernav a			 						{ color: #67841f; text-decoration: none; outline: none; }
.footernav a:visited 							{ color: #67841f; text-decoration: none; outline: none; }
.footernav a:hover 								{ color: #000; text-decoration: underline; outline: none; }

.footertext 									{ font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #67841f; text-decoration: none; }
.footertext a			  						{ color: #67841f; text-decoration: none; outline: none; }
.footertext a:visited  							{ color: #67841f; text-decoration: none; outline: none; }
.footertext a:hover 							{ color: #000; text-decoration: underline; outline: none; }


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

#contactformwrap								{ width: 150px; margin:0; padding:0; float: left;}

.formtext										{ text-align: center; font: 12px/22px Verdana, Arial, Helvetica, sans-serif; color: #ccc; }

.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; line-height:20px; font: 12px/22px Verdana, Arial, Helvetica, sans-serif; color: #67841f;
												  text-align:left; padding-top:10px; padding-left: 0px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea							{ float:left; width:210px; background:#e0ff9e; margin-top:5px;
												  border: 1px solid #8db52a; padding:5px; font-size:16px; outline: none; }

fieldset ol input.text:hover,
fieldset ol input.email:hover,
fieldset ol textarea:hover						{ background:#efffce; 
												  border: 1px solid #8db52a; outline: none; }
												  
												  

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

.submit input									{ clear: both; float:left; margin-left:70px; margin-top:5px; background: url(images/send.gif) no-repeat top center; }

#diebot											{ display:none; }