body{
	margin: 0px;
	padding: 0px;
	background: #000 url('/images/common/header_pattern_repeat.gif') top left repeat-x;
	text-align: center;
}

/* reset */

h1, h2, h3, h4, h5, p{ margin: 0px; padding: 0px; }
input{ margin: 0px; padding: 0px; border: none; background: none; }
img{ border: none; margin-bottom: -4px; }

/* typography */

h1{ text-indent: -9999px; height: 27px; overflow: hidden; }
h1.title{ text-indent: 0px; height: auto; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 18px; font-weight: normal; color: #000; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
h2{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 15px; font-weight: normal; color: #cc3300; padding-bottom: 15px; }
p{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: normal; color: #666; padding-bottom: 15px; }
ul{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: normal; color: #666; padding-bottom: 15px; }

a.linkage{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; color: #fff; background: url('/images/common/dotted.gif') bottom right repeat-x; padding-bottom: 3px; text-decoration: none; }
a.linkage:hover{ color: #ffcc66; text-decoration: none; }

/* misc */

.right{ float: right; }
.left{ float: left; }

.image_right{ float: right; margin: 0px 0px 10px 20px; }
.image_left{ float: left; margin: 0px 20px 10px 0px; }

.clear{ clear: both; }

/* layout */

#container{ width: 960px; margin: auto; text-align: left; }

#header{ position: relative; width: 960px; height: 155px; }
#header #logo{ position: absolute; left: 0px; top: 32px; }

#header #main_nav{ position: absolute; left: 0px; top: 116px; width: 673px; height: 39px; background: url('/images/common/nav_bar_shadow.gif') top right no-repeat; }
#header #main_nav ul{ list-style: none; width: auto; overflow: hidden; margin: 0px; padding: 0px; }
#header #main_nav ul li{ float: left; background: url('/images/common/nav_divider.gif') left center no-repeat; }
#header #main_nav ul li a{ display: block; height: 39px; margin-left: 1px; text-indent: -9999px; }

#header #main_nav ul li.become_a_member a{ width: 179px; background: url('/images/common/mn_become_a_member.png') 0px 0px no-repeat; }
#header #main_nav ul li.become_a_member a:hover{ background-position: 0px -39px; }
#header #main_nav ul li.become_a_member.here a{ background-position: 0px -78px; }

#header #main_nav ul li.fine_dining a{ width: 132px; background: url('/images/common/mn_fine_dining.png') 0px 0px no-repeat; }
#header #main_nav ul li.fine_dining a:hover{ background-position: 0px -39px; }
#header #main_nav ul li.fine_dining.here a{ background-position: 0px -78px; }

#header #main_nav ul li.host_your_event a{ width: 176px; background: url('/images/common/mn_host_your_event.png') 0px 0px no-repeat; }
#header #main_nav ul li.host_your_event a:hover{ background-position: 0px -39px; }
#header #main_nav ul li.host_your_event.here a{ background-position: 0px -78px; }

#header #main_nav ul li.around_the_club a{ width: 181px; background: url('/images/common/mn_around_the_club.png') 0px 0px no-repeat; }
#header #main_nav ul li.around_the_club a:hover{ background-position: 0px -39px; }
#header #main_nav ul li.around_the_club.here a{ background-position: 0px -78px; }

#header #member_login{ position: absolute; left: 673px; bottom: 0px; width: 287px; height: 70px; background: url('/images/common/member_login_tag.gif') top left no-repeat; }
#header #member_login .ml_field{ float: left; width: 83px; height: 13px; margin-right: 9px; background-color: #c5c5c5; padding: 5px; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; color: #666; font-weight: normal; }
#header #member_login .ml_btn{ float: left; background: url('/images/common/login_btn.gif') top left no-repeat; width: 66px; height: 23px; }
#header #member_login .ml_btn:hover{ background: url('/images/common/login_btn_2.gif') top left no-repeat; cursor: pointer; }
#header #member_login #member_login_form{ margin-top: 31px; padding: 8px 0px 0px 16px; }

#header #secondary_nav{ position: absolute; left: 673px; top: 20px; width: auto; }
#header #secondary_nav ul{ list-style: none; width: auto; margin: 0px; padding: 0px; }
#header #secondary_nav ul li{ float: left; border-right: 1px solid #353434; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; font-weight: normal; }
#header #secondary_nav ul li a{ display: block; padding: 6px 10px; color: #fff; text-decoration: none; }
#header #secondary_nav ul li a:hover{ color: #ccc; text-decoration: none; }
#header #secondary_nav ul li.here a,
#header #secondary_nav ul li.here a:hover{ color: #ffcc66; }
#header #secondary_nav ul li.last{ border-right: none; }

#home_content{ position: relative; width: 960px; margin-top: 40px; }
#home_content h1#stage_title{ float: left; margin-right: 20px; width: 541px; height: 27px; overflow: hidden; background: url('/images/common/stage_header.gif') top left no-repeat; text-indent: -9999px; }
#home_content #schedule_a_visit{ float: left; margin-top: 11px;  }

/* stage - homepage (rotate) */

#rotate { clear: both; height: 424px; overflow: hidden; }
#rotate img{ margin-top: 10px; }
#rotate ul{ position: absolute; right: 0px; top: 8px; width: auto; list-style: none; margin: 0px; padding: 0px; z-index: 4000; }
#rotate ul li{ float: left; margin-right: 3px; }
#rotate ul li.last{ margin-right: 0px; }

#features_wrapper{ width: 960px; overflow: hidden; padding-top: 35px; margin-bottom: 40px; }

#features{ width: 960px; overflow: hidden; background: url('/images/common/features_background.gif') 0px 40px no-repeat; }
#features div.padded{ padding: 15px; }

#features #left{ float: left; width: 355px; margin-right: 23px; overflow: hidden; }
#features #left h2{ width: 355px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('/images/common/title_center_club_of_baltimore.png') top left no-repeat; margin: 0px; padding: 0px; }
#features #left p{ padding-top: 10px;  }

#features #middle{ float: left; width: 355px; margin-right: 24px; overflow: hidden; }
#features #middle h2{ width: 355px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('/images/common/title_news_and_event_highlights.png') top left no-repeat; margin: 0px; padding: 0px; }
#features #middle h3{ color: #666; font-family: Arial; font-size: 16px; font-weight: normal; padding-bottom: 10px; } 
#features #middle div.news_item ul{ list-style: none; margin: 0px; padding: 0px; }
#features #middle div.news_item ul li a{ color: #cc3300; text-decoration: underline; }
#features #middle div.news_item ul li a:hover{ color: #cc3300; text-decoration: none; }
#features #middle div.news_item{ border-bottom: 1px solid #ccc; padding: 10px 15px; }
#features #middle div.last{ border-bottom: none; }

#features #right{ float: left; width: 203px; overflow: hidden; }
#features #right #newsletter{ overflow: hidden; }
#features #right #newsletter #past_newsletters{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
#features #right #newsletter h2{ margin: 0px; padding: 0px; width: 203px; height: 40px; text-indent: -9999px; overflow: hidden; background: url('/images/common/newsletter.gif') top left no-repeat; margin: 0px; padding: 0px; }
#features #right #newsletter h3{ color: #666; font-family: Arial; font-size: 16px; font-weight: normal; padding-bottom: 10px; } 
/*#features #right #newsletter div.padded{ background: url('/images/common/newsletter_background.gif') top left repeat-x; overflow: hidden; }*/
#features #right #newsletter input.field{ width: 163px; height: 20px; padding: 5px; background: url('/images/common/field_background.gif') top left repeat-x; margin-bottom: 10px; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 16px; font-weight: normal; color: #666; }
#features #right #newsletter input.signup{ background: url('/images/common/signup_btn.gif') top left no-repeat; width: 73px; height: 24px; cursor: pointer; float: right; }
#features #right #newsletter ul{ list-style: none; margin: 0px; padding: 0px; }
#features #right #newsletter ul li a{ color: #cc3300; text-decoration: underline; }
#features #right #newsletter ul li a:hover{ color: #cc3300; text-decoration: none; }

/*
#features #right #follow{ position: relative; width: 203px; height: 52px; background: url('/images/common/follow.gif') top left no-repeat; margin-top: 20px; }
#features #right #follow ul{ position: absolute; left: 85px; top: 14px; list-style: none; width: auto; margin: 0px; padding: 0px; }
#features #right #follow ul li{ float: left; margin-right: 3px; }
#features #right #follow ul li a{ display: block; width: 25px; height: 26px; text-indent: -9999px; overflow: hidden; }
#features #right #follow ul li.facebook a{ background: url('/images/common/facebook_icon.gif') left top no-repeat; }
#features #right #follow ul li.twitter a{ background: url('/images/common/twitter_icon.gif') left top no-repeat; }
#features #right #follow ul li.flickr a{ background: url('/images/common/flickr_icon.gif') left top no-repeat; }
*/

#footer_wrapper{ width: 100%; background: #262626; }
#footer{ width: 960px; margin: auto; text-align: left; padding: 20px 0px; overflow: hidden; }
#footer ul.footer_links{ list-style: none; width: auto; float: left; margin-right: 60px; padding: 0px; }
#footer ul.footer_links li {margin-bottom:3px;}
#footer ul.footer_links li a{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; color: #fff; background: url('/images/common/dotted.gif') bottom right repeat-x; padding-bottom: 3px; text-decoration: none;}
#footer ul.footer_links li a:hover{ color: #ffcc66; text-decoration: none; }
#footer p{ font-size: 11px; }
#footer p.copyright{ float: left; }
#footer p.copyright a{ color: #ffcc66; text-decoration: none; }