* html {height:1%}

body, html {text-align:center}

.body, body, html, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.body, body, html {
	background-color: #29276b;
}

.body, th {text-align:left}

p {
	font-size:1em;
}

h1, h2, h3 {font-weight:bold}
sup {vertical-align:super}

h2 {
font-size: 1.25em;
margin: 20px 0 3px 0px;
border-bottom: 1px solid #ccc;}

h3 {
	font-size:1.1em;
	color:#444;
	border-bottom:1px solid #ddd;
	margin-bottom:0;
}

a.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #819DB7;
	text-decoration: none;
}

a.body:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #819DB7;
	text-decoration: underline;
}

a.body:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #819DB7;
	text-decoration: none;
}

.bodybold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

h1, .subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #819DB7;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #819DB7;
}


ul, .cost
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
	padding: 0;
	margin: 0;
}

li
{
	padding-top: 5px;
/*	margin: 0 0 0 20px*/
}


em {
font-style:italic;
}

.note {
margin-left: 10px;
color: #003399
}

.warning {
font-weight: bold;
color: #990000
}

td#content {
padding: 3px;
font-size: 12px;
}

.info {
font-style: italic;
margin: 0 0 0 10px
}

ul {
list-style-type: circle;
font-size: 12px;
margin: 0 0 0 25px;
}

.infoblock {
margin: 0 0 0 20px;
}

ul.nav {
	margin:0;
	margin-left:40px;
	margin-right:70px;
	width:auto;
}

ul.nav li {
	list-style:none inside;
	margin:0;
	padding:0;
}

ul.nav a {
	color:#036;
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #000;
	padding:10px 10px 10px 20px;
	font-weight:bold;
}

ul.nav a:hover {
	background:#369;
	color:#fff;
	border-bottom:1px solid #036;
}

ul.nav li.main a {
	font-size:.8em;
	font-style:italic;
	padding-left:25px;}
	
#highlights {
	position:relative;
	background-color:#222;
	background-image:url('Images/splash/sailing_vert.jpg');
	background-position:center;
	background-repeat:no-repeat;
	width:433px;
	height:550px;
	color:#fff;
	overflow:hidden;}

#highlights * {
	z-index:100;
}

#highlights .bg {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:5;
	display:none;
	width:100%;
	height:100%;
	opacity:1;
	background-color:#fff;}


/* Event Parking Styles */
ul#events {
list-style-type: none;
margin: 0;
padding: 0;
}

ul#events li {
font-size: 1.25em;
margin: 0 0 1em 0;
padding: 0;
}

#events span.date, #events span.title, #events span.info {
display: block;
padding: 0;
margin: 0;
}

#events span.date {
font-weight: bold;
}

#events span.info {
font-style: italic;
}

table, tr, td {font-size:1em}

/* home page -- hopefully part of new redesign */
html#start, html#start body {
	margin:0;
	padding:0;
	
	background-image:url('Images/page_bg.jpg');
	background-repeat:repeat-x;
	background-position:0 0;
	background-color:#fff}

#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#header {
	height:100px;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}

#header img, #header h1 {
	float:left;
}

#header h1 {
	position:absolute;
	bottom:20px;
	left:220px;
	font-size:2.8em;
	color:#000;
	border-bottom:0px;
}

#header h1 span {
	font-size:0.4em;
	font-style:italic;
	display:block;
	margin-left:1em;
	font-weight:normal;
	font-family:Georgia, Times, serif;
	color:#666;
}

#page {
	position:relative;
	background-color:#222;
	background-image:url('Images/splash/dome.png');
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:556px;
	color:#fff;
	overflow:hidden;}

#page * {
	z-index:100;
}

#page .bg {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:5;
	display:none;
	width:100%;
	height:100%}
	
#page h2 {
	margin:0;
	padding:.4em;
	width:auto;
	background:url('Images/black_75.png') repeat;
	font-family:Garamond, Georgia, sans-serif;
	text-align:center;
	font-size:1.5em;}

#page h3 {
	margin-bottom:10px;
	color:#fc0;
	border-bottom:1px solid #ddd;
	font-size:1.3em;}

#actions {
	position:absolute;
	bottom:180px;
	top:10px;
	left:10px;
	
	padding:10px 30px 10px 10px;
	
	background:url('images/black_75.png') repeat;
	
	width:230px}

#actions ul {margin:0;padding:0}
	
#actions li {
	list-style:none inside;
	margin:0;
	padding:0;
	margin-bottom:5px;
	width:100%;}

#actions a {
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:.5em 0 .5em 1em}
	
#actions a:hover {
	background:#000;
	color:#94BEE8}

#promo1, #promo2 {
	position:absolute;
	right:10px;
	background:url('Images/black_75.png') repeat;
}

#promo1 {
	width:150px;
	top:10px;
	text-align:center;
	font-size:4em;}

#promo1 a {
	display:block;
	color:#fff;
	text-decoration:none;
	width:auto;
	height:auto;
	padding:10px}

#promo1 h3 {
	margin:0;
	padding:0;
	border-bottom:0px;
	color:#ffcc00;}
	
#promo1 a:hover h3 {color:#fff}
	
#promo1 h3 sup {font-size:.5em}
#promo1 p {
	font-size:.4em;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0;}

#promo1 a:hover p {color:#fc0}

#promo2 {
	width:250px;
	bottom:180px;
	padding:10px;}

#promo2 h3 {margin-top:0}
	
#promo2 li {
	list-style:square outside;
	margin-left:1em}

#navigation {
	position:absolute;
	height:150px;
	bottom:0px;
	padding:10px;
	background: url('Images/white_75.png');
	width:auto;
	border-top:3px solid #fff}

#navigation a {
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	color:#495E73;
	display:block;
	padding:.4em}

#navigation a:hover {
	color:#293541;
	background:#fff;}

#navigation ul, #navigation li {
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type:none;
}

#navigation ul ul li {
	margin:.2em 0 0 .4em;}

#navigation ul li {
	float:left;
	width:23%;
	padding:1%;
}

#navigation ul ul li {
float:none;
width:auto;
padding:0}

#navigation h4 {
	font-size:1.2em;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #999;
}

#footer {
	clear:both;
	width:100%;
	margin-top:1em;
	padding-top:.5em;
	
	border-top:1px dashed #ccc;
	
	color:#555;
	font-size:.8em;
	text-align:center;
}

div.clear {float:none;clear:both;width:0;height:0;margin:0;padding:0}

ul.buttons {margin:0 0 0 1em;padding:0}

.buttons li {
	list-style:none inside;
	display:inline;
	line-height:3em;
	margin: 0 1em 0 0;
}

.buttons a {
	padding:.5em 1em .5em 1em;
	font-weight:bold;
	font-size:1.2em;
	color:#eee;
	background:#036;
	text-decoration:none;
	
	-webkit-border-radius:.8em;
	-moz-border-radius:.8em;
	-o-border-radius:.8em;
	border-radius:.8em;
	
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);}

.buttons a:hover {
	background-color:#369;
	color:#fff;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.75);}

.buttons .pay a {background-color:#060}
.buttons .pay a:hover {background-color:#393}