/* CSS Document */
body { margin: 0; padding: 0; background:#ccc url(/images/cp_site_bg.jpg) top left repeat-x; font-family: Trebuche, Arial, Helvetica; font-size: 14px; color: #333; text-align: center;}
html, body {height:100%;}

p, h1, h2, h3, table, tr, td, img, ul, li { margin: 0; padding: 0; }
a, a:visited {  color: #9f0c0c; text-decoration: none}
a:hover {  color: #333; text-decoration: none;}
h1, h2, h3 { margin: 0; padding: 0;}
h1 {text-align: left; color: #9f0c0c; font-size: 16px; padding: 0; margin: 0;}


#container {text-align: left; margin: 0px auto; padding: 0px; border:0; width: 1290px; }

#content_body {float: center; position: relative; left: 0; top: 0; background-color: #fff; width: 1000px; margin: 0 auto; padding: 0 0 25px 0; text-align: center;}
 #left_site_adspace {float: left; position: relative; top: 220px; width: 124px; margin: 0; border: 0;}
 
 #right_site_adspace {float: right;position: relative; top: 220px; width: 124px; margin: 0; border: 0;}


#nav  { background:#fff url(/images/nav_bg_off.jpg) top left repeat-x; padding: 0; margin: 0; text-align: center; color: #fff; font-size: 12px; height: 55px; }
#nav ul {position: relative; top: 20px; left: 0; padding: 0; margin: 0; list-style:none; display: inline;}
#nav li {display: inline;}
#nav li a {color:#fff; font-size: 14px; margin: 0; padding: 0 15px 0 15px; font-weight: bold; text-transform: uppercase;}
#nav li a:hover {color: #ccc; text-decoration:none; font-weight: bold; background:#fff url(/images/nav_bg_on.jpg) top left repeat-x; height: 59px; padding: 20px 15px 14px 15px;}
#nav li a.active {color: #ccc; text-decoration:none; font-weight: bold;}

#main_header {background:#fff url(/images/header_bg.jpg) top left no-repeat; width: 1000px; height: 300px; text-align: left; color: #fff;}
#main_header .sign_up {padding: 185px 0 0 235px; margin: 0;}
#main_header h1 {display: none;}

#header_flash_box {padding: 5px 0 0 0;}
#header_flash_box .flash_box {float: left; position: relative; top: 0; left: 0; padding: 5px 3px 0 0;}

#content{padding: 5px 0 0 0;}
#left {float: left; position: relative; top: 0; left: 10px; width: 665px; text-align: left; margin: 0 0 0 10px; }
#left .featured_event {background: #fff url(/images/hm_featured_event_bg.jpg) bottom left repeat-x; width: 635px; height: 375px;border: 1px solid #333;}
#left .featured_event h1 {padding: 15px 15px 0 0; color: #000; font-size: 14px}
#left .featured_event h2 {padding: 0 15px 0 0; color: #9f0c0c; text-transform: uppercase; font-size: 18px;}
#left .featured_event p {padding: 5px 15px 0 0; font-size: 14px;}
#left .featured_event img {padding: 0 15px 0 0; border: 0;}

#left .lower_feature_left {float: left; position: relative; top: 10px; left: 0; width: 300px; height: 375px;}
#left .lower_feature_left img {border: 0;}

#left .lower_feature_right {float: left; position: relative; top: 10px; left: 36px; background: #fff url(/images/hm_voter_bg.jpg) top left no-repeat; width: 300px; height: 375px;}
#left .lower_feature_right p {padding: 85px 0 0 0;}

#left .sister_club {float: left; position: relative; top: 20px; left: 0; width: 300px; height: 250px; }
#left .sister_club img {border: 0;}
#left .club_partners {float: left; position: relative; top: 20px; left: 36px; width: 300px; height: 250px; }
#left .club_partners img {border: 0;}

#left .interior_pages {width: 635px;}
#left .sub_item {background: #e4e4e4; height: 170px; margin: 15px 0 0 0;}
#left .sub_item h1 {text-transform: uppercase; text-align: left; font-size: 16px; position: relative; top: 0; left: 0; padding: 10px; height: 15px; background: #9f0c0c; color: #fff;}
#left .sub_item h2 {text-transform: uppercase; text-align: left; font-size: 14px; position: relative; top: 0; left: 0; padding: 10px 10px 0 10px; color: #333;}
#left .sub_item p {padding: 0 125px 0 10px;}

#left .reserve_now {font-size: 14px; text-align: right;}
#left .reserve_now a, .reserve_now a:visited {font-size: 14px; text-transform: uppercase; color: #9f0c0c; text-decoration: none;}
#left .reserve_now a:hover {  color: #333; text-decoration: none;}

#left .amenities {float: left; position: relative; top: 15px; left: 0; width: 175px; height: 200px; xbackground: #000; margin: 15px 15px 0 15px;}
#left .amenities p {color: #fff; padding: 55px 0 10px 10px;}
#left .amenities ul {list-style: armenian;}


#left .post p {padding: 10px 0 0 0;}

#right {float: left; position: relative; left: 5px; position: relative; width: 300px; text-align: left; xborder: 1px solid #333;}
#right .content_img {border: 1px solid #3b6aac; margin: 5px;}
#right p {line-height: 12pt; padding: 10px 0 0 0;}

#right .hm_special_offer {position: relative; top: 0; left: 0; width: 300px; height: 355px; background: #fff url(/images/hm_special_offer_bg.jpg) top left no-repeat;}
#right .hm_special_offer p {text-align: center; font-size: 14px; position: relative; top: 160px; left: 0; padding: 10px;}
#right .hm_special_offer img {border: 0; padding: 15px 0 0 0;}

#right .newsletter {position: relative; top: 10px; left: 0; width: 300px; height: 120px;background: #9f0c0c;}
#right .newsletter h1 {text-transform: uppercase; text-align: center; font-size: 14px; position: relative; top: 0; left: 0; padding: 10px; height: 32px; background: #000; color: #fff;}
#right .newsletter p {text-align: center; }

#right .newsletter fieldset {margin: 0; padding: 0; border: 0; text-align: left;}
#right .newsletter textarea {text-align: left; border: 1px solid #fff;}
#right .newsletter label {color: #fff; text-align: left; text-transform: uppercase; font-weight: bold; position: relative; top: 5px;}
#right .newsletter input, #right .newsletter textarea {background:#fff; padding: 0;height: 20px; width: 150px; margin: 0; color: #000;font-size: 10px;border: 1px solid #000; line-height: 12px;}
#right .newsletter select {background:#3b6aac; color: #333;font-size: 10px;border: 1px solid #0054a4;}
#right .newsletter input:focus, #right .newsletter textarea:focus {background:#ccc;}
#right .error {color:#e81c00; font-weight: bold;}
#right .required {font-size: 10px; color:#bc383c;}
#right .smallterms  {font-size: 9px;}
#right .newsletter .img { width: 85px;height: 20px; border: 0; margin: 10px 0 -10px 5px; padding: 0;}


#vip_form fieldset {margin: 0; padding: 10px; border: 0;color: #e81c00;text-align: left; font-size: 14px}
#vip_form textarea {padding: 0;margin: 0 0 2px 2px;border: 1px solid #999;}
#vip_form label {display:block;padding: 0;color: #333;}
#vip_form input, #vip_form textarea {background: #ccc;padding: 0; width: 250px; height: 20px; font-size: 16px; margin: 0 0 0 5px; padding: 2px;color: #333;border: 1px solid #333;}
#vip_form select {background: #ccc;padding: 2px;margin: 0 0 2px 5px;color: #333;height: 25px; font-size: 16px;border: 1px solid #333;}
#vip_form .img {padding: 0;margin: 5px 0 2px 5px;width: 85px;height: 20px;border: 0;}
#vip_form input:focus, #vip_form textarea:focus {background:#FFF;}
#vip_form .error {color:#e81c00; padding-right:10px;font-weight: bold;}
#vip_form .required {font-size: 10px; color:#bc383c;}
#vip_form .form  {float: left; position: relative; left: 0; top: 0; padding: 0 10px 0 25px;margin: 0;text-align: left;}
#vip_form .smallterms  {font-size: 9px;}

#right .hm_social_media {position: relative; top: 10px; left: 0; width: 300px; height: 50px; padding: 10px 0 0 0;}
#right .hm_social_media img {border: 0;}

#menu {}
#menu ul {list-style: none;}

#right .tiles {width: 300px; margin: 0 0 5px 0; text-align: center;}
#right .tiles img {border: 1px solid #3b6aac;}
#right .sign_up p {text-align: justify;}
#right .blog_h1 {font-size: 20px; border-top: 1px solid; border-bottom: 1px solid; padding: 5px 0 5px 10px; background-color: #e4e4e4;}


/* Footer */
#footer  { width: 1000px; background: #666; padding: 10px 0 0 0; margin: 0 auto; text-align: center; color: #fff; font-size: 14px; height: 155px;}

#footer p {margin: 0 15px 0 15px; padding: 10px 0 0 0; border-top: 1px solid #fff;}

#footer .category {float: left; position: relative; top: 15px; left: 15px;}
#footer ul .main {position: relative; top: 0; left: 0; padding: 0 0 10px 0; margin: 0; text-align: right; list-style:none; font-size: 14px; color: #333; text-transform: uppercase; font-weight: bold;}
#footer li .main {display: block;}


#footer .links {float: left; position: relative; top: 15px; left: 30px; text-align: left;}
#footer .links ul {padding: 0 0 10px 0}
#footer .links li {display: inline;}



#footer li a {color:#fff; font-size: 14px; margin: 0; padding: 0 30px 0 0;}
#footer li a:hover {color: #ccc; text-decoration:none; padding: 0 30px 0 0;}
#footer li a.active {color: #ccc; text-decoration:none;}
#footer a {  color: #ccc; text-decoration: none;}
#footer a:active {  color: #ccc; text-decoration: none;}
#footer a:hover {  color: #fff; text-decoration: none;}