/* CSS Document */

img {margin:0; padding:0; border:0}

fieldset {margin:0; padding:0; border:0}

form {margin:0; padding:0; border:0}

body {margin:0; padding:0; border:0}

html {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.75em/1.8 Verdana,sans-serif;
	background:#d7e9f9 url(../images/bg.gif) repeat 100%;
	color:#000}

/* ---- Universal Properties ---- */
h3 {margin:0 10px 1em; padding:0}
h2 {margin:0 10px 1em; padding:0}
h1 {margin:0 10px 1em; padding:0}
dl {margin:0 20px 1.667em; padding:0}
li {margin:0 10px 1em; padding:0}
ul {margin:0 10px 1em; padding:0}
p {margin:0 10px 1em; padding:0}
acronym {cursor:help}

abbr {cursor:help}

/* ---- links ---- */
a:link {color:#32428b; text-decoration:underline}
a:visited {color:#666c88; text-decoration:underline}
a:hover {color:#26712a; text-decoration:none}
a:active {color:#32428b; text-decoration:none}

#footer a:link {color:#FFF; text-decoration:none}
#footer a:visited {color:#FFF; text-decoration:none}
#footer a:hover {color:#FFF; text-decoration:underline}
#footer a:active {color:#FFF; text-decoration:underline}


/* ---- lists ---- */
ul {margin:5px 0 0 50px}
li {margin-right:0}
ul li ul {margin-top:10px}

#sidebar ul {margin:5px 10px}

/* ---- definition list ---- */
dt {
	margin:0;
	padding:0;
	font:italic .95em/1.8 Verdana,sans-serif;
	}
dt.member {
	margin:0;
	padding:0;
	font:1em/1.8 Verdana,sans-serif;
	}

dd {
	margin:0 0 1em;
	padding:0;
	font-weight:bold}

dl .signup {
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal}


/* ---- headings ---- */
h1 {
	font-size:1.7em;
	padding-left:12px;
	height:37px;
	color:#25408f;
	background:url(../images/h1_bg.gif) no-repeat 0 0;
}

h2 {
	font-size:1.3em;
	margin:5px 20px 10px 20px;
	color:#5b6bb3;
}
h3 {font-size:1.2em}
h4 {font-weight:bold}
h5 {
	margin:30px 0 5px 20px;
	font-size:.75em;
	color:#4d4d4d}

hr {
	height:0;
	margin-left:10px;
	width:97%;
	background:none;
	border:none;
	border-bottom:2px solid #e69b26}

/* form ----------------------------------------------- */
legend {display:none}
fieldset span {color:#F00; font-weight:bold}
fieldset span.note {font-weight:normal}
fieldset dt span {margin:0 0 0 3px}

label {font-weight:bold; cursor:pointer}
textarea {
	width:300px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
select {
	width:300px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
input {
	width:300px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
select {
	width:310px;
	cursor:pointer}
textarea {overflow:auto}

input#city, input#owner-city {width:200px}
input#state, input#owner-state {width:30px}
input#zip, input#owner-zip {width:46px}


textarea:hover {
	border-color:#3F74A6;
	background:#FFF}

select:hover {
	border-color:#3F74A6;
	background:#FFF}

input:hover {
	border-color:#3F74A6;
	background:#FFF}
textarea:focus {
	border-color:#00386D;
	background:#FFF}
select:focus {
	border-color:#00386D;
	background:#FFF}
input:focus {
	border-color:#00386D;
	background:#FFF}
input.check {
	width:auto;
	margin:0 .25em 1px 0;
	border:0;
	background:none;
	vertical-align:middle;
	cursor:pointer}
input.radio {
	width:auto;
	margin:0 .25em 1px 0;
	border:0;
	background:none;
	vertical-align:middle;
	cursor:pointer}
input.submit {
	cursor:pointer;
	margin:1em 0 0;
	width:100px;
	border-color:#ce5708;
	background:#ce5708;
	color:#FFF;
	font-size:.833em;
	font-weight:bold;
	text-transform:uppercase}
input.reset {
	cursor:pointer;
	margin:1em 0 0;
	width:100px;
	margin-left:8px;
	border-color:#bbb;
	background:#ddd;
	color:#000;
	font-size:.833em;
	font-weight:bold;
	text-transform:uppercase}
input.submit:hover {
	border-color:#A64221;
	background:#A64221}
	
input.submit:focus {
	border-color:#A64221;
	background:#A64221}
	
input.submit:active {
	border-color:#A64221;
	background:#A64221}
	
input.reset:hover {
	border-color:#bbb;
	background:#bbb}

input.reset:focus {
	border-color:#bbb;
	background:#bbb}

input.reset:active {
	border-color:#bbb;
	background:#bbb}

input.validation-failed, textarea.validation-failed {
	border:1px solid #bd510a;
	color:#bd510a}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#bd510a;
	color:#FFF;
	width:302px}
	
/* sailcamp form ----------------------------------------------- */

label {font-weight:bold; cursor:pointer}
#scform textarea {
	width:150px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
#scform select {
	width:150px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
#scform input {
	width:150px;
	padding:2px;
	font:1em Verdana,sans-serif;
	border:1px solid #CCC;
	border-right:1px solid #d2d1cc;
	border-bottom:1px solid #d2d1cc;
	background:#fbfbfb;
	color:#000;
	vertical-align:baseline}
#scform select {
	width:110px;
	cursor:pointer}
textarea {overflow:auto}

#scform input.radio {
	width:15px;
	margin:0 .25em 1px 0;
	border:0;
	background:none;
	vertical-align:middle;
	cursor:pointer}


/* ---- container ---- */
#container {
	margin:0 auto;
	width:970px;
}

.main_bg {background:url(../images/container_main_bg.gif) repeat-y 0 0}
.inside_bg {background:url(../images/container_bg.gif) repeat-y 0 0}

/* ---- top area ---- */

#top {
	width:970px;
	height:28px;
	background:url(../images/top_bg.gif) repeat-x 0 0;
}

#banner {
	width:970px;
	height:274px;
	background:url(../images/banner_bg.gif) no-repeat 0 0;
}

#logo_area {
	width:262px;
	height:274px;
	float:left;
}

.logo {display:none}

#banner_pic_area {
	width:708px;
	height:274px;
	float:right;
}

.banner_pic {position:bottom}

/* ---- navigtion ---- */

#navigation {
	width:950px;
	padding:0;
	margin:0;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
}

.menu, .menu ul, .menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none}

.menu {background:#26712a}

.menu li {
	margin:0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	float:left;
	position:relative;
	z-index:5}

.menu li:hover {
	z-index:10000;
	white-space:normal}

.menu li li {
	margin:-1px 0 0 -1px;
	float:none;
	border:1px solid #fff}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:15em;
	margin:1px 0 0 -20px;
	padding:0 20px 20px 20px;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)}

.menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0}

.menu li:hover>ul {visibility:visible; top:100%}
.menu li li:hover>ul {top:0; left:100%}

.menu:after, .menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* float.clear */
.menu, .menu ul {min-height:0}	/* IE7 float clear: */

.menu a {
	padding:4px 20px;
	text-decoration:none;
	color:#fff;
	font-family:"Trebuchet MS", Arial, sans-serif;
	letter-spacing:.022em;
	font-weight:bold;
	font-size:13px;
	background:#26712a;
	display:block}

.menu li.selected a {background:#b3cdb5; color:#0a3d0d}
.menu li.selected li.selected a {background:#b3cdb5; color:#FFF}

/* .menu a:hover {} */
.menu li:hover>a {background:#09440c;  color:#FFF}
.menu li:hover>a:hover {background:#09440c; color:#FFF}

#menu-links {border-right:0}
#menu-links a {padding:4px 20px 4px 21px}

/* ---- content ---- */

#content_main {
	width:570px;
	min-height:800px;
	height:auto !important;
	height:800px;
	float:left;
	padding:30px 18px;
}

#content_main p {
	margin-left:22px;
	margin-right:44px;
}

#content {
	width:702px;
	min-height:473px;
	height:auto !important;
	height:473px;
	float:left;
	padding:30px 18px;
}

#content p {
	margin-left:22px;
	margin-right:44px;
}

.top {
	text-align:right;
	font-size:.8em}

#login {
	margin-left:20px;
	border-collapse:collapse;
	width:500px;
	text-align:left}
	
#login table {
	xxxborder-collapse:collapse;
	border:0px;
	width:500px;
	text-align:left}
	
#login tr {
	margin:0;
	padding:0}

#login td {
	margin:0;
	padding:5px;
	border-bottom:0px;
	vertical-align:top}
	
#login p {
	text-align:center;
}

#content_photo {
	width:934px;
	min-height:473px;
	height:auto !important;
	height:473px;
	float:left;
	background:#f0f5e3;
	padding:30px 18px;
}

img#left {
	float:left;
	margin:5px 10px 0 23px;
	padding:3px;
	border:1px solid #8b8e9a}

img#pgpict {
	margin:5px 10px 0 23px;
	padding:3px;
	border:1px solid #8b8e9a}

#map{
	float:right;
	margin-left:10px;
	padding:3px;
	border:1px solid #8b8e9a}
}


/* ---- upcoming events ---- */

#upcoming_events {
	width:568px;
	padding-top:30px;
	padding-left:4px;
	border-top:2px solid #fd9c03;
}

#upcoming_events p {margin:8px 10px 7px 16px; padding:0}
#upcoming_events p.right {margin:8px 10px 7px 20px; padding:0}
#upcoming_events p.link {margin:0; padding:0}

#upcoming_eventspict {
	width:142px;
	height:125px;
	margin:0;
	padding:0px}

#upcoming_top {
	width:552px;
	height:12px;
	background:url(../images/events_top_bg.gif) no-repeat 0 0;
}

#upcoming_middle {
	width:552px;
	min-height:50px;
	height:auto !important;
	height:50px;
	background:url(../images/events_middle_bg.gif) repeat-y 0 0;
}

#upcoming_bottom {
	width:552px;
	height:12px;
	background:url(../images/events_bottom_bg.gif) no-repeat 0 0;
}

