@charset "UTF-8";

/* CSS Document */

html { padding: 0; margin: 0; }

img { border-style: none; }

a { overflow: hidden; color:#bbcddf }

/*table{ padding: 0 0 0 0; margin: 0 0 0 0; border: none;}*/

body {
    padding: 0;
    text-align: center;
    margin: 0; 
	background: #000000 url(images/union_bg.jpg) top center repeat-x;
	background-attachment: scroll;}

A {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
A:link {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
a:active {
    font-weight: bold; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
A:hover {
	font-weight: bold; 
	font-size: 11px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;}

.rel {
	font-weight: normal;
	font-size: 11px;
	color: #8b8a69;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
.rel:link {
	font-weight: normal; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.rel:active {
    font-weight: normal; 
	font-size: 11px; 
	color: #8b8a69; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.rel:hover {
	font-weight: normal; 
	font-size: 11px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
	
.menulink {
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
.menulink:link {
	font-weight: bold; 
	font-size: 18px; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.menulink:active {
    font-weight: bold; 
	font-size: 18px; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.menulink:hover {
	font-weight: bold; 
	font-size: 18px;
	color: #354135; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}	
	
.menusublink {
	font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
.menusublink:link {
	font-weight: normal; 
	font-size: 13px; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.menusublink:active {
    font-weight: normal; 
	font-size: 13px; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.menusublink:hover {
	font-weight: normal; 
	font-size: 13px;
	color: #190500; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}	
		
	
.newsmore {
	font-weight: bold;
	font-size: 14px;
	color: #c9c8a9;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
.newsmore:link {
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
	
.newsmore:active {
    font-weight: bold; 
	font-size: 14px; 
	color: #c9c8a9; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.newsmore:hover {
	font-weight: bold; 
	font-size: 14px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
		
		
.eventcal {
	font-weight: bold;
	font-size: 14px;
	color: #90b1a8;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;
}
.eventcal:link {
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.eventcal:active {
    font-weight: bold; 
	font-size: 14px; 
	color: #90b1a8; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.eventcal:hover {
	font-weight: bold; 
	font-size: 14px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}		
	

.newsbrief {
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;}
.newsbrief:link {
	font-weight: normal; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.newsbrief:active {
    font-weight: normal; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;}
.newsbrief:hover {
	font-weight: normal; 
	font-size: 11px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;}
	
.otherpropscontain {
	display: block;
	float: left;
	width: 980px;
	padding: 0 0 0 0;
    background: #000000;}

.otherpropsname {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	 
	color: #536154;
	width: 240px;
	padding: 14px 0 14px 20px;
    background: #000000;}
	
.otherpropsname1 {
	display: block;
	float: left;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;	 
	color: #536154;
	width: 230px;
	padding: 14px 0px 14px 0;
    background: #000000;}	
	
.otherprops {
	display: block;
	float: left;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #9c3300;
	width: 480px;
	padding: 2px 0 0 0;
    background: #000000;}			
	
.eventholder{
	display: block;
	float: left;
	padding: 20px 0 10px 0;
	margin: 0 0 0 0;
	width: 730px;
	border-bottom: 1px solid #6c8c83;}
	
.eventday {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}		
	
.eventdate {
	font-weight: bold;
	font-size: 20px;
	color: #f89920;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 18px;}
	
.eventname {
	display: block;
	float: left;
	width: 650px;
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 12px;
	}				
	
.byline {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #f89920;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 12px;
	font-style: italic;
}

.localfood {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 12px;}

.primarytext {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 12px;}
	
.primarytextreviews {
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 14px;}	
	
.primarytextbold {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 12px;}			

.upnextinfo {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
.newsheadline {
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}	
	
.newsdate {
	font-weight: bold;
	font-size: 11px;
	color: #c9c8a9;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
.formtext {
	font-weight: normal;
	font-size: 11px;
	color: #172320;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
.formtext2 {
	font-weight: normal;
	font-size: 11px;
	color: #172320;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
.formtext3 {
	font-weight: bold;
	font-size: 12px;
	color: #c9c8a9;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}			
	
.visitheadline {
	font-weight: bold;
	font-size: 14px;
	color: #c9c8a9;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}	
	
.visittext {
	font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 15px;}		


.upTextHolder{
	display: block;
	float: left;
	width: 270px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
.headlinewhite {
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-decoration: none;}
	
.headlinesharing {
	font-weight: bold;
	font-size: 18px;
	color: #354135;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-decoration: none;}	
	
.upcomingdate {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
.upcomingshow {
	font-weight: bold;
	font-size: 18px;
	color: #f89920;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}				


#frame {
    width: 980px;
    text-align: left;
    margin:0px auto;}
	
#header {
	display: block;
	width: 980px;
	height: 0px;
    padding: 0;
    margin: 0;
    background: transparent top left no-repeat;} 
	
#flash {
	display: block;
	float: left;
	width: 980px;
	height: 355px;
    padding: 0 0 0 0;
    background:#000000;}
	
#menuimageone {
	display: block;
	float: left;
	width: 318px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo.jpg) top center repeat-y;}
	
#menuimagetwo {
	display: block;
	float: left;
	width: 662px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo2.jpg) top center repeat-y;}
	
#menuimageprivate {
	display: block;
	float: left;
	width: 980px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/private_image.jpg) top center repeat-y;}

#menuimageonewine {
	display: block;
	float: left;
	width: 318px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo3.jpg) top center repeat-y;}
	
#menuimagetwowine {
	display: block;
	float: left;
	width: 662px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo4.jpg) top center repeat-y;}
	
#menuimageonebeer {
	display: block;
	float: left;
	width: 318px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo5.jpg) top center repeat-y;}
	
#menuimagetwobeer {
	display: block;
	float: left;
	width: 662px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo6.jpg) top center repeat-y;}						


#menuimageonedessert {
	display: block;
	float: left;
	width: 318px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo7.jpg) top center repeat-y;}
	
#menuimagetwodessert {
	display: block;
	float: left;
	width: 662px;
	height: 224px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_img_fpo8.jpg) top center repeat-y;}

.menunames {
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-decoration: none;}
	
.menunamesnormal {
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-decoration: none;}			
	
#overviewimage {
	display: block;
	float: left;
	width: 357px;
	height: auto;
    padding: 20px 0 0 0;
    background: transparent top left no-repeat;}
	
#overviewtext {
	display: block;
	float: left;
	width: 275px;
	height: auto;
    padding: 20px 10px 0px 5px;
    background: transparent top left no-repeat;}			
	
#headercalendar {
	display: block;
	float: left;
	width: 980px;
	height: 55px;
    padding: 0 0 0 0;
    background: transparent url(images/h_calendar.jpg) top center repeat-y;}
	
#headeroverview {
	display: block;
	float: left;
	width: 980px;
	height: 55px;
    padding: 0 0 0 0;
    background: transparent url(images/h_overview.jpg) top center repeat-y;}	
	
#headerlatestnews {
	display: block;
	float: left;
	width: 980px;
	height: 55px;
    padding: 0 0 0 0;
    background: transparent url(images/h_latestnews2.jpg) top center repeat-y;}
	
#headerprivacy {
	display: block;
	float: left;
	width: 980px;
	height: 55px;
    padding: 0 0 0 0;
    background: transparent url(images/h_privacy.jpg) top center repeat-y;}	
	
#headervisitus {
	display: block;
	float: left;
	width: 980px;
	height: 55px;
    padding: 0 0 0 0;
    background: transparent url(images/h_visit.jpg) top center repeat-y;}		
	
#calendarcontent {
	display: block;
	float: left;
	width: 980px;
	height: auto;
    padding: 0 0 0 0;
    background: transparent url(images/cal_navBg.gif) top left repeat-y;}
	
#overviewcontent {
	display: block;
	float: left;
	width: 930px;
	height: auto;f
    padding: 30px 18px 30px 32px;
    background: transparent url(images/upcoming_bg.jpg) top left repeat-x;}
	
#newshome {
	display: block;
	float: left;
	width: 642px;
	height: 380px;
    padding: 20px 0px 0px 20px;
    background: transparent url(images/news_bg.jpg) top left repeat-x;}	
	
#latestnews {
	display: block;
	float: left;
	width: 662px;
	height: auto;
    padding: 0px 0px 0px 0px;
    background: transparent top left no-repeat;}	
	
#latestnews2 {
	display: block;
	float: left;
	width: 662px;
	height: 350px;
    padding: 0px 0px 0px 0px;
    background: transparent top left no-repeat;}				
	
.overHold{
	display: block;
	float: left;
	width: 930px;
	height: auto;
    padding: 0 0 0 0;}
	
#visitcontent {
	display: block;
	float: left;
	width: 375px;
	height: auto;
    padding: 30px 32px 30px 32px;
    background: transparent;}
	
.visitnames {
	font-weight: bold;
	font-size: 12px;
	color: #90b1a8;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-style: normal;}	
	
#map_canvas {
	display: block;
	float: left;
	width: 500px;
	height: 300px;
    padding: 0 0 0 0;
    background: transparent;}
	
#googlemap {
	display: block;
	float: left;
	width: 500px;
	height: 300px;
    padding: 30px 0 30px 0;
    background: transparent;}				
	
.months {
	display: block;
	float: left;
	width: 190px;
    padding: 30px 0 0 20px;
    background: #405952;}
	
#newscontent {
	display: block;
	float: left;
	width: 980px;
	height: auto;
    padding: 0 0 0 0;
    background: #461f00 url(images/news_bg.jpg) top left repeat-x;}
	
#privcontent {
	display: block;
	float: left;
	width: 980px;
	height: auto;
    padding: 0 0 0 0;
    background: #461f00 url(images/menu_bg.jpg) top left repeat-x;}	

.fShowHolder{
	display: block;
	float: left;
	width: 520px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}

.newsHolder{
	display: block;
	float: left;
	width: 880px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#newsstory {
	display: block;
	float: left;
	width: 918px;
	height: auto;
    padding: 30px 25px 30px 32px;}
	
#events {
	display: block;
	float: left;
	width: 748px;
	height: auto;
	margin: 0 0 0 0;
    padding: 8px 0 0 22px;
    background: #293b36 url(images/upcoming_bg.gif) top left repeat-x;}	

.eventsdate {
	display: block;
	float: left;
	width: 55px;
	height: 74px;
	text-align: center;
    padding: 0 0 0 0;
    background: transparent;}
	
#eventlistings {
	display: block;
	float: left;
	width: 670px;
	height: auto;
    padding: 0 0 0 12px;
    background: transparent;}	
	
.frontcontentH{
	display: block;
	float: left;
	width: 980px;
	height: auto;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: transparent url(images/front_Bg.jpg) top left repeat-y;}
	
.dessertcontent{
	display: block;
	float: left;
	width: 980px;
	height: 350px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: transparent url(images/front_Bg.jpg) top left repeat-y;}	
	
#contentcontain {
	display: block;
	float: left;
	width: 662px;
	height: auto;
    padding: 0 0 0 0;
	/*   background: transparent url(images/cal_navBg.gif) top left repeat-y;*/}
	
#contentcontainE {
	display: block;
	float: left;
	width: 980px;
	height: auto;
    padding: 0 0 0 0;
    background: transparent url(images/cal_navBg.gif) top left repeat-y;}
	
