body {
	font-family: verdana, arial, helvetica, sans-serif;
	color:#333;
	font-size:14px;
}
#main {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

h1 {
	font-size:24px;
	color:#ccc;
}

h2 {
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
}

h3 {
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
	color:#333;	
}

a {
	color:#304361;
	text-decoration:none;
}
	a:hover { text-decoration:underline; }

img { border:none; }

#header {
	position:relative;
}

#sponsorship-link {
	position:absolute;
	top:0;right:0;
	margin-top:5px;
	padding-right:25px;
	padding-top:5px;
	background:url('../images/graph.png')no-repeat right;
}
	#sponsorship-link a { color:#ccc; }
	#sponsorship-link a:hover { color:#000;text-decoration:none; }

#navigation {
	list-style:none;
	overflow:auto;
	padding:0;
	width:800px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	text-align:right;
}
	#navigation li { float:left; width:114px; text-align:center; border-right:1px dotted #ccc; }
	#navigation li a { text-decoration:none; }
	#navigation li a:hover { text-decoration:none; color:#000; }
	#navigation li label { display:block; }
	#navigation li a { margin-top:5px; color:#ccc; }
	#navigation li a:hover { color:#000; }
	#navigation li img { border:none; }

#left {
	width:350px;
	float:left;
}

#right {
	width:225px;
	float:right;
}

#contact-form {
	height:180px;
	border-top:1px dotted #ccc;
}

#sponsorship-form {
	margin:0;
	height:340px;
	padding-top:20px;
	position:relative;
	display:block;
	border-top:1px dotted #ccc;
}

#donation-form {
	padding-top:20px;
	border-top:1px dotted #ccc;
}
	#donation-form table { margin-top:10px; }

	#contact-form p, #sponsorship-form p { position:relative; }
	#contact-form p input, #sponsorship-form p input { position:absolute; left:100px; top:0; }
	#contact-form p textarea, #sponsorship-form p textarea { position:absolute; left:100px; top:0; }
	#contact-form #submit { margin-top:40px;position:relative; }
	#sponsorship-form textarea { height:100px; }
	#sponsorship-form #submit { margin:0;position:absolute;top:90px; }
	
#thanks {
	border:1px solid #e2c822;
	background:#fff9d7;
	padding:15px;
	color:#333;
	font-size:12px;
	margin-bottom:10px;
}
	#thanks p { margin:0; }

#widget {
	width:211px;
	height:290px;
	padding:5px;
	margin-bottom:10px;
	background:url('../images/widget-background.png');
	color:#F8F8F8;
	position:relative;
}

	#widget h1 { font-size:12px; margin-left:10px; width:130px; margin-bottom:15px; color:#F8F8F8; }
	#widget h2 { font-size:14px; margin-right:10px; }
	#widget h3 { color:#f9e373; font-size:12px; margin-left:10px; }

#predictions {
	font-size:12px;
	width:205px;
	margin-left:3px;
	position:relative;
}

	#predictions tr td img { position:absolute; left:190px; }

.prediction-row-a {
	height:23px;
	border-top:2px solid #24354C;
	border-bottom:2px solid #24354C;
	padding-left:10px;
}

.prediction-row-b {
	background:#4B5B74;
	height:20px;
	padding-left:10px;
}

#current-tide {
	width:107px;
	height:90px;
	background:url('../images/current-tide.png');
	position:absolute;
	right:-30px;
	top:-30px;
}
	#current-tide h1 {
		text-align:center;
		width:85px;
		font-size:18px;
		margin-top:25px;
	}

#port-form {
	margin-left:6px;
}

#download {
	margin-left:120px;
	background:url('../images/download-gray.png') no-repeat left;
	padding:10px;
	padding-left:40px;
	border:1px dashed #999;
	color:#999;
	text-decoration:none;
}
	#download:hover { color:#447937; border:1px dashed #447937; background:url('../images/download.png') no-repeat left; }

#faq { }
	#faq label { font-size:14px; margin-bottom:0; font-weight:bold; color:#4C70A1; }
	#faq p { font-size:12px; margin-top:3px; }
	
#asterisk {
	font-size:10px;
	margin-top:25px;
}

#disclaimer {
	font-size:9px;
	margin-top:25px;
}

#ad {
	padding-top:5px;
	border-top:1px dotted #999;
}

#port-chooser {
	width:190px;
	margin-left:5px;
	text-align:center;
	padding:10px;
	border:1px solid #ccc;
	background:#F8F8F8;
}

#port_list {
	margin-top:5px;
}

.clearer { clear:both; }

.vtek { display:none; }

#footer {
	border-top:1px dotted #999;
	color:#999;
	font-size:10px;
	margin-top:15px;
}
	#footer p { margin:2px; }