@import url("/elements/css/calendar.css");

body { color: #626262; font-size: 10pt; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  background-color: white;
 background-image: url(/elements/images/interface/page_bg.jpg); background-repeat: repeat-y; background-position: 50% 0; margin: 0; }

p {font-size:10pt;line-height:16pt;}
ul li {font-size:10pt;}

.headline { color: #00467f; font-size: 14pt; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.5px; font-weight: bold; background-image: url(/elements/images/interface/body_headline_bg.jpg); text-align: left; padding: 10px 10px 14px 14px; }
.search_nav { color: #ffffff; text-align: left;  padding-left: 20px; }
.bodycopy { text-align: left; padding: 5px 70px 0 14px; }
.imgs { width: auto; height: auto; float: right; margin: 0 40px 10px 14px; border: solid 1px gray; }
.imgs2 { border: solid 8px white; }
.imgs3 { border: solid 1px gray; }
* html .imgs { width: auto; height: auto; float: right; margin: 0 20px 10px 14px; border: solid 1px gray; }
.footer { text-align: center; }
.header { background-image: url(/elements/images/interface/body_bg.jpg); width: 751px;}
.rollover a { display: block; width: 191px; height: 38px; color: #ffac00; font-size: 13px; font-family: ; font-weight: bold; font-style: normal; background-color: transparent; background-image: url(/elements/images/interface/nav_normal.gif); background-position: 0 0; text-decoration: none; text-align: left; text-indent: 40px; margin-left: 1px;   }
.rollover a:link{
color: #ffac00;
line-height: 12px; 
text-decoration: none;
}
.rollover a:hover { color: #e5e5e5; text-decoration: underline; }
.rollover a:active {
text-decoration: none;
background: url(/elements/images/interface/nav_normal.gif) 0 0 no-repeat;
}
.rollover a:visited { 
background: url(/elements/images/interface/nav_normal.gif) 0 0 no-repeat;
}
.rollover_on { display: block; width: 191px; height: 38px; color: #e5e5e5; font-size: 13px; font-family: ; font-weight: bold; font-style: normal; background-color: transparent; background-image: url(/elements/images/interface/nav_active.gif); background-position: 0 0; text-decoration: none; text-align: left; text-indent: 40px; margin-left: 1px ;  }

.sub_nav { background-image: url(/elements/images/interface/nav_active_bg.gif); width: 191px; margin-top: -11px; margin-bottom: 5px; font-size: 8pt; padding-left: -30px; padding-bottom: 2px; margin-left: 1px;  }

*html .sub_nav { background-image: url(/elements/images/interface/nav_active_bg.gif); width: 191px; margin-top: 0px; margin-bottom: 5px; font-size: 8pt; padding-left: -30px; margin-left: 1px; }


.sub_nav a { color:#FFFFFF; }

a: sub_nav_links  {
	color:#ffffff;
	text-decoration:none;
}
a:hover. sub_nav_links  {
	text-decoration:underline;
}


a {
	color:#ffac00;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#header_table {
	background-color:#FFF;
}
#menu_area {
	margin-left:9px;
	height:25px;
	background-color:#606060;
}
#sub_menu_area {
	margin-left:9px;
	height:25px;
	background-color:#606060;
	background-image:url(/elements/images/menu/sub_menu_bg.gif);
	width:698px;
}
#metro_indicator {
	background-color:#FFCE19;
	background-image:url(/elements/images/menu/metro_bg.gif);
	background-repeat:no-repeat;
	width:127px;
	color:#AE1E21;
	font-size:10px;
	font-weight:bold;
	padding:2px 6px 1px 0;
	text-align:center;
	text-decoration:none;
}
#metro_indicator A {
	text-decoration:none;
}
#whats_on_tap {
	background-image:url(/elements/images/whats_on_tap/bg.jpg);
}
#mug_not_logged_in {
	background-image:url(/elements/images/whats_on_tap/bg_not_logged.jpg);
	text-align:justify;
}
#whats_on_tap, #mug_not_logged_in {
	background-repeat:no-repeat;
	background-color:#FFF;
	width:255px;
	height:336px;
	vertical-align:top;
	font-size:9px;
}
#whats_on_tap p{
	margin:50px 20px 0px 10px;
	text-align:justify;
}
#whats_on_tap div {
	height:286px;
	margin:50px 17px 0 18px;
	padding:0 4px 0 0;
	overflow:auto;
	scrollbar-track-color:#FFF;
}
#mug_not_logged_in div{
	height:292px;
	margin:50px 15px 0 13px;
	padding:0 15px 0 0;	
}
#mug_not_logged_in ul{
	margin:0;
	padding:0;
}
#mug_not_logged_in li{
	margin-left:18px;
}
#already_a_member {
	background-image:url(/elements/images/whats_on_tap/blank.gif);
	background-repeat:repeat-x;
	text-align:right;
}
#skyscrapper_ad {
	padding:20px 18px 10px 15px;
}
#footer {
	width:694px;
	height:25px;
	background-color:#A3A3A3;
	margin:10px 0 0 12px;
	text-align:right;
	vertical-align:middle;
	border-bottom:1px solid #999;
}
#footer ul {
	margin:0;
	padding:0 6px 0 0;
}
#footer li{
	margin:0;
	padding:0 2px;
	list-style-type:none;
	display:inline;
	
}
#hp_directory {
	background-color:#FFF;
	background-image:url(/elements/images/directory/hp_bg.gif);
	background-repeat:repeat-y;
	padding:4px 8px 0 23px;
}

