body
{
	margin-top: 0px;
}

td
{
	vertical-align: top;
}
	
body, p, td, th, li 
{
	scrollbar-3dlight-color:#f4f4F4;
	scrollbar-arrow-color:#555555;
	scrollbar-base-color:#555555;
	scrollbar-darkshadow-color:#555555;
	scrollbar-face-color:#dedddd;
	scrollbar-highlight-color:#f4f4F4;
	scrollbar-shadow-color:#f4f4F4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}

.maptext

{
	color: #ffffff;
}
a.maptext
{
	color: #ffffff;
	text-decoration:none
}

a:link, a:visited, a:active
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #385AA1;
}

a:hover
{
	text-decoration: underline;
}
a.homepagelink
{
}

h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #385AA1;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin: 0;
		margin-top: 0px;
	padding-top: 0px;
}

h2
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

h3
{
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #3e2769;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
		margin-top: 0px;
	padding-top: 0px;
}
h4
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
h5
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e2769;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
		margin-top: 0px;
	padding-top: 0px;
}
h6
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #3e2769;
	font-weight: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
		margin-top: 0px;
	padding-top: 0px;
}

/*input
{
 	text-decoration: none;
 	color: #3C639A;
 	background: #FFFFFF;
 	border-top: 1px solid #000000;
 	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
 	border-bottom: 1px solid #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
 	padding-left : 0px;
}*/

