﻿@charset "UTF-8";

/*
COLORS USED IN THIS SITE:

#486b60 - green
#263832 - dark green
#7BB7A5 - light green
#A6F7DF - white-green
#7f9890 - dull green (nav class 'on')
#dfe4e2 - dull green
#5d2438 - plum/purple
#A94266 - light purple
#d5d3d4 - dull purple
#783733 - red (required items)

*/

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* GENERAL SITE STYLES */
body {
	background:#FFF url('../images/tile_bg.png') repeat 0px 0px; 
	margin:0px;
	font-family: 'Cantarell', sans-serif;
}
.clr { clear:both; height:1%; }
em { font-style:italic; }
strong { font-weight:bold; }
h3 { font-weight:bold; margin:0 0 10px; }

a:link, a:visited { color:#486b60; }
a:hover { color:#7BB7A5;}

/* TOP BAR STYLES */
#top_bar { width:100%; margin:10px 0px 0px 0px; padding:0px; background:transparent url(../images/top_bar_bg.png) repeat-x 0px 0px; height:45px; position:absolute; top:0px; left:0px; z-index:500; text-align:center; }
#top_bar .padding { width:940px; margin:0px auto; position:relative; text-align:center; height:45px; }
#top_bar .padding ul { padding:0px; margin:0px; list-style:none; position:absolute; top:13px; left:500px; }
#top_bar .padding ul li { float:left; display:inline; margin:0px 20px 0px 0px; padding:0px; }
#top_bar .padding ul li a:link, #top_bar .padding ul li a:visited { text-transform:uppercase; color:#5d2438; text-decoration:none; font-size:0.9em; }
#top_bar .padding ul li a:hover { color:#A94266; }
#top_bar #search_box { position:absolute; top:13px; right:7px; background:#FFFFFF; height:19px; width:160px; }
#top_bar #search_form { width:160px; }
#top_bar .padding input#search_input { color:#5d2438; font-size:0.75em; border:none; background:transparent; width:130px; padding:2px 0px 0px 5px; position:absolute; top:0px; left:0px;margin:0px; }
#top_bar .padding input#search_submit { overflow:hidden; text-indent:-9999px; border:0px; background:url('../images/icon-mag-lens.png') no-repeat 0px 0px; position:absolute; top:2px; left:142px; padding:0px; margin:0px; width:13px; height:13px; ; font-size: 0; display:block; line-height: 0; cursor:pointer; }

#social_icons { position:absolute; top:142px; left:888px; }

/* CONTAINER STYLES */
#container { width:960px; margin:0px auto 30px auto; padding:0px; background:#FFFFFF; -moz-box-shadow: 5px 5px 5px #d1d1d1; -webkit-box-shadow: 5px 5px 5px #d1d1d1; box-shadow: 5px 5px 5px #d1d1d1; }
#container .padding { padding:0px 0px 0px 5px; }

	/* HEADER STYLES */
	#container #header { position:relative; }
	#container #header #logo { position:absolute; top:47px; left:15px; }
	
	/* NAV STYLES*/
	#container #nav { position:relative; width:950px; margin:2px 0px 5px 5px; padding:0px; background: #486b60; height:27px; z-index:600; }
	#container #nav ul#main_nav { list-style:none; margin:0px; padding:0px 0px 0px 15px; }
	#container #nav ul#main_nav li { float:left; display:inline; margin:0px 4px 0px 0px; }
	#container #nav ul#main_nav li a:link, #container #nav ul#main_nav li a:visited { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:0.9em; font-weight:normal; letter-spacing:.07em; display:block; padding:6px 8px 7px 8px; white-space: nowrap; }
	#container #nav ul#main_nav li a:hover { color:#7BB7A5; text-decoration:none; }
	#container #nav ul#main_nav li.on a { background-color:#7f9890; }
	
	#container #nav ul#main_nav { margin: 0; padding: 0; }
	#container #nav ul#main_nav li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; }
	#container #nav ul#main_nav li ul li { float: left; display: inline; clear:left; width:200px; font-size:.8em; }
	#container #nav ul#main_nav li ul li a { width: auto; background: #7f9890; }
	#container #nav ul#main_nav li ul li a:hover { background: #486b60; }
	
	#container #contents { padding:0px 0px 5px 5px; }
	
	/* PRIMARY COLUMN STYLES */
	#container #primary { position:relative; width:640px; float:left; display:inline; margin-right:10px; }
	
		#primary #main_story { margin:0px 0px 5px 0px; }
		h1 { color:#486b60; font-size:1em; padding:0; margin:0 0 10px 0; text-transform:uppercase; }
		#main_story .padding { padding:10px 5px 10px 10px; }
		#main_story .padding p { padding:0; margin:0 0 10px 0; }
		#main_story .padding p, #main_story .padding li { font-size:0.9em; line-height:1.4; }
		#main_story .padding ul li { background:url('../images/bullet.png') no-repeat 5px 4px; padding:0 0 0 20px; margin:0 0 10px 0; }
		#main_story .padding .inset { float:right; display:inline; padding:0px; margin:0 0 0 10px; width:210px; }
		#main_story .padding .inset img { margin-bottom:5px; }
		#main_story .padding .inset p { font-size:0.75em; color:#486b60; }
		#main_story dl { float:left; margin-bottom:20px; display:inline; width:310px; min-height:110px; height:110px; }
		#main_story dl dt { float:left; display:inline; margin:0px 10px 20px 10px; }
		#main_story dl dd { }
		#main_story ol li { font-size:0.8em; margin-bottom:1em; }
		
		/* SLIDESHOW STYLES */
		ul.slideshow { list-style:none; width:640px; height:332px; overflow:hidden; position:relative; margin:0; padding:0; }
		ul.slideshow li { position:absolute; left:0; right:0; }
		ul.slideshow li.show { z-index:500; }
		ul img { border:none; }
		#slideshow-caption { width:640px; height:70px; position:absolute; bottom:0; left:0; color:#000; background:#FFF; z-index:500; }
		#slideshow-caption .slideshow-caption-container { padding:5px 10px; z-index:1000; }
		#slideshow-caption h3 { margin:0; padding:0; font-size:0.9em; }
		#slideshow-caption p { margin:5px 0 0 0; padding:0; font-size:0.75em; }
		
	
		#primary #events { background:#dfe4e2; width:310px; float:left; display:inline; margin-right:10px; }
		#primary #events .padding { padding:5px 10px; }
		#primary #events .padding h3 { color:#5d2438; font-size:.9em; font-weight:bold; margin-bottom:10px; }
		#primary #events .padding p { font-size:0.75em; color:#000000; margin-bottom:10px; line-height:1.2;}
		#primary #events .padding p.date { font-weight:bold; margin-bottom:2px; }
		#primary #events .padding p.more, #primary #events .padding p.more a:link, #primary #events .padding p.more a:visited { color:#486b60; font-weight:bold; text-decoration:none; }
		#primary #events .padding p.more a:hover { color:#263832; }
	
		#primary #facebook { width:320px; float:left; display:inline; }
	
	/* SECONDARY COLUMN STYLES (SIDEBAR) */
	#container #secondary { position:relative; width:300px; float:left; display:inline; }
	
		#secondary .module { width:300px; margin:0px 0px 5px 0px; clear:right; }
		#secondary .module .padding { padding: 10px 15px; }
		#secondary .module .padding h2 { color:#5d2438; font-weight:bold; font-size:0.9em; padding:0px; margin:0px 0px 5px 0px; }
		#secondary .module .padding p { font-size:0.75em; line-height:1.2; padding:0px; margin:0 0 10px 0; }
		#secondary .module .padding a.btn {
			display:block;
			height:20px;
			padding-top:3px;
			width:270px;
			text-align:center;
			color:#FFFFFF;
			background:#5d2438;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 0px solid #FFFFFF;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#secondary #member_login a.btn {
			background-image: -ms-linear-gradient(top, #7C4E5F 0%, #592B3C 100%); /* IE10 */
			background-image: -moz-linear-gradient(top, #7C4E5F 0%, #592B3C 100%); /* Mozilla Firefox */
			background-image: -o-linear-gradient(top, #7C4E5F 0%, #592B3C 100%); /* Opera */
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7C4E5F), color-stop(1, #592B3C)); /* Webkit (Safari/Chrome 10) */
			background-image: -webkit-linear-gradient(top, #7C4E5F 0%, #592B3C 100%); /* Webkit (Chrome 11+) */ 
			background-image: linear-gradient(top, #7C4E5F 0%, #592B3C 100%); /* Proposed W3C Markup */	
		}
		#secondary #member_login .padding p:last-child { margin-bottom: 0px; }
		
		#secondary #join_now { background:#d5d3d4; }
		#secondary #join_now .padding p:last-child { margin-bottom: 0px; }
		#secondary #join_now a.btn {
			background-image: -ms-linear-gradient(top, #88616F 0%, #6B4452 100%); /* IE10 */
			background-image: -moz-linear-gradient(top, #88616F 0%, #6B4452 100%); /* Mozilla Firefox */
			background-image: -o-linear-gradient(top, #88616F 0%, #6B4452 100%); /* Opera */
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88616F), color-stop(1, #6B4452)); /* Webkit (Safari/Chrome 10) */
			background-image: -webkit-linear-gradient(top, #88616F 0%, #6B4452 100%); /* Webkit (Chrome 11+) */ 
			background-image: linear-gradient(top, #88616F 0%, #6B4452 100%); /* Proposed W3C Markup */	
		}
		
		#secondary #chamber_chat img { float:right; display:inline; margin:0 0 5px 20px; }
		#secondary #chamber_chat p { font-size:0.8em; line-height:1.3; }
		#secondary #chamber_chat p.more, #secondary #chamber_chat p.more a:link, #secondary #chamber_chat p.more a:visited { color:#486b60; font-weight:bold; text-decoration:none; }
		#secondary #chamber_chat p.more a:hover { color:#263832; }
		
		#secondary #ad_300x250 {}
		
		#secondary #quick_links h2 { overflow:hidden; text-indent:-9999px; height:70px; width:240px; margin:0 0 5px 0; padding:0px; background:#FFFFFF url('../images/logo-quick-links.jpg') no-repeat 0px 0px; }
		#secondary #quick_links li { font-size:.8em; padding:0px; margin:0 0 5px 0; line-height:1.3; }
		#secondary #quick_links li a:link, #secondary #quick_links li a:visited { color:#486b60; }
		#secondary #quick_links li a:hover { color:#263832; }
		
		#container #search_results_container { padding:10px 5px 10px 10px; }
		#search_results dl.clearleft { clear:left; margin: 0 0 20px 10px; }
		#search_results dl.clearleft h2 { font-weight:bold; font-size:0.9em; padding:0px; margin:0px 0px 5px 0px; }
		#search_results dl.clearleft h2 a { color:#5d2438; text-decoration:none; }
		#search_results dl.clearleft h2 a:hover { text-decoration:underline; }
		#search_results dl.clearleft p { font-size:0.75em; }
		#search_results dl dt img { float:left; display:inline; margin:0 20px 10px 0; }

/* FOOTER STYLES */
#footer { width:100%; margin:0px 0px 30px 0px; background-color:#486b60; clear:both; }
#footer .padding {
	width:940px;
	margin:0px auto;
	padding:5px 0px;
	position:relative;
}
#footer #accred { width:127px; padding:0px; margin:6px 20px 0 0; height:50px; float:left; display:inline; }
#footer .padding .footer_txt { margin:0px; padding:15px 10px 0px 0px; list-style:none; width:760px; margin:0 0 0 150px; }
#footer .padding .footer_txt p { color:#FFFFFF; font-size:12px; font-family: 'Cantarell', sans-serif; line-height:1.4; }
#footer .padding  p.copyright { font-family: 'Cantarell', sans-serif; color:#263832; font-size:11px; padding-bottom:15px; }

#footer .padding a:link { color:#FFFFFF; text-decoration:none; }
#footer .padding a:visited { color:#A6F7DF; }
#footer .padding a:hover { color:#7BB7A5; text-decoration:underline; }

#main_story ul.directory { margin:0 0 0 1em; }
#main_story ul.directory li span { font-weight:bold; }
#main_story ul.directory ul { margin-top:0.5em; }
#main_story ul.directory ul li { font-size:1.1em; }
#main_story ul.directory p { font-size:0.9em; }

#contactForm { margin-top:1em; }
#contactForm label { clear:both; display:inline; float:left; margin:0 .5em 1em 0; width:200px; text-align:right; font-size:.9em; padding-top:4px; }
#contactForm label.req { color:#783733; font-weight:bold; }
#contactForm label.error { text-transform:uppercase; font-size:11px; display:inline; float:left; margin:-12px 0px 10px 205px; text-align:left; width:auto; font-style:italic; color:#783733; letter-spacing:-0.05em; }
#contactForm input, #contactForm textarea { display:inline; float:left; margin:0 0 1em 0; border:1px solid #486b60; padding:5px; color:#263832; font-family:Arial, Helvetica, sans-serif; }
#contactForm textarea { width:300px; }
#contactForm input.req { border:1px solid #783733; }
#contactForm input.submit-button { clear:both; display:block; margin-left:207px; -moz-border-radius: 5px; border-radius: 5px; background-color:#486b60; color:#A6F7DF; text-transform:uppercase; cursor:pointer; }
#container #primary p.disclaimer { margin-left:207px; font-style:italic; font-size:.75em; }

table#coupons { }
#coupons th, #coupons td, .newmembers td { border-bottom:1px solid #7BB7A5; padding:5px; }
#coupons th { font-size:14px; text-align:left; font-weight:bold; }
#coupons td { font-size:12px; line-height:1.4; }