h1 {
	background: url("images/titleline.gif") bottom left no-repeat;
	margin-left: 0px;
	}
p {
	margin-left: 0px;
	}
body {
	background: url("images/waves_bkg.jpg") bottom repeat-x;
	}
#buoy1, #buoy2, #buoy3, #buoy4, #buoy5, #buoy6, #buoy7, #buoy8, #buoy9, #buoy10, #buoy11, #buoy12, #buoy13, #buoy14, #buoy15, #buoy16, #buoy17, #buoy18, #buoy19, #buoy20, #buoy21, #buoy22 {
	width: 130px;
	}
.anchors {
	background-color: #eeeeee;
	border: 1px solid #336699;
	margin-top: -30px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
}
.anchors td {
	border: 1px solid #dddddd;
	font-size: 11px;
}
#menu a { font-size: 11px;}
.map {
	border: 1px solid #336699;
	margin: 0px;
	}
/*.n4hack {display: none;}  use to hide old Netscape hacks from modern browsers */
.leftcol {
	/*float: left;*/
	width: 480px;
	margin-right: 10px;
	}
.rightcol {
	/*float: right;*/
	}
#surface {width:600px;
	background: #66CCFF;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
	color: black;
	}
#air {width:600px;
	background: #C9D0E0;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
	color: black;
	}
#surface h3, #air h3 {
	color: black;}
#open {width:100%;
	background: #3366CC;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
	color: white;
	}
#open h3, #floor h3, #open td, #floor td {
	color: white;}
#floor {width:600px;
	background: #003399;
	margin-top: 1px;
	margin-bottom: 0px;
	padding: 5px;
	text-align: center;
	color: white;
	}

#buoyinfo {
	text-align: center;
	width: 450px;
	}
#buoyinfo img {
	margin-left: 5px;
	}
.panel {
	background: url(images/metal_bkg.jpg);
	border: 1px solid #999;
	text-align: left;
	padding: 5px;
	height: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
/*#moon {position: relative; top: 160px; font-size: 11px; text-align:left; height: 50px;}
	#moon img {margin-right: 5px;}*/

/* Moz/N7 fix */
div[class="rightcol"] {margin-left: 10px;}

.newsbox {
	vertical-align: top;
	border: 1px solid #666;
	padding: 5px;
	}
.update {
	border-bottom: 1px dashed #369;
	}
.update p {
	font-size: 90%;
	margin-bottom: 5px;
	margin-top: 6px;
	}

/* styles for mobile devices */
@media handheld {
	body {background:#ffffff; margin:0px; padding:0px;}
	}