@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

html {
	background:#b9b89d;
}

body {
	background:#b9b89d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#663333;
	line-height:18px;
	
}

sup {
	color:#ae2a2a;
}

img {
	border:0
}

/**********************************
Site Structure
**********************************/

#container {
	width:960px;
	height:643px;
	background:#FFF;
	margin:5px auto 0 auto;
	padding:11px 13px 24px 10px;
}

#content {
	width:960px;
	height:641px;
	background:url('/images/content_back.jpg') no-repeat;
}

#logo {
	float:left;
	background:url('/images/logo.png') no-repeat top left;
	width:209px;
	height:90px;
}

#nav {
	height:22px;
	width:751px;
	float:left;
	background:#b9b89d;
}

#nav_contain {
	float:left;
}

#title {
	margin:0 auto;
	height:55px;
	clear:both;
	position:relative;
	z-index:2;
	text-align:center;
}

#text {
	background:url('/images/text_back.png') no-repeat;
	width:967px;
	height:340px;
	position:relative;
	right:25px;
	clear:both;
}

#text_block {
	width:331px;
	height:271px;
	padding:54px 0 15px 106px;
	float:left;
	display:block;
}

#text_block p{
	margin:10px 0;
}

#text_block p a {
	color:#663333;
}

#db_content {
	overflow:auto;
	display:block;
	width:331px;
	height:271px;
}


#image {
	width:530px;
	height:332px;
	padding:4px 0;
	float:left;
	position:relative;
}

#image img, #image object {
	position:absolute;
	bottom:4px;
	right:0;
}

#timeline {
	width:809px;
	margin:10px auto 0 auto;
}

#timeline #header {
	height:17px;
	width:780px;
	background:#b9b89d;
	color:#333;
	line-height:17px;
	text-transform:uppercase;
	padding:0 15px;
	letter-spacing:1px;
}

#timeline #header span {
	margin:0 0 0 25px;
}

#timeline #subheader {
	width:810px;
	height:17px;
	background:url(/images/timeline_back.jpg) repeat-x top left;
}

#timeline #subheader ul li {
	list-style:none;
	float:left;
	display:block;
	width:41px;
	height:17px;
	margin:0 1px;
	border-left:1px solid #abaa98;
	border-right:1px solid #abaa98;
	text-align:center;
	color:#333;
}

#timeline #time_thumbs {
	width:810px;
	height:59px;
	background:#FFF;
	padding:5px 0;
}

#timeline #time_thumbs ul li {
	list-style:none;
	float:left;
	display:block;
	width:41px;
	height:59px;
	margin:0 1px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

#splash {
	width:100%;
	height:100%;
	background:url('/images/rejuvenate.jpg') no-repeat;
	position:relative;
}

img.home_close {
	position:absolute;
	top:0;
	right:0;
}

/**********************************
Membership
**********************************/

#membership td.header {
	padding:5px;
	background:#535147;
	color:#FFF;
}

#membership td {
	padding:3px 2px;
}

#membership label {
	display:block;
	text-align:right;
}

ul.membership {
	list-style-position:inside;
	margin:15px 0;
}

ul.membership li {
	margin-left:10px;
}

/**********************************
Login
**********************************/

#login {
	margin:20px 0 0 0;
}

#login td {
	padding:5px;
}

#login label {
	display:block;
	text-align:right;
}

/**********************************
Scrollers
**********************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/**********************************
Dropdown CSS
**********************************/

/* 
	LEVEL ONE
*/
ul.dropdown							{ margin:0 0 0 43px; }
ul.dropdown, ul.dropdown ul         { position: relative; list-style: none; z-index:10; }
ul.dropdown li                      { float: left; zoom: 1; text-transform:uppercase; line-height:22px; letter-spacing:1px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 0px 8px; color: #333; text-decoration:none; }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 175px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #FFF; color: #000; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; float: none; }
ul.dropdown ul li:first-child		{ border-top:1px solid #CCC; }
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

.red_box {
	height:7px;
	background:#af292e;
	visibility:hidden;
	position:relative;
}

/**********************************
Members Only
**********************************/

#member_content {
	overflow:auto;
	display:block;
	width:850px;
	height:400px;
}

#member_content h2 {
	font-size:11px;
	text-transform:uppercase;
}

#member_right {
	display:none;
}

#member_text {
	width:850px;
	height:400px;
	padding:29px 0 15px 65px;
	float:left;
	display:block;
}

#member_text p{
	margin:10px 0;
}

#member_text p a {
	color:#663333;
}

#member_content .member_event {
	width:600px;
	clear:both;
	border-bottom:1px solid #b6b3ae;
	border-top:1px solid #b6b3ae;
	padding:5px 0;
	margin:5px 0;
}

#member_content .member_event .event_image{
	float:left;
	width:150px;
	height:100px;
	text-align:center;
}

#member_content .member_event .event_info {
	float:left;
	width:450px;
}

#member_content .member_event .event_info .event_title {
	font-size:12px;
	color:#663333;
}

#event_registration {
	width:190px;
	padding:5px;
	height:415px;
	border:1px solid #d0d0d0;
	background:#FFF;
	margin:8px 0 0 5px;
}

#event_registration h2{
	color:#993333;
	text-transform:uppercase;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	margin:10px 0 20px 0;
}

#event_registration label {
	color:#666;
	clear:both;
	display:block;
	margin:20px 0 0;
}

#event_registration input[type="text"] {
	width:150px;
	background:#FFF;
	border:1px solid #CCC;
	padding:2px;
	display:block;
	clear:both;
}

#event_registration select {
	width:150px;
}

#event_registration input[type="submit"] {
	width:75px;
	height:25px;
	background:#FFF;
	border:1px solid #CCC;
	color:#000;
	font-size:13px;
	margin:25px 0 0;
}

#member_text_contain {
	background:url('/images/members_text_back.png') no-repeat;
	width:967px;
	height:440px;
	position:relative;
	left:20px;
	clear:both;
}

#mga ul {
	list-style:none;
}

#mga ul li {
	float:left;
	margin:0 10px;
	font-size:11px;
}

#mga ul li a{
	color:#333;
	text-decoration:none;
}

div.event_img {
	float:left;
	padding:10px;
}

/**********************************
General
**********************************/

div.error {
	background:#611414;
	color:#FFF;
	padding:10px;
	text-align:center;
	margin:10px auto;
	border:1px solid #FFF;
	font-size:12px;
}

.clear {
	clear:both;
}