td {
	border: 2px solid #000055;
	}
	
small {
	font-size: 10px;
	}


#compass {
	position: absolute;
	top: 330px;
	left: 490px;
	background-image: url(../images/maps/compass.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	z-index: 6;
	display: none;
	}
	
#north {
	position: absolute;
	top: 6px;
	left: 45px;
	}
	
#east {
	position: absolute;
	top: 41px;
	left: 81px;
	}
	
#south {
	position: absolute;
	top: 73px;
	left: 46px;
	}
	
#west {
	position: absolute;
	top: 41px;
	left: 8px;
	}
	
#current_swell {
	position: absolute;
	top: 168px;
	left: 204px;
	background-color: #eee;
	padding: 2px;
	border-bottom: 2px solid #ccc;
	}

#spots_list {
	text-align: left;
	}
	
#map_box {
	position: relative;
	top: 0px;
	left: 0px;
	}
	
	
.tracker_table_heading {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}
	
.maine_map {
	margin-top: 15px;
	}
	
/*IE 6 ARROW HACKS*/	
	
.map_box_swell_arrow1 {
	position: absolute;
	top: 240px;
	left: 155px;
	}
	
.map_box_swell_arrow2 {
	position: absolute;
	top: 165px;
	left: 210px;
	}
	
.map_box_swell_arrow3 {
	position: absolute;
	top: 192px;
	left: 168px;
	}


html>body .map_box_swell_arrow1 {
	position: absolute;
	top: 220px;
	left: 195px;
	}
	
html>body .map_box_swell_arrow2 {
	position: absolute;
	top: 190px;
	left: 225px;
	}
	
html>body .map_box_swell_arrow3 {
	position: absolute;
	top: 160px;
	left: 255px;
	}
	
	
.map_box_wind_arrow1 {
	position: absolute;
	top: 140px;
	left: 75px;
	}
	
.map_box_wind_arrow2 {
	position: absolute;
	top: 110px;
	left: 105px;
	}
	
.map_box_wind_arrow3 {
	position: absolute;
	top: 80px;
	left: 135px;
	}
	
html>body .map_box_wind_arrow1 {
	position: absolute;
	top: 140px;
	left: 135px;
	}
	
html>body .map_box_wind_arrow2 {
	position: absolute;
	top: 110px;
	left: 165px;
	}
	
html>body .map_box_wind_arrow3 {
	position: absolute;
	top: 80px;
	left: 195px;
	}	
	
.arrow_des {
	position: absolute;
	top: 5px;
	left: 2px;
	}
	
.arrow_des td {
	border: 0px;
	}
	
	
/* END IE 6 HACKS */
	
.map_box_swell_info {
	color:#fff;
	background-color: #336699;
	font-size: 13px;
	position: absolute;
	top: 282px;
	left: 205px;
	width: 63px;
	padding: 2px;
	}
	
.header {
	color: #336699;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid;
	}
	
.header a {
	color: #336699;
	text-decoration: none;
	}
	
.header a:hover {
	color: #000055;
	}
	
.list_of_spots {
	margin-top: 8px;
	line-height: 13px;
	}
	
.list_of_spots a {
	display: block;
	width: 100%;
	color: #000055;
	padding: 1px;
	font-size: 11px;
	}

.list_of_spots a:hover {
	background-color: #336699;
	color: #eee;
	text-decoration: none
	}
	
.note {
	margin-top: 15px;
	color: #336699;
	font-size: 11px;
	}
	
.forecast_title {
	background-color: #000055; 
	color: #fff; 
	width: 100%; 
	height: 15px; 
	font-weight: bold; 
	padding-left: 2px;
	}
	
.forecast_title a {
	color: #fff;
	text-decoration: none;
	}
	
.forecast_title a:hover {
	color: #ccc;
	}

.forecast_text {
	padding: 4px;
	}
	
.forecast_text a {
	color: #666;
	font-weight: bold;
	}
	
.forecast_text a:hover {
	color: #000055;
	}
	
####################
####Forecast NAV CSS

#title_links {
	position: absolute;
	top: 160px;
	left: 224px;
	background-color: #eee;
	padding: 2px;
	border-bottom: 2px solid #ccc;
	}

.title_links {
	font-size: 11px;
	color: #666;
	padding: 1px;
	}
	
.title_links a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	}
	
.title_links a:hover {
	color: #000055;
	text-decoration: underline;
	}
	
.currentpage {
	font-weight: bold;
	color: #000055;
	}