#contentcontainO {
	display: block;
	float: left;
	width: 980px;
	height: auto;
    padding: 0 0 0 0;
    background: transparent url(images/cal_navBg.gif) top left repeat-x;}

#menu {
	display: block;
	float: left;
	width: 318px;
	height: 800px;
    padding: 0 0 0 0;
    background: transparent url(images/_bg.jpg) top left repeat;}
	
#menuprivate {
	display: block;
	float: left;
	width: 318px;
	height: 640px;
    padding: 0 0 0 0;
    background: transparent url(images/_bg.jpg) top left repeat;}	
	
#menudessert {
	display: block;
	float: left;
	width: 318px;
	height: 350px;
    padding: 0 0 0 0;
    background: transparent url(images/menu_bg.jpg) top left repeat;}	
	
#menubeer {
	display: block;
	float: left;
	width: 318px;
	height: auto;
    padding: 0 0 0 0;
    background: transparent url(images/menu_bg.jpg) top left repeat;}
	
#beertext {
	display: block;
	float: left;
	width: 622px;
	height: auto;
    padding: 16px 8px 0px 20px;
    background: transparent top left no-repeat;}
	
#beertext2 {
	display: block;
	float: left;
	width: 300px;
	height: auto;
    padding: 20px 8px 0px 10px;
    background: transparent top left no-repeat;}			
	
