/* 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:#F6EDEF;
	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:#1F1711;
}

/* 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:#41271B; }
.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:#41271B;  
	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:#41271B;  
	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;
	}


/* food ordering */
#lunchtime{
	margin-left:20px;
	margin-top:50px;
	margin-bottom:70px;
	text-align:center;
	float:left;
	width: 225px;
}
#evening{
	margin-right:20px;
	margin-top:50px;
	margin-bottom:70px;
	text-align:center;
	float:right;
	width: 225px;
}



/* ------------------------ */
/* - 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 */
	/*background-color:#FFFFFF; */
	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  */
#register_content td {
	padding:2px;
	font-size:90%;
}
.reg_tb {
	border:1px solid #333333;
	background-color:#FFFF99;
}
.reg_fld_err {
	border:2px dashed #FF0000;
	background-color:#ffffff;
}
.reg_cat {
	font-size:120%;
	font-weight:bold;
	background-color:#0066b3;
	border:2px solid #0066b3;
	color:#FFFFFF;
	text-align:center;
}
.reg_subcat {
	font-size:100%;
	font-weight:normal;
	background-color:#CCCCCC;
	border:2px solid #CCCCCC;
	color:#333333;
	text-align:center;
	margin-right:50px;margin-left:50px;
}
.reg_sep {
	line-height:1px;
	background-color:#CCCCCC;
	margin-right:50px;margin-left:50px;
}
.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:#79172B; 
	text-decoration:none;
	background-color:transparent ;
}
#content p a:hover, 
#content p a:focus, 
#content div a:hover, 
#content div a:focus{ 
	color:#FF0000; 
	text-decoration:none;
	background-color:transparent ;
}
/* ------------------- */
/* Block content areas */
#container {
width:980px;
margin:0 auto; 
border:1pxpx solid #666666;
position:relative;
}
#mainBody {
background-color:#FFEEC3; 
background-image:url(../assets/nav_background.jpg); 
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:90%;
line-height:125%;
width:615px;
background-color:#FFEEC3;
height:100%;
min-height:570px;
float:left;
}
.col3 {float:right; font-size:90%;}

#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*/
}
.loggedInTrue {	color:#FF0000; 	background-color:transparent ;}

#livemusic {float:right;}
#listings {float:left;width:268px;}
.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:#6A5328}
#homebox_container .homebox {width:202px;border:1px solid #000000;  margin:0px;height:160px; background-color:#FFEEC3;}
#homebox_container .scroll {width:192px;height:100px; overflow:auto; position:relative;
scrollbar-base-color:#6A5328 ;
scrollbar-shadow-color: #6A5328;
scrollbar-highlight-color: #6A5328;
scrollbar-3dlight-color: #6A5328;

scrollbar-arrow-color:#FFEEC3; /* now using background colour of box */
scrollbar-track-color: #FFEEC3; /* now using background colour of box */
scrollbar-darkshadow-color: #FFEEC3; /* now using background colour of box */

scrollbar-lightshadow-color: transparent ; 
}
#homebox_container a,
#homebox_container a:visited
 { color:#6A5328 !important; text-decoration:underline !important;}
#homebox_container a:hover,
#homebox_container a:focus
 { color:#6A5328 !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:#FFEEC3; visibility:hidden;}

/* 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;}

/* ============================== */
/* =        tooltip CSS         = */
/* ============================== */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000000;
    text-decoration:none;
	 }

a.info:hover{z-index:25; background-color:#ffffff;	 text-decoration:none;
 }

a.info span{display: none; }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1px; left:-6px; width:30px;
	padding-left:5px;
    background-color:#aaaaaa; color:#333333;
    text-align: left; 
	}
	
a.info div{display: none; }

a.info:hover div{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-15px; left:33px; width:260px;
	padding:5px;
    border:1px solid #333333;
    background-color:#aaaaaa; color:#333333;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
    text-align: left; }

#content a.info {
 	border:none;
}
#content a.info:hover,#content a.info:focus, #content a.info:visited { border-bottom:none;}


/* 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;
}
/* Banner Promotion Areas */
#xbanArea {color:#FFFFFF; background-color:#000000; }
#xbanArea  a,
#xbanArea  a:visited{ 
	color:#FFFFFF; 
	text-decoration:none;
}
#xbanArea a:hover{ 
	color:#FFFFFF; 
	text-decoration:underline;
}
/* FOOTER Promotion Areas */
#xfooArea {color:#FFFFFF; background-color:#000000; }
#xfooArea  a,
#xfooArea  a:visited{ 
	color:#FFFFFF; 
	text-decoration:none;
}
#xfooArea 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; }

/*options blocks*/
.options {width:250px; background-color:#dfeefd; position:relative; }
.optionsFull {width:90%; background-color:#dfeefd; position:relative; text-align:center; }
.optl { position:absolute; top:0px; left:0px; background-image:url(../common/user-tl.gif); background-repeat:no-repeat; width:11px; height:11px;}
.optr { position:absolute; top:0px; right:0px; background-image:url(../common/user-tr.gif); background-repeat:no-repeat; width:11px; height:11px;}
.opbl { position:absolute; bottom:0px; left:0px; background-image:url(../common/user-bl.gif); background-repeat:no-repeat; width:11px; height:11px;}
.opbr { position:absolute; bottom:0px; right:0px; background-image:url(../common/user-br.gif); background-repeat:no-repeat; width:11px; height:11px;}
.optionsInner { padding:10px; width:210px; font-family:Arial, Helvetica, sans-serif; color:#226A8C; position:relative; }
.optionsInnerFull { padding:10px; width:100%; font-family:Arial, Helvetica, sans-serif; color:#226A8C; position:relative; }
.optionsTitle {font-size:120%; font-weight:bold; background-image:url(../common/userOptionsTitle.gif); width:216px; height:33px; position:relative; left:-3px; top:-0px; color:#dfeefd; padding-top:9px; background-repeat:no-repeat; background-position:top;}

#content .options a {color:#0066B3;  text-decoration:none; border-bottom:none; font-size:120%;}
#content .options a:visited { color:#0066B3;  text-decoration:none; border-bottom:none;}
#content .options a:hover, #content .options a:focus{ color:#0066B3; text-decoration:underline; background:none; border-bottom:none;}
#content .options .special1 a {width:10px; height:10px; border:1px solid #000000; padding:2px; text-align:center; font-size:8pt; position:relative; top:2px;}