#hp_directory_tbl {
	margin:6px 0 6px 55px;
}
#hp_directory_tbl td{
	vertical-align:top;
	width:33%;
	padding:0 20px 0 0;
}
#hp_directory_tbl ul{
	margin:0;
	padding:0 0 0 20px;

}
#hp_directory_tbl li{
	list-style-type:none;
	list-style-image:url(/elements/images/directory/arrow.gif);
	font-size:10px;
	margin-bottom:0.4em;
}
#hp_directory_footer {
	height:60px;
	background-color:#FFF;
	background-image:url(/elements/images/directory/hp_footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#feature {
	margin-top:2px;
	background-image:url(/elements/images/feature/bg.gif);
	background-repeat:repeat-y;
	padding-bottom:1px;
}
#feature_photo {
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#F58220;
	vertical-align:top;
	text-align:right;
	
}
#feature_copy_area {
	background-image:url(/elements/images/feature/left_bg.gif);
	background-repeat:no-repeat;
	font-size:9px;
	padding:0 10px 10px 90px;
	
}
#feature_copy_area h1{
	color:#F58220;
	font-weight:bold;
	font-size:11px;
	margin:0;
	text-align:right;
}
#copy_area, #account_copy_area {
	background-color:#FFF;

	border-width:1px 0 0 2px;
	border-style:solid;
	border-color:#CCC;
	
}
#copy_area {
	width:677px;
	padding:10px 6px 20px 10px;
	font-size:12px;
	line-height:17px;
	margin:3px 0 0 11px;
}
#account_copy_area {
	width:680px;
	margin:3px 0 -1px 11px;

	text-align:right;
	/* padding:10px 6px 20px 10px; */
	padding:6px;
	background-color:#FFF9E5;
}
#manage_nav ul{
	margin:0;
	padding:0;
}
#manage_nav li{
	list-style-type:none;
	display:inline;
	font-size:9px;
	margin:0 2px;
	border-width:1px 0 0 1px; 
	border-style: solid;
	border-color: #A3A3A3;
	padding:2px 7px;

}

#formWrap {
	border:1px dashed #AE1E21;
	margin:5px;

}
#formWrap TD {
	
}
#formWrap TH {
	text-align:left;
	font-weight:bold;
	padding:3px 3px 3px 3px;
	background-color:#AE1E21;

	color:#FFF9E5;
}

.form_collects {
	padding:3px 3px 3px 5px;
	font-weight:bold;
	background-color:#FFF9E5;
	border-right:1px solid #FFF0B8;
	border-bottom:1px solid #FFF0B8;
	
	color:#AE1E21;
	vertical-align:top;
}

.form_inputs {
	padding:3px 3px 3px 5px;
	border-right:1px solid #FFF0B8;
	border-bottom:1px solid #FFF0B8;
	font-size:9px;
	line-height:normal;
}

.form_inputs SELECT {
	font-size:9px;
}

.error_text {
	color:#AE1E21;
	font-weight:bold;
}
.error_text a {
	color:#A3A3A3;
}
.error_text a:hover {
	color:#E2BA26;
}

.message_text {
	font-weight:bold;
}

.crumbs {
	font-size:9px;
	margin:-10px -10px 0 -13px;
	padding:4px 8px;
	border-bottom:2px solid #CCC;
	color:#999;
}
h1 {
	font-size:20px;
	font-weight:bold;
	color:#AE1E21;
	margin-bottom:4px;
}
#profile_header {
	border-left:3px solid #DB6314;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:4px;
	height:26px;
	padding:2px 0 0 6px;
	background-color:#AE1E21;
	margin-top:8px;
	

}
.profile_address {
	border-left:3px solid #999;
	padding:2px 10px 10px;
	border-bottom:1px dashed #999;

}
.profile_desc {
	padding:10px;
	border-left:3px solid #999;
	margin:3px 0;
	
}
.profile_desc p {
	padding-left:10px;
}
.venue_detail {
	width:100%;
	margin-left:2px;
}
.venue_detail th, .venue_detail td{
	vertical-align:top;
}
.venue_detail th{
	font-weight:bold;
	text-align:left;
	background-color:#e7e7e7;
	padding:4px 10px 4px 4px;
	white-space:nowrap;
	width:85px;
	font-size:10px;
	color:#666;
}
.option_listing {
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	line-height:normal;
	padding:6px 12px 6px 4px ;
	vertical-align:top;
	font-size:10px;
}
.option_listing ul{
	margin:0;
	padding:0;
}
.option_listing li{
	list-style-type:none;
}
#profile_left {
	width:345px;
}
#profile_right {
	width:auto;
}
.profile_sub_heads {
	background-color:#999;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	padding:4px;
	border-bottom:2px solid #FFCE19;
}
.clearer {
	font-size:0em;
	clear:both;
	float:none;
}