.event {width:160px; line-height:1.6em; font-size:.9em}
.event img {margin-right:10px; margin-left:17px}
.event em {color:#4a4a4a}
.event h3 {
	margin-top:13px;
	margin-bottom:0;
	font-size:1.3em;
	line-height:1.2em;
	text-transform:uppercase;
	color:#324514
}
.eventpad {width:23px}
.eventpadstart {width:2px}

/* ---- crossfader ---- */

#fader {
	float:left;
	position:absolute;
	margin-top:85px;
}

ul#fader {position:relative; margin:10px 0 0 -3px; padding:0}
ul#fader li {margin:0; padding:0; list-style:none}

/* ---- sidebar ---- */

#sidebar_main {
	width:328px;
	height:533px;
	float:right;
	position:relative;
	right:23px;
	top:24px;
}

#sidebar_main h2 {
	font-size:1.4em;
	text-transform:uppercase;
	color:#25408f;
	border-bottom:2px solid #bdcae7;
}

#sidebar {
	width:196px;
	height:533px;
	float:right;
	margin:24px 23px 24px 13px;
}

#sidebar a {color:#16327a}

#sidebar_main a {color:#16327a}
#sidebar a:hover {text-decoration:none}

#sidebar_main a:hover {text-decoration:none}

#sidebar ul {list-style-type:none}
#sidebar li {background:url(../images/bullet.gif) no-repeat 0 3px; padding-left:24px}
#sidebar li.selected a {
	font-weight:bold} 

