/*************************************************
	HAMPSHIRE FARE
	WEBSITE STYLES DEFINITION FILE
	VERSION 2.0
	CREATED 25/11/2011
	DEVELOPED BY JUSTIN KERCHER
	APOLLO INTERNET MEDIA
	http://www.apollo-media.com
*************************************************/

* { position: relative; } /* Required for IE z-index bugs */
body { font-family: arial; font-size: 1.0em; text-align: center; margin: 0px; padding: 0px; }
	
	/********************************************************************/
	/* Convenience 														*/
	/********************************************************************/	
	h1 { font-family: "Times New Roman", Times, serif; margin-top: 0px; font-weight: lighter; font-size: 2.0em }
	p { margin-bottom: 0px; }
	a img { border: 0px !important; }
	form { padding: 0px; margin: 0px; }

	/********************************************************************/
	/* Layout Layers 													*/	
	/********************************************************************/	
	#banner { position: relative; height: 54px; width: 1002px; text-align: left; margin: 0px auto;  z-index: 10 !important;  }
		#banner .logo { position: absolute; left: 15px; top: 0px; width: 228px; height: 179px; }
		#banner .login { position: absolute; top: 12px; width: 189px; height: 28px; left: 435px; }
		
		#banner #searchbox { position: absolute; top: 14px; right: 142px; width: 200px; height: 25px; background-color: #ffffff; border: solid 1px #cccccc; overflow: hidden }
			#banner #searchbox #search { position: absolute; height: 23px; line-height: 23px; width: 170px; 
												 border: none !important; background-color: none; color: #666666; font-weight: bold; 
												 font-family: arial; padding-left: 5px; text-transform: uppercase; top: 0px; left: 0px; }
			#banner #searchbox #searchBtn { position: absolute; right: 0px; top: 0px; } 	
		#banner .social { position: absolute; right: 10px; top: 10px; width: 117px; height: 48px; }			
	
	#main { position: relative; width: 1002px; text-align: left; margin: 0px auto; background-image: url(../images/layout2011/bg-tile.jpg); background-repeat: repeat-y; 
			padding-bottom: 20px;  }
			
		.sponsorTop { position: absolute; right: 0px; top: 50px; width: 122px; height: 41px; background-image: url(../images/layout2011/sponsor-top.jpg); background-position: right; }
		.sponsorBottom { position: absolute; right: 0px; bottom: 0px; width: 122px; height: 41px; background-image: url(../images/layout2011/sponsor-bottom.jpg); background-position: right; }		
	
	
	#main #leftSide { position: relative; float: left; clear: none; width: 880px; }
	#main #rightSide { float: right; top: 24px; right: 0px; width: 112px; text-align: center; font-size: 0.8em; padding-left: 0px; margin-right: 8px; margin-bottom: 24px; }
		.sponsorTitle { text-transform: uppercase; color: #000000; font-weight: bold; margin-bottom: 10px; font-size: 0.8em; margin-top: 10px;  }
		.sponsorIconLink { margin: 20px 0px; }
	
	
	#menuBox { height: 140px; position: relative; }
			#menuBox #menu { position: absolute;  width: 500px; height: 108px; top: 12px; left: 250px; text-align: center }
			#menuBox #menu a { margin: 0px 2px; }
			#menuBox .foodFestival { position: absolute; right: 20px; top: 12px; height: 115px; width: 94px; }
			#menuBox #countdown { position: absolute; right: 20px; top: 106px; font-size: 0.8em; color: #1d3121; width: 100px; height: 20px; text-align: center; font-weight: bold; font-family: "Times New Roman", Times, serif; }
				
			
	#content { margin-left: 16px; font-size: 0.8em; width: 848px; }
		#content #content-top { position: relative; height: 25px; background-image: url(../images/layout2011/content-top.png); background-repeat: no-repeat;  z-index: 1; }
		#content #content-bottom { position: relative; height: 25px; background-image: url(../images/layout2011/content-bottom.png); background-repeat: no-repeat; z-index: 1;}
		#content #content-middle { position: relative; background-image: url(../images/layout2011/content-tile.png); background-repeat: repeat-y; padding: 0px 30px 1px 30px; z-index: 100; }
			#content #content-middle a { text-decoration: underline; }
			#content #content-middle a:hover { text-decoration: none; }
		
	#blackboards { margin-top: 20px;  }
		#blackboards .blackboard p { margin: 5px 0px } 
		#blackboards .blackboard {  position: relative; float: left; clear: none; width: 410px; height: 280px; 
									background-image: url(../images/layout2011/bg-blackboard.jpg); color: #ffffff; overflow: hidden; margin-bottom: 20px; }			
			#blackboards .blackboard .content { padding: 10px 20px; }
			#blackboards .bbLeft { margin-right: 10px; margin-left: 2px; }
			#blackboards .bbRight { margin-left: 12px; }
			#blackboards .blackboard .bbTitle { margin-bottom: 4px; }
			
			.blackboard .textfield { border: solid 1px #ffffff; background-color: transparent !important; padding: 5px; height: 30px; width: 360px; color: #ffffff; margin-bottom: 5px;   }
			.blackboard select { width: 320px; }
			
			.blackboard .item { margin-top: 10px; height: 100px; }
			.blackboard .itemImage { width: 90px; height: 90px; float: left; clear: none; margin-right: 10px; }
			.blackboard .itemContent { width: 270px; float: right; clear: none; overflow: hidden; }
				.blackboard .itemContent .itemTitle { font-weight: bold; }
				
			/* Blackboard pagers */
			#blackboardNav { position: absolute; bottom: 20px; right: 20px; z-index: 4000 !important;   }
				#blackboardNav a { float: left; clear: none; width: 23px; height: 26px; text-align: center; line-height: 26px; color: #666666;
												   background-image: url(../images/layout2011/btnPage.png); text-decoration: none; margin-right: 1px; border: none; background-color: none; 
												    text-decoration: none;  }
				 #blackboardNav a.activeSlide { color: #ffffff; background-image: url(../images/layout2011/btnPage-On2.png); text-decoration: none; }

			.blackboard a { color: #ffffff; text-decoration: underline; }
			.blackboard a:hover { text-decoration: none; }
			
			.blackboard .all-link { position: abosolute; bottom: 12px; right: 0px; }
			
			#testimonialsPanel { background-color: transparent !important; width: 376px }
			.testPanel { background-color: transparent !important; }
			
	#footer { margin-left: 16px; width: 848px; font-size: 0.8em; color: #ffffff; }			
		#footer a { color: #ffffff; text-decoration: none; }
		#footer #footer-top { height: 23px; background-image: url(../images/layout2011/footer-top.png); }
		#footer #footer-content { background-image: url(../images/layout2011/footer-tile.png); background-repeat: repeat-y; padding-bottom: 1px; }
			#footer #ftLeft { float: left; clear: none; width: 370px; padding: 0px 20px; }
				#ftLeft h1 { margin: 0px; font-weight: lighter; }
				#ftLeft p { }
				#ftLeft a { margin: 4px 0px !important; text-decoration: underline; }
			#footer #ftRight { float: right; padding: 0px 20px; clear: none; width: 390px; text-align: right }
		#footer #footer-bottom { height: 23px; background-image: url(../images/layout2011/footer-bottom.png); }		
					
	/* Misc Classes */
	.breaker { clear: both !important; }
	.companyLogo { margin: 0px 20px; float: right; clear: none;  }
	.download {	position: relative; width:360px; float: left; clear: none; height: 100px; margin: 10px;  }
		.download .downloadImage { width: 100px; float: left; clear: none; text-align: center; }
		.download .downloadDetails { float: right; clear: none; width: 240px; }
	.underline { text-decoration: underline }
	
	/********************************************************************/
	/* Homepage Images												    */
	/********************************************************************/
	#homeBox { position: relative; height: 270px; width: 100%; z-index: 50 !important; }
		#homebox .top-left { width: 15px; height: 15px; background-image: url(../images/layout2011/hpimg-corner-tl.png); position: absolute; left: -18px; top: -15px; 
							 z-index: 100 !important; }
			#homebox .top-left .filler { height: 2px; width: 2px; position: absolute; background-color: #ffffff; left: 0px; top: 0px; font-size: 1px; line-height: 1px; }							 
			
		#homebox .bottom-left { width: 15px; height: 15px; background-image: url(../images/layout2011/hpimg-corner-br.png); position: absolute; left: -18px; bottom: -15px; 
								    z-index: 100 !important; }		
			#homebox .bottom-left .filler { height: 2px; width: 2px; position: absolute; background-color: #ffffff; left: 0px; bottom: 0px; font-size: 1px; line-height: 1px; }									
			
		#homeBox .homeImage { width: 500px; height: 300px; position: absolute; left: -20px; top: -17px; }
			#homebox .homeImage img { position: absolute; left: 2px; top: 2px; }
		
		#homeBox #slideContainer { position: relative;  }
		#homeBox #slideContainer .panel { position: relative; width: 800px; height: 0px; padding: 0px; margin: 0px; z-index: 40 !important;}
		
		#homeBox #slideContainer .homeContent { width: 298px; height: 300px; position: absolute; right: -3px; top: -16px; }
			#homeNav { position: absolute; bottom: 0px; right: 0px; z-index: 4000 !important  }
				#homeNav a { float: left; clear: none; width: 23px; height: 26px; text-align: center; line-height: 26px; color: #666666;
												   background-image: url(../images/layout2011/btnPage.jpg); text-decoration: none; margin-right: 1px;  text-decoration: none !important;  }
				#homeNav a.activeSlide { color: #ffffff; background-image: url(../images/layout2011/btnPageOn.jpg);  text-decoration: none !important;}
												   
	/********************************************************************/												   
	/* Pagination														*/
	/********************************************************************/											   
	.pagination { display: block; text-align: right; }
		.pagination .pageon { float: left; clear: none; width: 23px; height: 26px; text-align: center; line-height: 26px; color: #ffffff;  
												   background-image: url(../images/layout2011/btnPageOn.jpg); text-decoration: none; margin-right: 1px; text-decoration: none !important }
		.pagination .pageoff { float: left; clear: none; width: 23px; height: 26px; text-align: center; line-height: 26px; color: #333333;
												   background-image: url(../images/layout2011/btnPage.jpg); text-decoration: none; margin-right: 1px;  text-decoration: none !important; }												   

	/********************************************************************/												   
	/* Original Site Styles Imported 									*/
	/********************************************************************/
	table { font-size: 1.0em; }
	ul { margin: 12px; }
	a {color: #4b6926; text-decoration: none; }
	.green { color: #4b6926;  }
	.orange { color: #c56130; }
	.pageimage { margin-bottom: 20px; }
	.greybox { background-color: #f3f3f3; }
	.breaker { clear: both; }
	.padding10 { padding: 10px; }
	/********************************************************************/
	/* Triple Column Boxes 
	/********************************************************************/
	
	#tripleparent { width: 722px; }
	#tripletop { background-image: url(../images/triple-top.jpg); height: 14px; background-repeat: no-repeat; line-height: 1px; font-size: 1px; margin: 0px;}
	#triplemid { background-image: url(../images/triple-tile.jpg); background-repeat: repeat-y; margin: 0px; height: 150px; }
	#triplebottom { CLEAR: BOTH; background-image: url(../images/triple-bottom.jpg); height: 14px; background-repeat: no-repeat; font-size: 1px; margin: 0px;}
	.triplebox { float: left; clear: none; width: 210px; color: #ffffff; margin: 0px 15px; }
	.triplebox h2 { color: #ffffff; font-size: 1.4em; margin: 0px; margin-bottom: 6px;}
	
	/********************************************************************/
	

	/* coloured boxes */
	.greenbox { float: left; clear: none; width: 240px; height: 220px; background-image: url(../images/greenbox.jpg); background-repeat: no-repeat; overflow: hidden;  color: #ffffff; }
	.orangebox { float: left; clear: none; width: 240px; height: 220px; background-image: url(../images/orangebox.jpg); background-repeat: no-repeat; overflow: hidden; color: #ffffff; }
		.greenbox h2, .orangebox h2 { color: #ffffff; font-size: 1.4em; margin: 0px; margin-bottom: 6px;}	
		.greenbox p, .orangebox p { margin: 8px 0px; font-size: 0.9em; }
		
	/* bigger boxes */	
	.biggreenbox { float: left; clear: none; width: 352px; height: 216px;  background-repeat: no-repeat; overflow: hidden;  color: #58595b; background-color: #f3f3f3; margin-right: 10px; }
	.bigorangebox { float: left; clear: none; width: 352px; height: 216px; background-repeat: no-repeat; overflow: hidden; color: #58595b; background-color: #f3f3f3; margin-left: 10px; }
		.biggreenbox h2, .bigorangebox h2 { color: #58595b; font-size: 1.4em; margin: 0px; margin-bottom: 6px;}	
		.biggreenbox p, .bigorangebox p { margin: 8px 0px; font-size: 0.9em; }
		
	/* News Page */
	#newsbox { background-image: url(../images/layout2011/newsboxs.jpg); background-repeat: no-repeat; height: 95px; margin-bottom: 20px; }
		#leftnews { float: left; clear: none; width: 510px; height: 95px; color: #ffffff; }
			#leftnews h1 { color: #ffffff; margin-top: 5px; margin-bottom: 5px;  font-size: 2.0em;}
			#txtnewssearch { width: 200px; margin-right: 6px; }
		#rightnews { float: right; clear: none;  width: 270px; height: 95px; color: #ffffff; }
			#rightnews h2 { font-size: 1.6em; color: #ffffff; margin-top: 5px; margin-bottom: 2px;}
			#rightnews p { margin: 0px; margin-bottom: 3px; }
			#txtsignup { width: 98%; }
		.newspad { padding: 10px; }
		
	.newsitem { height: 100px; margin-top: 10px;}
	.newsitem a { color: #4b6926; text-decoration: none; font-weight: bold;}
	.newsitem a.nobold { font-weight:normal; }
	.newsitem .icon { height: 100px; width: 100px; float: left; clear: none; margin-right: 10px;  }
		.bmargin { margin-bottom: 40px; }
	
	#newsimages { float: right; clear: none; background-color: #f3f3f3; width: 160px; text-align: center; z-index: 100 }
	
	/* Sponsors Page */
		.sponsorbox { height: 158px; width: 158px; border: solid 1px #ccc; float: left; clear: none; text-align: center; margin-bottom: 20px; margin-left: 10px; 
				  margin-right: 10px; overflow: hidden; background-position: center center;  font-size: 0.8em; position: relative; text-decoration: none !important; }
				  
		.sponsorname { position: absolute; bottom: 0px; width: 100%; left: 0px; background-color: #ccc; padding: 2px 0px; 
							text-decoration: none !important; color: #333; height: 24px; overflow: hidden;  }
	
	.sep { height: 1px; border-top: solid 1px silver; margin-top: 20px; font-size: 1px; clear: both } 
	
	.error { color: red; }
	.msg { color: green; }

 /*search page */
/* event Calendar classes */
.eventdaycell { background-color: #FFFF99; }		 

/* page search results */
.pageresult { margin: 10px 0px; clear: both; }
.resultlink { font-size: 0.8em; font-style: italic; }
.resultnum { float: left; clear: none; font-size: 1.8em; color: #999999; height: 46px; width: 40px; margin-right: 10px; margin-bottom: 10px; }

/* search results */
	.boxheader { background-color: #233e22 !important; color: #ffffff; height: 30px; line-height:30px; vertical-align: middle; font-weight: bold; padding-left: 10px;}
	.box { margin: 10px 0px;}
	.boxpad { padding: 10px; }