#upcomingshows {
	display: block;
	float: left;
	width: 662px;
	height: 450px;
    padding: 0 0 0 0;
    background: transparent url(images/upcoming_bg.gif) top left repeat;
	overflow: visible;}	
	
#overview {
	display: block;
	float: left;
	width: 662px;
	height: 330px;
    padding: 0 0 0 0;
    background: #9d7e47 url(images/overview_bg.jpg) top left repeat;
	overflow:visible;}
	
#beerlisting {
	display: block;
	float: left;
	width: 662px;
	height: auto;
    padding: 0 0 0 0;
    background: #9d7e47 url(images/overview_bg.jpg) top left repeat;
	overflow:visible;} 		 	 		 	
	
#dessertlisting {
	display: block;
	float: left;
	width: 662px;
	height: 375px;
    padding: 0 0 0 0;
    background: #9d7e47 url(images/overview_bg.jpg) top left repeat;
	overflow:visible;}	

#content {
	display: block;
	float: left;
	width: 980px;
    padding: 0 0px 0 0px;
    background: #FFFFFF url(images/mainTBg.jpg) top center repeat-y;}  
	
#headercontain {
	display: block;
	float: left;
	width: 980px;
	height: 87px;
    padding: 0 0 0 0;
    font: normal 11px Verdana, Arial, sans-serif;
	text-align:left; 
	color: #614a3b;
	line-height: 15px;
	background: transparent url(images/nav_bg.jpg) top center repeat-y;}
	