.more_news a {
	text-transform:uppercase;
	font-size:.95em;
	font-style:italic;
	text-decoration:underline;
	margin-left:12px;
}

#commodore {
	font-size:.85em;
	color:#3d3d53;
	margin: 30px 10px;
	padding-top:15px;
	border-top:1px solid #899ac0}
}

/* ---- Google Search ----- */

#google {
	xxxmargin:210px 0 0 40px;
	padding:0;
	width:262px}

#google form#cse-search-box input#search {
	border:1px solid #31428a;
	width:115px;
	height:16px;
	margin:230px 0 0 40px;}

#google form#cse-search-box input#submit {
	background:url(../images/search.gif) no-repeat 0 0;
	width:50px;
	height:22px;
	border:0;
	position:relative;
	top:0;
	cursor:pointer;
	margin:230px 0 0 0;}

/* ---- eNewsletter signup ----- */

#signup {
	margin:15px 0 0 0;
	padding:30px 0;
	width:208px;
	xxxborder-top:1px solid #899ac0}
#signup form#enews input#email {
	border:1px solid #31428a;
	margin-left:10px;
	width:150px;
	height:18px}

#signup form#enews input#submit {
	background:url(../images/signup.gif) no-repeat 0 0;
	width:44px;
	height:22px;
	border:0;
	position:relative;
	top:0;
	cursor:pointer}



/* IlluminAge Apps ----------------------------------------------- */
.error {color:red}

div.desc ul {margin-left:0; margin-right:0}

div.desc p {margin-left:0; margin-right:0}


/* ---- Calendar ---- */
dl.calendar dt {font:normal .9167em/1.666 Verdana,sans-serif}
dl.calendar div.desc {margin:1em 0 0}

dl.details dt {
	clear:both;
	padding:1.3em 20px 1em 0;
	float:left;
	width:130px;
	border-top:1px solid #b3bf92}
dl.details dd {
	float:left;
	padding:1em 0 0;
	width:510px;
	border-top:1px solid #b3bf92;
	color:#000;
	font-weight:normal;
	font-size:1em}
dl.details dd strong {
	color:#000;
	font-weight:bold;
	font-size:1.2em}
dl.details dd em {color:#333}



/* ---- What's New ---- */
ul#news {margin:10px 44px 10px 20px}
ul#news em {color:#5F5F5F}
dl#news dt {font:italic .9167em/1.666 Verdana,sans-serif}
dl#news dd {font-weight:normal}

#details h2 {
	font:strong 1em/1.2;
	margin-left:10px; margin-right:0}

#details {margin:10px 20px 10px 22px}

p.date {color:#5F5F5F}


/* ---- footer ---- */

#footer {
	width:950px;
	height:22px;
	clear:both;
	text-align:center;
	color:#fff;
	font-size:.9em;
	padding-top:5px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
	background:#23408e;
}