/* CSS Document */
html, body, ol, ul, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{
	margin:0; padding: 0; border:0;
	}

html {
	font-size : 100%;
	background-color:#FFFFFF;
	background-image:url(../common/background-brown19.jpg); 
	background-repeat:repeat; 
	width:100%; 			
	background-position:top left; 
}

body {
	font-family:Arial, Helvetica, sans-serif ;
	font-weight:normal; 
	color:#DDC39C;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* global fortmatting styles */
.smaller {font-size:90%;}
.bigger {
	font-size:150%;
	line-height:100%; 
	font-weight:bold;
}
.red {color:#F2DFBB; }
.imagepad4 {padding-right:4px;}
.imgframe {border:1px solid #333333; margin:5px;}
.woImg {position:relative; margin-top:2px;} /* sports icons image nudge */

.imgRightFrameNoMargin {float:right;margin-left:5px;border:1px solid #333333; }
.imgRightFrameMargin {float:right;border:1px solid #333333;margin:5px; }
.imgRightNoMargin {float:right;margin-left:5px; }
.imgRightMargin {float:right;margin:5px; }
.imgLeftFrameNoMargin {float:left;margin-left:5px;border:1px solid #333333; }
.imgLeftFrameMargin {float:left;border:1px solid #333333;margin:5px; }
.imgLeftNoMargin {float:left;margin-left:5px; }
.imgLeftMargin {float:left;margin:5px; }


.bold {font-weight:bold;}
hr.dot {line-height:1px; border-bottom:1px dotted #CCCCCC; background:none;  border-top:none;}

h1 {
font-family:Arial, Helvetica, sans-serif; 
	font-size:200%; 
	line-height:100%;
	font-weight:bold; 
	color:#F2DFBB;  
	border-bottom:0 solid transparent ; 
	padding:0px 0 0px 0px; 
	margin:10px 0 10px 0;
	background-color:transparent ;
	background-image:none; 
	background-repeat:no-repeat; 
	background-position:top left;
}

h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:125%; 
	line-height:100%;
	font-weight:bold; 
	color:#F2DFBB;  
	border-bottom:0 solid transparent ; 
	padding:0 0 0 0; 
	margin:0 0 0 0;
	background-color:transparent ;
	background-image:none; 
	background-repeat:no-repeat; 
	background-position:top left; 
}

.imgleft {float:left; margin-right:4px;}
.imgright {float:right; margin-left:4px;}

.block {
	background-color:#FFFFFF; 
	color:#FFCC00; 
	font-weight:bold;
	padding:2px; 
	border:1px solid #FFFFFF;
	}

/* ------------------------ */
/* - Entertainments page  - */
/* - Beers page           - */
/* ------------------------ */
.music_imageL {	float:left;	width:210px;	min-height:150px;	padding:5px;}
.music_imageR {	float:right;	padding:5px;}
.music_sep {	margin-top:10px;	border-top:1px dashed #999999}

.whitebg { /* used in beers, ents and tourism pages */	margin:-5px 10px 0 10px; 	padding:5px; 	float:right; 	width:360px;}

.music_sep_h1 {margin:0px 10px 10px 00px; float:right; width:375px;}

/* registration page  */
.reg_tb {	border:1px solid #333333;	background-color:#FFFF99;}
.reg_fld_err {	border:2px dashed #FF0000;	background-color:#ffffff;}
.reg_err {background-color:#FFCC66;padding:5px; font-size:100%; color:#333333;}

 /* normal page */
#content p a,#content div a,#content p a:visited, #content div a:visited{ 	color:#FFFFFF; 	text-decoration:none;	background-color:transparent ;}
#content p a:hover, #content p a:focus, #content div a:hover, #content div a:focus{ 	color:#CCDC42; 	text-decoration:none;	background-color:transparent ;}
/* ------------------- */
/* Block content areas */
#container {
width:980px;
margin:0 auto; 
border:1pxpx solid #666666;
position:relative;
}
#mainBody {
background-color:#452C21; 
background-image:url(../assets/nav_background.gif); 
background-repeat:repeat-y; 
background-position:top left; 
position:relative;
float:left; /* need to float left to make it appear....bizarre */
padding-bottom:10px;
}


#contentside {
	width:815px; float:right; text-align:left; 
	padding:0px 0px 0px 5px;
	position:relative; /* new for wide site */
}
#navside {
	width:160px;
	float:left;
	text-align:left; 
	padding:0px 0px 0px 0px;
}
#content { /* the main body of content in the pages */
font-size:85%;
line-height:125%;
width:615px;
background-color:#452C21;
height:100%;
min-height:570px;
float:left;
}
.col3 {float:right; font-size:85%;}

#content p a.nolink,#content p a.nolink:active, #content p a.nolink:focus, #content p a.nolink:hover, #content p a.nolink:visited  {border-bottom:none;}

#contentfooter { /* clears the divs above so we can have a footer */
clear:both;
/*padding-top:10px*/
}
.woImg {position:relative; top:2px;}


#footer { clear:both; font-size:70%; color:#eeeeee; z-index:999;position:relative;}
#footer a,
#footer a:visited{ color:#333333; text-decoration:none;}
#footer a:hover, #footer a:focus{ color: #FFCC00;  text-decoration:none;}
.footerPrivacy { border-top:1px solid #333333;background-color: #999999;}
#voucher {background-color:#ffffff;}
/* navigation menu */
#navcontent {width:160px; }
#nolink a {border:none; text-decoration:none; }
.nolink a {border:none; text-decoration:none; }
/* ----------------------*/
/* -  HOMEPAGE BOXES   - */
/* ----------------------*/
#homebox_container {height:170px; font-size:90%; color:#221712}
#homebox_container .homebox {width:202px;border:1px solid #000000;  margin:0px;height:160px; background-color:#B28037;}
#homebox_container .scroll {width:192px;height:100px; overflow:auto; position:relative;
scrollbar-base-color:#221712 ;
scrollbar-shadow-color: #221712;
scrollbar-highlight-color: #221712;
scrollbar-3dlight-color: #221712;

scrollbar-arrow-color:#B28037; /* now using background colour of box */
scrollbar-track-color: #B28037; /* now using background colour of box */
scrollbar-darkshadow-color: #B28037; /* now using background colour of box */

scrollbar-lightshadow-color: #000000; 
}
#homebox_container .scrollInv {width:192px;height:100px; overflow:auto; position:relative; border-bottom:1px solid #DDC39C ;
scrollbar-base-color:#DDC39C ;
scrollbar-shadow-color: #DDC39C;
scrollbar-highlight-color: #DDC39C;
scrollbar-3dlight-color: #DDC39C;

scrollbar-arrow-color:#452C21; /* now using background colour of box */
scrollbar-track-color: #452C21; /* now using background colour of box */
scrollbar-darkshadow-color: #452C21; /* now using background colour of box */

scrollbar-lightshadow-color: #DDC39C; 
}
#homebox_container a,
#homebox_container a:visited
 { color:#221712 !important; text-decoration:underline !important;}
#homebox_container a:hover,
#homebox_container a:focus
 { color:#221712 !important; text-decoration:underline !important;}

#homebox_container .homebox_content {margin:5px;}
#homebox_container .voucherclaim {position:relative; top:-25px;}
#homebox_container .homebox3 {position:absolute;  width:202px;border:1px solid #000000;  margin:0px;height:160px; background-color:#B28037; visibility:hidden;}
#homebox_container .eventsListing {font-size:16px; border-bottom:1px solid #DDC39C; height:25px;}

/* list items bullets back */
.libull li{ list-style:disc;padding-left:10px;margin-left:20px;}
h1.music_h1 {font-weight:bold; font-size:135%; color:#FF0000; background:none; border:none;}

/* ----------------------*/
/* -  MY ACCOUNT       - */
/* ----------------------*/
#myac_options { width:300px; background-color:#FFFFFF; padding:10px; text-align:center; border:1px solid #666666; margin:0 auto;}

/* Skyscraper Areas */
#ffArea {color:#FFFFFF; background-color:#000000; }
#ffArea  a,
#ffArea  a:visited{ 
	color:#FFFFFF; 
	text-decoration:none;
}
#ffArea a:hover{ 
	color:#FFFFFF; 
	text-decoration:underline;
}

/* added as part of September 2007 upgrades ------------------------------------------------------------------------
/* ================================================================= */
/*  google map                                                       */
/* ================================================================= */
#map {border:1px solid #333333;}
/* ================================================================= */
/*  navside block for COMMISSION ADVERTS                             */
/* ================================================================= */
#commissionAds1 {padding:2px; }
#commissionAds2 {width:600px;padding-top:10px;}
#commissionAds2 p a,#commissionAds2 p a:hover,#commissionAds2 p a:visited,#commissionAds2 p a,focus { text-decoration:none; border:none; }

#rightAdsContainer { /* create a new container on top of existing main one */
width:780px;
margin:0 auto; position:absolute; top:0px; left:50%;
}
#rightAdsInner {
position:relative; }
#rightAds {
position:absolute; margin-left:400px;
width:160px; height:200px; }

#sitedown { position:absolute; left:0px; top:0px; width:100px; border:1px solid #FF0000; background-color:#ffffff; color:#000000; font-size:8pt; padding:10px; }

/* ==============================*/
/* relates primarily to homepage */
/* ==============================*/
.hp2_clear {clear:both;}
.hp2_posted {color:#666666; font-size:90%; margin-bottom:10px;}
.hp2_posted_small {color:#666666; font-size:80%; margin-bottom:10px;}
.hp2_personalise-middle { background-color:#000000; color:#CCCCCC; width:200px;}
.hp2_personalise-middle em {color: #FFCC00;}
.hp2_col {color:#FFCC00; margin:0 5px 15px 5px; }
.hp2_day {color:#FFFFFF; font-size:150%; text-transform: capitalize  ;}
.hp2_cellar {clear:both; margin:5px; height:50px;}
.hp2_dayline {color:#FFFFFF;margin:0 5px 0px 5px; }
.hp2_lunchtime_innerNew { position:absolute; left:358px; top:32px;  font-size:90%; color:#000000; width:190px; text-align:center}

.hp2_h1 a, .hp2_h1 a:visited {text-decoration:none;}
.hp2_h1 a:focus, .hp2_h1 a:hover{text-decoration:underline;}