#navigationsubmit {
	display: block;
	float: left;
	width: 830px;
	height: 25px;
	margin: 0 0 0 0;
    padding: 15px 0 0 0;}
	
#navigation {
	display: block;
	float: left;
	width: 830px;
	height: 37px;
	padding: 11px 0 0 0;}	
	
.logo{
	display: block;
	float: left;
	width: 150px;
	height: 85px;
	margin: 0 0 0 0;
    padding: 0 0 0 0;}	
	
	
/* Headers */	
	
	
h2.eventTitle{
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;}
	
/*  Footer */
	
	
.copywrite{
	display: block;
	float:left;
	text-align: left;
	width: 300px;
	color: #b5b5b5;
	padding: 5px 0 0 20px;
	font: normal 10px "Arial, Helvetica, sans-serif", Arial, Helvetica, sans-serif;}
	
#footNav {
	display: block; 
	float:left;
	padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: right;
    width: 980px;
	height: 26px;
    background: transparent url(images/Footer_Bg.jpg) top left no-repeat; }    
	
ul.footerNav {
	display: block;
	float: right;
	list-style: none; 
	padding: 5px 20px 0 0;
	margin: 0 0 0 0;
	height: 26px;
	width: 365px;
	text-align: right;
	font: normal 11px "Arial, Helvetica, sans-serif", Arial, Helvetica, sans-serif;
    background: transparent;}
    
ul.footerNav li{
	color: #b5b5b5;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;}
	
ul.footerNav li a{
	color: #b5b5b5;
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	text-align: right;}

ul.footerNav li a:hover{
	color: #FFFFFF;
	display: block;
	float: left;
	text-decoration: none;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;}