form
{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

table.gridtableborder tbody tr td, table.FooBar tr td {
	border: 1px solid #385AA1;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.maintableborder {
	border-top: 1px solid #BAD47B;
	border-left: 1px solid #8DA943;
	border-right: 1px solid #8DA943;
	border-bottom: 1px solid #8DA943;

margin-bottom: 0px;
padding-bottom: 0px;
}
.tableborder {
border: 1px solid #385AA1;

margin-bottom: 0px;
padding-bottom: 0px;
}
.tablebordergreen {
border: 1px solid #8eaa43;

margin-bottom: 0px;
padding-bottom: 0px;
}
.tablebordershadow {
border: 1px solid #cccccc; box-shadow: 0.4em 0.4em #eeeeee;
}
.tableborderleft {
border-left: 1px solid #cccccc;
color: #ffffff
}
.tableborderright {
border-right: 1px solid #cccccc;
}
.tablebordertopright {
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tablebordertop {
border-top: 1px solid #cccccc;
}
.tableborderbottom {
border-bottom: 1px solid #cccccc;
}
.tablebordertopbottom {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.tableborderbottomright {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tableborderbottomleft {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin-bottom: 0px;
padding-bottom: 0px;
}
.tablebordertopbottomright {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tablebordertopbottomleft {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.tableborderbottomleftright {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tableborderleftright {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.admPanelText
{
	color: #000000;
}

.dataTypeMsg
{
	background-color: #ffffff;
	width: 300px;
	border: solid 2px #cccccc;
	position: absolute;
	left: 35%;
	top: 50%;
	z-index: 10;
}

/* ----- menu styles ----- */
.menu
{
	align: center;
		width: 540px;
		border-right: 1px solid #cccccc;
}

.menurow
{
	text-align: left;
	height: 20px;
	width: 540px;
}

.rootitem
{
	text-align: left;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #888888;
	text-decoration: none;
	vertical-align: bottom;
}

a.activemenulink, a.activemenulink:link, a.activemenulink:visited, a.activemenulink:active
{
	font-weight: bold;
	line-height: 14px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	display: block;
	height: 100%;
	padding: 4px;
	text-decoration: none;
	font-size:11px;
}
a.activemenulink:hover
{
	font-weight: bold;
	text-decoration: underline;
	background-color: #ff0000;
}

a.TextMenu
{
	line-height: 22px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	border-left: 2px solid #BAD47B;
	border-right: 2px solid #BAD47B;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #8DA943;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	white-space: nowrap;
}
a.TextMenu:visited
{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
a.TextMenu:hover
{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #75a110;
	white-space: nowrap;
}

a.ActiveTextMenu
{
	line-height: 22px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	border-left: 1px solid #8DA943;
	border-right: 1px solid #8DA943;
	border-top: 1px solid #8DA943;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #BAD47B;
	color: #385AA1;
	white-space: nowrap;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
a.ActiveTextMenu:visited
{

}
a.ActiveTextMenu:hover
{

}


div.TextMenu
{
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom:0px;
	text-align: center;
	background-color: #BAD47B;
	width: 760px;
	align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	border-left: 3px solid #BAD47B;
	border-right: 3px solid #BAD47B;
	border-bottom: 3px solid #BAD47B;
	color: #BAD47B;
}

.admlink
{
	margin-left: 24px;
}
.admlink a
{
	margin-left: 6px;
	margin-right: 6px;
}
.admtoolbox tr td
{
	height: 40px;
	background-repeat: no-repeat;
	background-position-x: 3px; 
	background-position-y: 3px;
	padding-left: 42px;
}



/* admin menu */

.adminmenucontainer
{
	width: 100%;
	background-color: #eeeeee;
}

.adminmenu
{
	width: 770px;
}

.adminmenurow
{
	text-align: center;
	height: 24px;
}

.adminrootheading
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	font-weight: bold;
	font-size: 13px;
}

.adminrootitem
{
	text-align: left;
	background-color: #eeeeee;
	color: #000000;
	text-decoration: none;
	width: 25%;
	text-indent: 30px;
}

a.adminrootmenulink
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.adminsubmenu
{
	line-height: 14px;
	width: 180px;
	display: none;
	position: absolute;
	background-color: #eeeeee;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	z-index: 99999999;
}

.adminmenuitem
{
	height: 24px;
	padding: 3px;
}

a.adminmenulink
{
	line-height: 14px;
	display: block;
	color: #000000;
	padding: 6px;
	text-align:left;	
	text-decoration: none;
	font-size: 12px;
	text-indent: 24px;
}

/* end admin menu */



/* For admin menus to work */

.submenu
{
	line-height: 12px;
	width: 148px;
	border-top: solid 0px #385AA1;
	border-right: solid 1px #bdc6e5;
	border-left: solid 1px #bdc6e5;
	display: none;
	position: absolute;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	z-index: 9999;
}

.menuitem
{
	line-height: 12px;
	display: block;
	text-align: left;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-color: #8DA943;
	text-decoration: none;
	border-top: solid 0px #ffffff;
	border-bottom: solid 1px #bdc6e5;
	text-transform: none;
}

a.rootmenulink, a.rootmenulink:link, a.rootmenulink:visited, a.rootmenulink:active
{
	line-height: 19px;
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	border-left: 1px solid #BAD47B;
	border-bottom: 2px solid #BAD47B;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

a.rootmenulink:hover
{
	background-color: #75a110;
}

a.activerootmenulink, a.activerootmenulink:link, a.activerootmenulink:visited, a.activerootmenulink:active
{
	line-height: 19px;
	display: block;
	color: #385AA1;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	border-top: 1px solid #BAD47B;
	border-left: 1px solid #BAD47B;
	border-bottom: 2px solid #ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.activerootmenulink:hover
{
	
}

a.menulink, a.menulink:link, a.menulink:visited
{
	line-height: 12px;
	display: block;
	height: 100%;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-color: #8DA943;
	color: #ffffff;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size:11px;
	text-decoration: none;
}

a.menulink:hover
{
	text-decoration: underline;
	background-color: #75a110;
}
a.menulink:active
{
	background-color: #BAD47B;
	color: #385AA1;
}
a.activemenulink:active
{
	background-color: #BAD47B;
	color: #385AA1;
}
/* End admin menus */


/* START: OBS */
table.obs
{
	width: 100%;
}

th.obs
{
	color: #385AA1;
	padding: 0px 3px 4px 3px;
}

th.obs_sub
{
	color: #385AA1;
	font-weight: normal;
	padding: 0px 8px 8px 8px;
}
th.obs_sub2
{
	color: #385AA1;
	font-weight: normal;
	padding: 0px 0px 8px 0px;
}

span.obs_unit
{
	color: #A0A0A0;
	font-weight: normal;
}

tr.obs
{
}

td.obs
{
	padding: 5px 8px 5px 8px;
	text-align: left;
	vertical-align: top;
}

td.obs2
{
	padding: 5px 8px 5px 8px;
	text-align: left;
	vertical-align: top;
}

/* END: OBS */

/* START: TIDES */
table.tides_forecast
{
	width: 100%;
}

td.tides_forecast_head
{
	font-style: italic;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_forecast_subhead
{
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_forecast_time
{
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_forecast_height
{
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_forecast_state
{
	padding: 2px 0px 2px 0px;
	text-align: center;
}

span.tides_forecast_low
{
	color: #FF0000;
}

span.tides_forcast_high
{
	color: #0000FF;
}

table.tides_today
{
}

td.tides_today_head
{
	font-style: italic;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_today_subhead
{
	padding: 2px 0px 2px 0px;
	text-align: center;
}

td.tides_today_time
{
	padding: 2px 12px 2px 0px;
	text-align: left;
}

td.tides_today_height
{
	padding: 2px 12px 2px 0px;
	text-align: left;
}

td.tides_today_state
{
	padding: 2px 0px 2px 0px;
	text-align: left;
}

span.tides_today_low
{
	color: #FF0000;
}

span.tides_today_high
{
	color: #0000FF;
}

span.tides_unit
{
	color: #A0A0A0;
	font-weight: normal;
}
/* END: TIDES*/


h4 + p
{
	margin-top: 2px;
	padding-top: 0px;
}
h2 + p
{
	margin-top: 2px;
	padding-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
}
.forecastheader
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #385AA1;
	font-weight: bold;
	padding-top: 6px;
	margin-top: 6px;
}
.forecastbody
{
	padding-top: 0px;
	margin-top: 0px;
}


.mooncalendartable
{
	border: 1px solid #000000;
}

.mooncalendarcell
{
	border: 1px solid #eeeeee;
}

.mooncalendardate
{
	font-size: 12px;
	font-weight: bold;
}

.moontitle
{
	color: #666666;
}

.moonsuntimetable
{
	width: 130px;
}

.mooncalendarmonth
{
	font-weight: bold;
	border: 1px solid #eeeeee;
}

/*one day calendar*/
table.sm1dtable
{
	width: 540px;
	border: 0px solid #000000;
}

td.sm1dheadingcell
{
	width: 11%;
	text-align: center;
	padding: 6px;
	font-weight: bold;
	text-transform: capitalize;
}

td.sm1ddatacell
{
	width: 11%;
	text-align: center;
}


img.sm1dimg
{
	width: 44px;
}


h2.location {font-size: 1.1em; color: #069; }
h2.warning {font-size: 1.1em; color: #f60;}
p.warning{margin:0 0 0 0;}
/*end one day calendar*/
.forecast h2 {font-size: 1.1em; margin: 1em 0 0.2em; color: #000; clear: both; }
.forecast h2.warning {font-size: 1.1em; color: #f60;}
.forecast h3 {font-size: 1em; margin: 0.4em 0 0.3em; color: #000; clear: both; }
.forecast p.source strong, .forecast p.date strong  {display: block;}
.forecast p.p-id {white-space:pre; color:#000;}
.forecast p.source {display:none;}
.forecast p.date {color: #069; margin: 1em 0; line-height: 1.3em; padding: 0;}
.forecast dl {display: table; font-size: 1em; margin: 0.5em 0.2em 0.3em 0; padding: 0;}
.forecast dt {font-size: 1em; color: #000; font-weight: normal; float:left; clear: both; width: 9em; margin: 0 0 0.2em; padding: 0;}
.forecast dd {white-space:nowrap;font-size: 1em; color: #000; font-weight: normal; float: left; width: 4.2em; margin: 0 0 0.2em; padding: 0;}
.forecast dd.summary {width: 27em;}
.forecast em.max, .forecast em.min, .forecast em.uv {font-style: normal; margin: 0 0.5em 0 0.3em;}
.forecast h1 {display: none;}

.forecast p {clear: both; margin: 0.3em 0 1em;}
.forecast p.alert {color: #000; font-weight: normal; margin: 0.5em 0;}
.forecast .dated dt {font-weight: bold;}
.forecast .extended dt {font-weight: bold;}
.forecast .extended dd {width: 35em;}
.forecast h2.location {color: #069;}
*+html .forecast dd.eol {float: none;white-space:nowrap;}
* html .forecast dd.eol {float: none;white-space:nowrap;}