body{ font-size:70%; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; height:100%; width:100%; background: url(../../_graphics/bg.png) center top no-repeat #000; }
p { margin:0px 0px 15px; padding:0px; line-height:140%;}
a{ color:#666; text-decoration:underline;}
a:hover{ color:#CCC; text-decoration:underline;}
.clear{line-height:0px;font-size:0px;margin:0px;clear:both;}
.bold {font-weight:bold;}
a img {border:none;}
.spacer {height:20px !important;}


div#page {width:970px; margin:0px auto; padding: 0px; height:100%;  }
div#header { background:url(../../_graphics/header_pix/header.png) no-repeat top center; height:202px; width:970px; float:left; margin:0px; padding:0px; clear:both; position:relative; z-index:2;}
div#main_container {width:968px; float:left; clear:both; background:url(../../_graphics/main_container_bg.png) no-repeat top center #F9F3EC; margin:0; padding: 0; border:#FFF solid 1px; border-top:none;}
div#main_content {width:526px; display:inline; float:left; clear:left;}
div#main_right { width:432px; display:inline; float:right; clear:right; margin:0; padding:22px 0 0 0;}
div#navigation { width:968px; height:56px; color:#CCCC00; float:left; background:url(../../_graphics/menu_bar_bg.png) top center no-repeat; margin:0; clear:both; position:relative; z-index:500; border:#FFF solid 1px; border-bottom:none;}
div#search_fac { height:140px; padding-top:20px; padding-bottom:20px;}
div#footer_links { float:left; clear:both; width:972px; padding-bottom:15px;}

/*------------------------------ Header -------------------------------*/
div#header_pix_1, div#header_pix_2, div#header_pix_3, div#header_pix_4, div#header_pix_5  { height:202px; width:692px; float:right; margin:0; padding:0px; clear:none; position:relative; z-index:2;  /*top:-180px;*/}
#header_swf { height:202px; width:692px; float:right; margin:0; padding:0px; clear:none; position:relative; top:-180px; z-index:2;}
div#header_pix_1 { background:url(../../_graphics/header_pix/header_image-1.png) no-repeat top right;}
div#header_pix_2 { background:url(../../_graphics/header_pix/header_image-2.png) no-repeat top right;}
div#header_pix_3 { background:url(../../_graphics/header_pix/header_image-3.png) no-repeat top right;}
div#header_pix_4 { background:url(../../_graphics/header_pix/header_image-4.png) no-repeat top right;}
div#header_pix_5 { background:url(../../_graphics/header_pix/header_image-5.png) no-repeat top right;}

div#header div#hdr_logo { float:left; height:114px; margin-top:66px; width:288px;background:url(../../_graphics/clear.png) no-repeat bottom;}
div#header div#hdr_logo a img { border:none; text-decoration:none;  height:114px; width:288px;}
div#header div.panel { float:left; clear:left;}


/*------------------------------ navigation -------------------------------*/
/*div#navigation p { float:left; font-size:130%; clear:none; color:#CCCC00; display:inline; font-weight:bold; border:0px; margin:14px 0 0 30px; text-align:right;  }*/
div#navigation p { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; clear:none; color:#993300; display:inline; font-weight:600; border:0px; margin:20px 0 0 15px; text-align:right; text-transform:uppercase;  }
div#navigation p a { color:#993300;text-decoration:none;}
div#navigation p a:hover, div#navigation p a.active { border:0px; color:#CD702C; text-decoration:none;}
div#navigation p.home {width:46px; margin-left:22px;}
div#navigation p.location {width:125px;}
div#navigation p.food {width:42px;}
div#navigation p.entertainment {width:118px;}
div#navigation p.gigs {width:60px;}
div#navigation p.sport {width:49px;}
div#navigation p.gallery {width:64px;}
div#navigation p.contact {width:68px;}
div#navigation p.feedback {width:73px;}

div#navigation p.mailinglist {background:url(../../_graphics/icon_mailinglist.png) no-repeat top left;padding:0 0 0 55px !important; height:31px; width:90px !important; margin-top:14px!important; float:left; clear:none; text-align:left; font-size:10px;}

/*------------------------------ main_content panels -------------------------------*/
div#main_content div.panel-top, div#main_content div.panel-bot {line-height:0px;font-size:0px;margin:0px;clear:both; height:20px}
div#main_content div.panel { height:auto; width:484px; margin:0px 21px; background:none; float:left;}
div#main_content div.panel_pix { height:auto; width:504px; margin:0 11px 11px 11px; background:none; float:left; background:url(../../_graphics/main_pix_bg.png) no-repeat;}
div#main_content div.panel_pix div.venue_imgs { margin:10px;}
div#main_content div.panel p { }
div#main_content a {color:#993300; font-weight:bold; text-decoration:none;}
div#main_content a:hover {color:#CD702C;}
div#main_content div.panel div.panel_content { height:auto; width:484px; background-color:#FFF; padding:0; margin:0; clear:both; float:left;}
div#main_content div.panel_separator { margin:20px 0px; font-size:0px; line-height:0px; border-bottom:#E3C9AE solid 1px;}
div#main_content div.panel_separator_totop { margin:20px 0 8px 0; font-size:10px; line-height:10px; text-align:right; color:#CFAA89; border-top:#E3C9AE solid 1px;}
div#main_content div.panel_separator_totop a {color:#CFAA89; position:relative; top:-7px; padding-left:5px; font-weight:normal; text-decoration:underline; background-color:#F9F3EC;}
div#main_content div.panel div.venue_imgs { margin:0px 0px 15px 0px;}
div#main_content div.panel_150 {width:150px; float:left; clear:none; display:inline;}
div#main_content div.panel_100 {width:100px; float:left; clear:none; display:inline;}
div#main_content div.panel_210 {width:210px; float:left; clear:right; display:inline;}
div#main_content div.panel_150 p, div#main_content div.panel_150 h2 { margin:0; padding:0;}
div#main_content div.panel_150_separator { margin:0 7px; font-size:0px; line-height:0px; float:left; clear:none; display:inline; height:10px; }
div#main_content div.panel img { float:left; clear:left; display:inline;}
div#main_content div.panel_332 {width:332px; float:left; clear:none; display:inline;}
div#main_content ul { margin:0 0 15px 0; padding:0; list-style:none;}
div#main_content ul li { line-height:160%;}
div#main_content ul.quicklinks li { float:left; clear:none; display:inline; margin-right:25px;}
div#main_content ul.quicklinks li.last {margin-right:0px;}
div#main_content ul.quicklinks_2col {width:230px; display:inline; float:left; clear:none; margin:0px; padding:0px;}
div#main_content ul.quicklinks_2col li { margin:0 0 5px 0; padding:0px;	}
div#main_content ul.quicklinks_3col {width:150px; display:inline; float:left; clear:none; margin:0px 10px 0 0; padding:0px;}
div#main_content ul.quicklinks_3col li { margin:0 0 5px 0; padding:0px;	}
div#main_content ul.quicklinks_4col {width:100px; display:inline; float:left; clear:none; margin:0px; padding:0px;}
div#main_content ul.quicklinks_4col li { margin:0 0 5px 0; padding:0px;	}
div#main_content div.map_panel {margin:0 0 20px 0;}
/*--- food menu ---*/
body.food div#main_content table td { padding:2px 2px 8px 4px;}
body.food div#main_content table th { text-align:left;padding:2px 2px 3px 4px; background-color:#FDFCFA;}
/*div#main_content table td { padding:2px 0 8px 0;}
div#main_content table th { text-align:left;padding:0 0 5px 0; border-bottom:#232323 solid 1px;}
*/
/*--- sport ---*/
body.sport div#main_content table { border-top:#333 solid 1px;}
body.sport div#main_content table tr.odd { background-color:#FDFCFA;}
body.sport div#main_content table td { padding:5px 3px;}
body.sport div#main_content table td.name { width:70%;}
body.sport div#main_content table td.date { width:15%;}
body.sport div#main_content table td.time { width:15%;}
/*--- entertainment ---*/
body.entertainment div#main_content div#gallery div.pic { float:left; clear:none; display:inline; width:120px; height:120px; padding:10px; background-color:#FDFCFA; text-align:center; margin:0 20px 20px 0;}
body.entertainment div#main_content div#gallery div.pic:hover { background-color:#FFF;}
body.entertainment div#main_content div#gallery a img { text-align:center;}
body.entertainment div#main_content div#gallery img { float:none; clear:both; margin-bottom:3px;}
body.entertainment div#main_content div#gallery div.panel_separator_totop { margin-top:0px;}
/*--- gigs ---*/
body.gigs div#main_content table { border-top:#333 solid 1px; margin-bottom:20px;}
body.gigs div#main_content table tr.odd { background-color:#FDFCFA;}
body.gigs div#main_content table td { padding:5px 3px;}
body.gigs div#main_content table td.name { width:70%;}
body.gigs div#main_content table td.date { width:15%;}
body.gigs div#main_content table td.time { width:15%;}
body.gigs div#main_content table.calendar {border:none; background-color:#E3C9AE;}
body.gigs div#main_content table.calendar td {border:none; background-color:#F9F3EC;}
body.gigs div#main_content table.calendar td.active {border:none; background-color:#FFF;}
body.gigs div#main_content table.calendar a.past { text-decoration:line-through;}
/*--- gallery ---*/
body.gallery div#main_content div#gallery div.pic { float:left; clear:none; display:inline; width:120px; height:120px; padding:10px; background-color:#FDFCFA; text-align:center; margin:0 20px 20px 0;}
body.gallery div#main_content div#gallery div.pic:hover { background-color:#FFF;}
body.gallery div#main_content div#gallery a img { text-align:center;}
body.gallery div#main_content div#gallery img { float:none; clear:both; margin-bottom:3px;}
body.gallery div#main_content div#gallery div.panel_separator_totop { margin-top:0px;}
/*--- feedback ---*/
body.feedback div#main_content table tr.odd { background-color:#FDFCFA;}
body.feedback div#main_content table td { padding:4px;}
body.feedback div#main_content table th.row { text-align:left; padding:4px; }
body.feedback div#main_content table td.center { text-align:center; }
/*--- dreamweaver is crazy ass dumb, why would 8,192 bytes cause such a catastropic error / crash!!!!! -----*/

/*------------------------------ main_right panels -------------------------------*/
div#main_right div.panel {width:420px; height:auto;  padding:0; margin:0 0 10px 0; float:left; clear:both; background:url(../../_graphics/promos/promos_bg.png) no-repeat; }
div#main_right div.promos { height:164px;}
div#main_right div#venue_pix {width:/*420*/396px; height:auto;  padding:0; margin:0 0 10px 0; float:left;  padding:12px; clear:both; background:url(../../_images/col_right-venue_pix/pix_bg.png) no-repeat; }
div#main_right div#venue_pix img { margin:0; padding:0;}
div#main_right div.panel_separator { margin:15px 0; font-size:0px;line-height:0px; float:left; clear:both; width:100%; border-top:#E3C9AE solid 1px;}
div#main_right div.panel img {float:left; clear:left; padding:0px; margin:12px; line-height:0px; border:0px;}
div#main_right div.panel h4 { width:280px; float:right; clear:right; margin:0px; padding:0px;}
div#main_right div.panel cite { width:280px; float:right; clear:right; margin:5px 0 0 0; padding:0px;}
div#main_right div.panel p { width:280px; float:right; font-size:90%; clear:right; margin:0px; padding:0px;}
/*--- home ---*/
body.home div#main_content div.panel img { margin:0 0 15px 0;}
/*--- venue events ---*/
div#main_right div.panel div.item { float:left; clear:both; width:100%;}
/*--- find a venue ---*/
div#main_right div#findavenue {height:auto;}
div#main_right div#findavenue p { float:left; width:auto; height:auto; margin:15px 0 0 0;}
div#main_right div#findavenue form { margin:5px 0 0px 0;}
/*--- contactdetails ---*/
div#main_right div#contactdetails p { width:100%; margin:0 0 15px 0 ; }
div#main_right div#contactdetails {height:auto;}
/*--- feedback ---*/
div#main_right div.panel-top-bg, div#main_right div.panel-bot-bg {line-height:0px;font-size:0px;margin:0px;clear:both; height:0px}
div#main_right div.panel-bot-bg { height:15px;}
div#main_right div.panel-bg { height:auto; width:396px; margin:0px 12px !important; background:none; float:left; clear:both; padding:0px;}
div#main_right div#comments, div#main_right div#news { margin:0 30px 0 0 !important; width:380px; float:right; clear:right; }
div#main_right div#comments img, div#main_right div#news img { margin:0 12px 0 0 !important;}

/*------------------------------ popup -------------------------------*/
.black_overlay{display:none;position: absolute;top: 0%;left: 0%; width:100%; height:inherit;background-color: black; opacity:0.5; filter:alpha(opacity=50);z-index:9000 !important; }
.white_content {display: none; position:absolute; top:20%; left:0%;  width:100%; height: 100%; padding:0px; z-index:9002 !important; overflow: auto;}
.white_content #message {display: none; position:relative; top:0%; left:0%; margin:0px auto; width:700px; height:400px; padding:10px 24px 20px 24px;  z-index:9003 !important; overflow: hidden; background-color:#F9F3EC ; border:solid 1px #FFF;  }
.white_content #message li { margin:0 0 10px 0; font-size:110%;}
.white_content #message img { border:#FFFFFF solid 2px; margin:0 0 10px 0;}
.white_content #message a {color:#993300; font-weight:bold; text-decoration:none;}
.white_content #message a:hover {color:#CD702C;}

/*------------------------------ mailchimp sign-up -------------------------------*/
#mc-embedded-subscribe-form, fieldset { border:none;}
#mc-embedded-subscribe-form input { width:200px;border:#999999 1px solid;}
#mc-embedded-subscribe-form .mce_inline_error, div#mce-success-response { color:#CC0000;}
#mc-embedded-subscribe-form input.mce_inline_error {border:#990000 2px solid;}
.dayfield input, .monthfield input { width:30px !important;}
.yearfield input { width:60px !important;}
#mc-embedded-subscribe { margin:10px 0 0 0; cursor:pointer;}
div.mc-field-group { margin:10px 0 0 0;}

/*------------------------------ footer -------------------------------*/
div#footer {}
div#footer ul { padding:10px 0px; margin:0;}
div#footer ul li { display:inline; padding:0; margin:0; }

/****************************** 								FORM STYLES            
**************************************************************************/
p.formErrorText {color:#CC0000;text-decoration: none;text-align:left;margin:0px;}
.text {width:99%; padding:0px 1px 0px 0px; border:#666 1px solid;}
.formErrorField {width:99%; padding:0px 1px 0px 0px; border:#990000 2px solid;}
.formNormField {width:99%; padding:0px 1px 0px 0px; border:#999999 1px solid;}


/*-------------------------------------------------SiFR STYLES------------------------------------------------------------*/
h1{color:#333;padding:0px; margin:0px 0px 15px 0px; font-size:180%;}
h2{color:#333;padding:0px; margin:0px 0px 10px 0px; font-size:130%;}
h3{color:#333;padding:0px; margin:0px 0px 10px 0px; font-size:120%;}
h4{color:#333;padding:0px; margin:0px 0px 10px 0px; font-size:100%;}