/* ====================================================================
GLOBAL STYLESHEET
this stylesheet is loaded by all marine pages
-------------------------------------------------------------------- */
/* DO NOT FLOAT LAYER -- Causes print preview bug in Netscape 7 & 8 */
/*  cause safari to move content below left menu */

div.center {
	padding: 0 0 5px 10px;
}

div.center div.grouping,
div.center p,
div.center ul#legendbx,
div.center h1,
div.center div.wBox,
div.center span.wc-bslink,
div.center span.exceptionText {width:480px;}

div.center div.textTableHeader p {
	width:550px;
	display:inline;
	height:100px;
}

div.center div.cRight p {
	width:155px;
}

/* ====================================================================
BASIC FORMATTING
-------------------------------------------------------------------- */

#mContainer input[type=submit] { width:5em; display:inline; }

#mContainer { line-height: 1.3;}
#mContainer h2 { margin: 0;} /* content title*/
#mContainer h3, #mContainer a.h3:link, #mContainer a.h3:visited { font-size:1em; color:#0030cf; font-weight:bold; display:inline;} /* content sub-heading title */

.cRight h3 { color:#000;}
#mContainer a.h3:focus, #mContainer a.h3:hover, #mContainer a.h3:active { font-size:1.2em;}
#mContainer h4 { font-size:1.0em; color:#000; font-weight:bold; display:block; margin:0; } /* content sub-heading title style 2 */
#mContainer h5 { font-size:1.0em; color:#000; font-weight:bold; display:block; margin:0;/*page-break-after:always;*/} /* content sub-heading's sub */

#mContainer a.h3:focus, #mContainer a.h3:hover, #mContainer a.h3:visited { font-weight:bold; color:#009;}

#mContainer a:link, .linkBookends { font-size:1em; color:#03c; text-decoration:underline;}
#mContainer a:focus, #mContainer a:hover, #mContainer a:visited { font-size:1em; color:#009; text-decoration:underline;}

#mContainer a.anchor:link, #mContainer a.anchor:active { font-size:1em; color:#03c; text-decoration:none;}
#mContainer a.anchor:focus, #mContainer a.anchor:hover, #mContainer a.anchor:visited { font-size:1em; color:#009; text-decoration:none;}
#mContainer .linkBookends { font-size:.95em; color:#03c; text-decoration:none;}
#mContainer .deadLinkBookends { font-size:1em; color:#666; text-decoration:none;}

#mContainer a.small:link { font-size:0.7em; text-decoration:underline;}
#mContainer a.small:focus, #mContainer a.small:hover, #mContainer a.small:visited { font-size:0.7em; color:#009; text-decoration:underline;}

.textWarning { color:#b00; font-weight:bold; display:block; margin-top:0; margin-bottom:0; /*text-transform:uppercase;*/}
.blueBold { color:#03c; font-weight:bold; display:block; margin-top:0;}
.black {color:#000;}

.small { font-size:10px;}
.marinefont { font-family: Verdana, Arial, sans-serif; }

.spacer { display:block; margin-bottom:20px;}
.spacer-content { display:block; margin-top:30px;}

.basicWidth {width:590px;}

/* warning colours */
.warning { color:#b00; background-color:#c00;}
.warning2 { color:#b00; background-color:#c00;}
.watch { color:#ff0; background-color:#ff0;}
.statement { color:#b00; background-color:#707070;}
.advisory { color:#b00; background-color:#707070;}
.ended { color:#6c6; background-color:#6c6;}
.none { color:#6cf; background-color:#6cf;}
.cyclone { color:#efc500; background-color:#efc500;}
.hurr_s {background-image: url("/hurricane/images/hurr_s.png"); border-style:none; margin-left:5px;}

/* general text formatting */
.textleft { text-align:left;}
.textright { text-align:right;}
.textcenter { text-align:center;}
.textjustify { text-align:justify;}
.small { font-size:10px;}
.smaller { font-size:9px;}
.fineprint { font-size:8px;}
.strike	{ text-decoration:line-through;}
.underline { text-decoration:underline;}
.normal { text-decoration:none;}
.underline { text-decoration:underline;}
.italic { font-style:italic;}
.bold { font-weight:bold;}
.indent { margin-left:35px;}
.tooltipText {
	visibility: hidden;
	color: black;
	border: solid 1px;
	border-radius: 5px;
	font-size: 13px;
	padding: 2px;
	white-space:nowrap;
	display: inline-block;
}
.linkTooltip:hover ~ .tooltipText, .linkTooltip:focus ~ .tooltipText{
	visibility: visible;
}

/*	text formatting, for a specific class	*/
.subPageTitle {
	font-size:0.9em;
}

/* there is a setting in the global template which tells all p tags to indent... override it */

.warningHeaderLinks { text-align:center; display:block; margin:10px 0 10px 0; font-size:12px; font-weight:bold;}

/* ====================================================================
BANNERS & TOP ROW OF TABBED PAGES
-------------------------------------------------------------------- */
#banner-index { display:block; /*width:609px; height:90px;*/ text-align:center; margin-bottom:20px; margin-left:1px;}
#banner-tab { position:absolute; right:0px; font-size:0.8em; /*width:300px; height:54px;*/}

#topPage {
	/* page-break-after:always;*/
	margin:4px 0px 10px 0px;
}
#topPage #rName { width:300px;}
#topPage #rNameFull {
}

/* ====================================================================
SECTION (TABS) FORMATTING
-------------------------------------------------------------------- */

.exceptionText {
	color:#039;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}
.exceptionText a {
	font-weight:bold;
}

/* Tables Cell Alignment */
.t-left { text-align:left;}
.t-right { text-align:right;}
.t-center { text-align:center;}


/* Weather Conditions - Tables */
table.wc-table { margin:10px 0 15px 0; border:1px solid #b0bdcc; font-size:1em; color:#666; width:100%}
table.wc-table td {font-weight:bold;text-align:right;}
table.wc-table td, table.wc-table th { padding:2px 6px; vertical-align: middle}
table.wc-table th {background-color:#e1efff; font-weight:normal; white-space:normal; color:#666; text-align:left;}

table.wc-table-24hrs {
position:relative;
border:1px solid #b2becf;
border-collapse:collapse;
margin:10px 0 10px 0;
padding:0; width:100%;
font-size:1em;
color:#555;
word-wrap:break-word;
}
table.wc-table-24hrs th { border:1px solid #b2becf; border-collapse:collapse; background-color:#e1efff; padding:0px; vertical-align:top; font-weight:normal; color:#666;}
table.wc-table-24hrs th.date { background-color:#e1efff; font-weight:bold; width:99%; white-space:normal; color:#659acf; text-align:left; border:1px;}
table.wc-table-24hrs td { border-right:1px solid #b2becf; border-collapse:collapse; }
table.wc-table-24hrs td, table.wc-table-24hrs th.date { padding:3px; font-size:0.9em;}
table.wc-table-24hrs tr.odd { background-color:#f0f7ff;}
table.wc-table-24hrs tr th.date a { margin-right:3px;}

.wc-unit { display:block;}
.wc-bslink { margin-bottom:10px; display:block; }
.wc-bslink a { white-space:nowrap; }
.blackbold {font-weight:bold;}

.wcMapHeader { color:#666; font-weight:bold; float:left; margin-top:6px;}
.stationLabel {color:#666; font-weight:bold;}

div#wc-nav {
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin: 0;
	border: 0;
	left: 0;
}

div#wc-nav ul#wc-nav-list {
	padding: 0;
	bottom: 0;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	white-space:nowrap;
	margin: 0;
}

div#wc-nav ul#wc-nav-list li  {
	float:left;
	background-color: #E1EFFF;
	list-style: none;
	margin: 0 5px 2px 0;
}

div#wc-nav ul#wc-nav-list #on {
	background-color:#5179A1;
	color:#fff;
	text-decoration:none;
}

div#wc-nav ul#wc-nav-list a {
background-image:none;
	display: block;
	float: left;
	padding: 4px;
	text-align: center;
	text-decoration: none;
}

div#wc-nav ul#wc-nav-list #on a {
	color:#fff;
	text-decoration:none;
}
div#wc-nav ul#wc-nav-list a.current,
div#wc-nav ul#wc-nav-list a.current:focus,
div#wc-nav ul#wc-nav-list a.current:hover {
	margin: 0;
	border:0;
}

div#wc-nav ul#wc-nav-list a:focus,
div#wc-nav ul#wc-nav-list a:hover {
	margin-top: 0;
	border:0;
	background: #94b8db;
	color: #000;
}

div#wc-nav ul#wc-nav-list #on a:focus,
div#wc-nav ul#wc-nav-list #on a:hover {
background:inherit
}


/* Weather Conditions - Station Drop Down */
select { border:1px solid #666;}
optgroup.header-buoy { color:#c00; font-weight:bold; display:block; background-color:#fae5e5;}
optgroup.header-land { color:#363; font-weight:bold; display:block; background-color:#dee8de;}

div.wc-summary-nav { margin:0; margin-bottom:15px;  padding:0;}
div.wc-summary-nav span { margin-right:5px; display:inline; float:left;}
div.wc-summary-nav span a { text-decoration:none; }
div.wc-summary-nav span.backToTop { float:right; }

/* MAFOR Decode Table */
.topSpacer { margin-top:25px; display:block;}
ul.mafor { margin:0 0 25px 0; padding:0;}
ul.mafor li { display:inline; list-style-type:none; margin-right:10px; font-weight:bold;}
ul.mafor dt { display:block;}
table.cTable, table.cTable td, table.cTable th { border:1px solid #b2becf; border-collapse:collapse;}
table.cTable { width:590px; margin-bottom:25px; border:0;}
table.cTable caption {display:none;}
table.cTable td, table.cTable th {
	padding:3px;
	vertical-align:top;
	font-size:0.9em;
}
table.cTable th { background-color:#e1efff; text-align:left; font-size:0.9em;}
table.cTable th.tCode { text-align:center;}
table.cTable tr.sub th { background-color:#e1efff; font-style:italic;}
.tCode { background-color:#f0f7ff; text-align:center;}

/* Warnings */
.wBox {}
.wBox .dottedLineImage { margin:20px 0 0px 0;}
.wBoxTitle h3 {
	color:#000;
	background-color:#e1efff;
	font-size:1.2em;
	display:block;
	padding:3px 3px 3px 3px;
	width:100%;
}
.wBoxTitle {
padding: 0 0 10px 0;
}

/* Text Pages */
.textpage-cHolder { margin:20px 0 0px 0; /*border-bottom:1px solid #ccc;*/ padding-bottom:10px;}
.textpage-headerbar { display:block; background-color:#e1efff; display:block; padding:3px; margin-bottom:10px;}
.periodOfCoverage, .ef-date { display:block; color:#03c; font-weight:bold; margin:0px 0 8px 0;}
.ef-date { margin-bottom:0;}
.disclaimerNote { display:block; margin-top:10px;}
.textSummary { display:block; margin:0 0 10px 0;}
.textSummaryBold { display:block; margin:0 0 10px 0; font-weight:bold;}

/* Ice Conditions */
.grouping { display:block; margin-bottom:20px;}

/* Another Area */
#aaTable {float:left;/* min-height:100px; */ border:1px solid #ccc; margin-bottom:5px;width:100%}
#aaTitleBar { width:580px; text-indent:0px; margin:2px 0 0 5px;}
#aaLinks { width:580px; min-height:65px; height:65px;}
#aaLinks ul { list-style:none; float:left; width:580px; margin:5px 0 5px 5px; padding:0;}
#aaLinks ul li { float:left; width:280px; margin:0; margin-bottom:5px; padding:0;}
#aaLinks ul li a:link, #aaLinks ul li a:active, #aaLinks ul li a:visited  { font-size:11px; color:#333; text-decoration:underline; text-align:center;}
#aaLinks ul li a:focus, #aaLinks ul li a:hover { font-size:11px; color:#4169e1; text-decoration: underline;}

/* ====================================================================
MAPS
-------------------------------------------------------------------- */
#canMap {position:relative;margin-left:-5px;margin-top:5px;padding:0px;}
#wcMap {position:relative; float:left; display:block; margin-top:0px;margin-left:0px;z-index:0;clear:right; }
#tabMap {width:100%;}
#tabMap img {margin-top:5px;}

.mapTable { margin-top:20px; font-size:12px;}
.mapTable .icon, .mapTable .text { padding-bottom:20px; vertical-align:top;}
.mapTable .icon { padding-right:10px;}
.mapTable .text { }
.mapTable .text a { display:block;}
.mapTextGroup { display:block; margin-bottom:30px; width:250px;}
.mapTextGroup a { display:block;}
.mapTextGroup span { display:block;}

/*used for legend on canada/regional maps*/
.rightLeg{position:relative; left:6em;}
.displayDiv{width:75px !important;}
/* MAP LEGEND - Don't think any of this is used anymore after WET*/
#mapLegend, #mapLegend590 { width:610px; height:25px; margin:25px 0 0 0; font-size:14px;}
#mapLegend td, #mapLegend590 td { padding-right:5px;}
#mapLegend590 { width:590px;}
.legBoxTDCell { width:35px; height:25px;}

.legendGroup { margin:0; padding:0; /*margin-right:15px;*/}
.legBox { width:1.2em; float:left; font-size: 20px; margin-right:4px;padding:0px;}
.legBoxBorder { border:1px solid black;}

ul#legendbx {
	display:block;
	list-style:none;
	position:relative;
	padding:0;
	margin:0;
	float:left;
	width:95%;
}

ul#legendbx li {
	float:left;
	padding:15px 10px 15px 0;
	white-space:nowrap;
}
ul#legendbx li.lbxLast {
	padding-right: 0;
}


ul#legendbx li.lbx div {
	padding:1px;
	margin-right:5px;
	width:1.2em;
	float:left;
	display:inline;
	border:1px solid black;
}

/* MAP LEGEND - WEATHER CONDITIONS */
#regMapLegend { height: auto !important; }
#regMapLegend { float:left; border:1px solid #bebebe; margin-top:10px;margin-bottom:10px; padding:5px; height:17px; width:580px;}
#regMapLegend .title {display:inline; font-weight:bold; padding-right:0px; /*added*/ float: left;}
#regMapLegend .group {display:inline;  padding-right:0px; /*added */ float: left;}
#regMapLegend .group img { margin: 0px 4px;}

/* Hack for IE 6 to reset page width */
* html div#regMapLegend {width:578px;}

/* MAP TOOLTIPS popups */
#pup { position:absolute;visibility:hidden;width:130px; z-index:200; }

.toolTipBox {	/*	the popup box	*/
	display:block;
	background-color:#FFFEE0;
	border:1px solid #000;
/*	width:130px;
	min-height:10px;
	min-width:130px;	*/
	padding:3px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	z-index:999999;
	text-align: center;
}
	/*border-style:groove;  NN4 adds approx 3px padding, adding this causes NN4 to hide the border */
	/* NN4 font-size should be 11px to display the same as current browsers */


/* MAPS - IMG HOLDER */
/*div#regMapHolder { text-align:center; border:1px solid #ccc;}
div#regMapHolder #rMap { border:9px solid #fff;}
removed because not needed*/
/*div#regMapHolder-wConditions {position:relative; margin-top:5px;}
i deleted this because it was screwing with the wc_map.php file*/

div#relmap {position:relative;top:0px;left:0px;border:0px;}
div#relmap img {border:0px;}

/***************************************/
/* TAB INTERFACE */
/***************************************/
div#mContainer {
	float:left;
}/*i made it absolute*/

div#mPageHolder {
}
div#mPageContent, div#mPageContent-bluebar {
	margin:0 auto;
	width:700px;
	float:left;
}
* html div#mPageContent {width:650px;}

div#contentTitleBar, div#contentTitleBar-noBottomMargin {
	padding:0;
	margin:15px 0 20px 0;
	border-bottom:1px solid #000;
	width:700px;

}
div#contentTitleBar-noBottomMargin { margin-bottom:0;}
div#contentTitleBar div#cTitle {
	max-width:100%;
}
div#contentTitleBar div#cECLogo {
	display:inline;
	float:right;
}
div#contentTitleBar div#cECLogo-text {
	display:inline;
	overflow:visible;
	font-size:0.9em;
	float:right;
}

hr.cLine { border:0; color:#000; background-color:#000; height:1px; margin:1px 0 20px 0;}
hr.cLine-noBottomMargin { border:0; color:#000; background-color:#000; height:1px; margin:1px 0 0px 0;} /* THIS MAKES IE PISSY */
hr.cLineDotted { background:none; border:none;  border-bottom:1px dotted #6CA7FF; margin:5px 0 20px 0; height:0px;}

.issuedTime, .issuedTime2 { color:#369; display:block; line-height:1.4; margin-bottom:10px; }
.issuedTime3 { color:#369; }

a.boldBlue:link, a.boldBlue:active { color:#03c; text-decoration:underline;}
a.boldBlue:focus, a.boldBlue:hover, a.boldBlue:visited { color:#039;}


/* 2 Col ICE Layout*/
#icePage2Col-c1 { width:100%; position:relative;}
#icePage2Col-c2 { width:100%; position:relative;}

/* 2 Col Layout  for MAP PAGE*/

#mPage2Col-c1 { float:left; margin-left:5px; margin-right:10px; margin-top:10px;}
#mPage2Col-c1-glossary { float:left; width:330px; margin-top:0; margin-right:25px; }
#mPage2Col-c1-glossary p { margin:10px 0; width:330px;}
#mPage2Col-c1b1 {margin:15px 0;/*height:50px;*/}
#mPage2Col-c1b1 div.box1 {float:left;margin-right:10px;}
#mPage2Col-c1b1 div.box2 {position:static;float:left;}
#mPage2Col-c1b2 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c1b2 div.box1 {float:left;margin-right:10px;}
#mPage2Col-c1b2 div.box2 {position:static;float:left;width:150px;}
#mPage2Col-c1b2 div.box2 p {width:150px;}
#mPage2Col-c1b3 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c1b3 div.box1 {float:left;margin-right:10px;}
#mPage2Col-c1b3 div.box2 {position:static;float:left;}

#mPage2Col-c2 { float:left;margin-left:5px; margin-right:5px; margin-top:10px;}
#mPage2Col-c2-glossary { float:left; margin-top:0; padding-right:5px; width:330px; }
#mPage2Col-c2-glossary p { margin:10px 0; width:330px;}
#mPage2Col-c2b1 {/*float:left;*/ margin:15px 10px 0 0;/*height:50px;*/}
#mPage2Col-c2b1 div.box1 {float:left;}
#mPage2Col-c2b1 div.box2 {margin-left:10px;position:static;float:left; width:140px;}
#mPage2Col-c2b2 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c2b2 div.box1 {float:left;}
#mPage2Col-c2b2 div.box2 {margin-left:10px;position:static;float:left; width:140px;}


#mPage2Col-c3 { float:left;margin-left:5px; margin-top:10px;}
#mPage2Col-c3-glossary { float:left; margin-top:0; padding-right:5px; width:330px; }
#mPage2Col-c3-glossary p { margin:10px 0; width:330px;}
#mPage2Col-c3b1 {/*float:left;*/ margin:15px 10px 0 0;/*height:50px;*/}
#mPage2Col-c3b1 div.box1 {float:left;}
#mPage2Col-c3b1 div.box2 {margin-left:10px;position:static;float:left;}
#mPage2Col-c3b2 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c3b2 div.box1 {float:left;}
#mPage2Col-c3b2 div.box2 {margin-left:10px;position:static;float:left; width:150px;}
#mPage2Col-c3b3 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c3b3 div.box1 {float:left;}
#mPage2Col-c3b3 div.box2 {margin-left:10px;position:static;float:left; width:150px;}

div#mPage2Col-c1b1, div#mPage2Col-c1b2, div#mPage2Col-c1b3, div#mPage2Col-c2b1, div#mPage2Col-c2b2, div#mPage2Col-c3b1, div#mPage2Col-c3b2, div#mPage2Col-c3b3{ overflow: visible; clear: left; }
 div.boxNone
{position:relative;margin-top:-50px;left:75px;width:200px;min-height:60px;}
.noLink {
	font-weight:bold;
	color:#0033CC;
}


/*=========================================================================
 Maps Page Layout
=========================================================================== */
#mPage2Col-c1 p img, #mPage2Col-c2 p img { margin-right:10px; vertical-align:top;}
#mPage2Col-c1 a:link, #mPage2Col-c1 a:visited, #mPage2Col-c2 a:link, #mPage2Col-c2 a:visited, #mPage2Col-c3 a:link, #mPage2Col-c3 a:visited {font-weight:bold;}

/*=========================================================================
 Forecast Page Layout
========================================================================== */
div.cGrandpa, div.cGrandpaNoBlue {
	width:700px;
	margin:0;
	padding:0;
	background:url("/marine/images/blueRbar.gif") repeat-y 110px;
}
div.cGrandpaNoBlue {
	background: none;
}
div.cGrandpaNoBlue div.cLeft {
	width:700px;

}

div.cRight h5 { color:#03c;}
div.cLeft {
	float:left;
	width:510px;
}
div.cRight {
	float:right;
	width:155px;
	margin:0px 10px 10px 10px;
	padding:0;
}
div.cFooterForecast { clear:both; margin:0px; padding:6px 0px 1px 0px; border:0px;}
div.cFooter { clear:both; background-color:#000; color:#000; height:1px; font-size:1px; line-height:0px; margin:0px; padding:0px; border:0px; margin-top:5px;}
div.cFooterHidden { clear:both; background-color:#fff; color:#fff; height:1px; font-size:1px; line-height:0px; margin:0px; padding:0px; border:0px; margin-top:0px;}
.f-12Holder {
	margin:0 0 5px 0;
}
.f-c1 {
	float:left;
	margin:0px 6px 0px 0px;
	width:160px;
}
div#mContainer div.f-c1 h4 {
	color:#369;
}
.f-c2 {
	float:left;
	width:330px;
	margin:0px 6px 0px 0px;
}
/* 	.dottedLineImage --> content area
	.dottedLineImage2 --> pages with anchor tags at top*/
.dottedLineImage2, .dottedLineImage  { background:url("/marine/images/line_dotted.gif") 0 0 repeat-x; padding:0; margin: 0 0 .4em; border:0;height:1em;}
.dottedLineImage {  clear:both;}
.dottedLineImage2 { margin-top:3px; clear:both; width:700px;}


/* Glossary Page Layout */
/* #gNav {} */
#gNav ul { list-style:none; list-style-type:none; margin:0px; padding:0px; margin-bottom:20px; width:165px; float:left;}
#gNav ul.addRMargin { margin-right:10px;}

#gNav ul li a:link, #gNav ul li a:visited { font-weight:bold; color:#03c;}
#gNav ul li a:focus, #gNav ul li a:hover, #gNav ul li a:active { text-decoration:underline; color:#009;}

/* ====================================================================
WARNING BANNER(S)
-------------------------------------------------------------------- */
#warningBannerHolder { margin: 0 0 15px;}
#warningBanner { margin-top:12px; padding:1px 0 2px;}
.banner-warning { background-color:#b00; border:2px solid #000; }
.banner-watch { background-color:#ff0; color: #000; border:2px solid #000; }
.banner-statement { background-color:#707070; border:2px solid #000; }
.banner-advisory { background-color:#707070; border:2px solid #000; }
.banner-ended { background-color:#6c6; border:2px solid #000; }

#warningBanner ul { margin:0px; padding:2px; list-style:none; list-style-type:none;}
#warningBanner ul li { text-align:center; height:auto; padding:1px;}

#warningBanner ul li a { display:block; }
div#warningBanner ul li a:link, #warningBanner ul li a:visited  { text-align:center; text-transform:uppercase; font-family:sans-serif; font-weight:700; color:#000; text-decoration:none}
div#warningBannerHolder div.banner-warning ul li a:link, div#warningBannerHolder div.banner-warning ul li a:visited, div#warningBannerHolder div.banner-statement ul li a:link, div#warningBannerHolder div.banner-statement ul li a:visited, div#warningBannerHolder div.banner-advisory ul li a:link, div#warningBannerHolder div.banner-advisory ul li a:visited { color:#fff; }

div#warningBannerHolder div ul li a:focus,
div#warningBannerHolder div ul li a:hover {text-decoration:underline}


/* ====================================================================
BOTTOM MARINE-SPECIFIC FOOTER
-------------------------------------------------------------------- */
#mMarineFooter, #mMarineFooter590 {
	display:block;
	/*float:left;*/
	border-top:1px solid #ccc;
	margin-top:5px;
	padding-top:5px;
	width: 700px;
}
#mMarineFooter590 {
	min-height:105px;
}
#bnTitleBar {
	width:685px;
	background-color:#6699CC;
	color:#000;
	font-weight:bold;
	padding: 3px 0px 3px 15px;
}
#bnTitleBar a, #bnTitleBar a:link, #bnTitleBar a:visited, #bnTitleBar a:focus, #bnTitleBar a:hover, #bnTitleBar a:active {
	text-decoration: underline;
	color: #000;
}
#bnTitleBar a:focus, #bnTitleBar a:hover {
	color: #fff;
}

#bnTable {left:0px;top:0px; width:480px; padding-bottom:5px;}
#bnTableFiller {float:left; }

#bnLinks {background-color:#e1efff; width:700px}
#bnLinks ul.mMarineFooter {float:left;width:350px;margin:0;list-style:none; padding:0 0;background-color:#e1efff;}
#bnLinks ul.mMarineFooter  li {float:left;width:320px; margin:0 10px 0;padding:3px 0 3px 5px}
/*	have to declare all four of these, in this specific order, so they work correctly
	link, visited and active are all the same. hover is the only different one	*/
#bnLinks ul.mMarineFooter li a:link {
	color:#333;
	text-decoration:underline;
}
#bnLinks ul.mMarineFooter li a:visited {
	color:#333;
	text-decoration:underline;
}
#bnLinks ul.mMarineFooter li a:focus,
#bnLinks ul.mMarineFooter li a:hover {
	color:#4169e1;
	text-decoration: underline;
}
#bnLinks ul.mMarineFooter li a:active {
	color:#333;
	text-decoration:underline;
}

#MSOButton2 {width:91px; height:84px; right:0px;display:block;font-size:0.90em; font-weight:bold;float:right;}
#MSOButton2-text {width:105px; height:84px; right:0px;display:block;font-size:0.90em; font-weight:bold;float:right;}
#MSOButton2-text-wide {width:205px; height:84px; right:0px;display:block;font-size:0.90em; font-weight:bold;float:right;}


/*XXXXXXXXXXXXXXXXXXXX floated elements clearfix  XXXXXXXXXXXXXXXXXXXXXXX*/
/* When a float is contained within a container box that has a visible border or background,
that float does not automatically force the container's bottom edge down as the float is made taller.*/
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
   display:block;
   clear:both;
}



/* Holly Hack Targets IE Win only \*/
/*forward slash and star on this line are commenting out the hack. this has been moved over to the win_ie stylesheet.
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* ====================================================================
TEXT VERSION - REPLACEMENT FOR MAPS
-------------------------------------------------------------------- */
/* DO NOT FLOAT LAYER -- Causes print preview bug in Netscape 7 & 8 */
.textTable { border:1px solid #b0bdcc; margin:auto;  margin-bottom:20px; width:700px;}

div.textTable ul { margin-top:10px; margin-left:0px; padding:0px; list-style:none; list-style-type:none; min-width:100%;}
.textTable ul li { margin:0px; padding:5px; vertical-align:top;}
.textTable ul li.odd { background-color:#e1efff; }
.textTable ul li.lastItem { border-bottom:none;}
.textTable ul li a:link, .textTable ul li a:visited  { text-align:center;}
.textTable ul li a:focus, .textTable ul li a:hover { text-decoration: underline;}

.textTable .textTableHeader { padding:5px 0 5px 5px; }
.textTableHeader_hurr { padding:5px 0 5px 5px; height:25px; }
.textTable .textTableHeader-highlight { padding:5px 0 5px 5px; font-weight:bold; border-bottom:1px solid #b0bdcc;}
.textTable span.colorBox1, .textTable span.colorBox2, .textTable span.colorBox3, .textTable span.colorBox4 { border:1px solid #000; width:25px; height:25px; background-color:#b00; display:block; float:left; margin-bottom:5px;}
.textTable span.colorBox1 { background-color:#b00;}
.textTable span.colorBox2 { background-color:#ff0;}
.textTable span.colorBox3 { background-color:#6c6;}
.textTable span.colorBox4 { background-color:#6cf;}
.textTable p { margin:0; }


/* ====================================================================
MAIN NAVIGATION
-------------------------------------------------------------------- */
div#navigation {
   float:left;
	padding:0;
	margin:0;
	width:100%;
}
* html div#navigation {width:100%;}

div#navigation div#navRow1 {
}
div#navigation div#navRow2 {
	clear:both;
	float:left;
	z-index:1;
	position:relative;
	top:-0.5em;
	margin-top:-5px;
}
div#navigation div#navRow2 ul {
	position:relative;
}
div#navigation ul {padding:0; margin:0;}
div#navigation dt {display:none;}
div#navigation li {float:left; margin:0; padding:0; text-align:center;display:inline;white-space:nowrap}
div#navigation li a, div#navigation li a:visited {text-decoration:none; color:#000; float:left; font-size:1em;}
div#navigation li a:focus {background: #A7CBFF; color:#000;}
html>body div#navigation li a:active {background: #A7CBFF; color:#fff;}
* html div#navigation li a:active {background: #A7CBFF; color:#fff;}
div#navigation li span {float:left; cursor:pointer;}
div#navigation div#navRow2 li .single {height:1.9em; border-bottom:1px solid #999;}
div#navigation div#navRow1 li .single {height:2.5em; border-bottom:1px solid #999;}

div#navigation .on   {background:#6699cc; color:#000; font-weight:bold }
div#navigation .off  {background:#A7CBFF;}

div#navigation li span.side {
	width:5px;
	float:left;
	margin-top:1px;
	overflow: hidden;
}

div#navigation li span.side span.p1 {width:0; height:1px; float:left; margin-left:3px; border-left:2px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p2 {width:2px; height:1px; float:left; margin-left:2px; border-left:1px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p3 {width:3px; height:2px; float:left; margin-left:1px; border-left:1px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p4 {width:4px; float:left; border-left:1px solid #999;
}

div#navigation li span.side span.p5 {width:0; height:1px; float:left; margin-right:3px; border-right:2px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p6 {width:2px; height:1px; float:left; margin-right:2px; border-right:1px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p7 {width:3px; height:2px; float:left; margin-right:1px; border-right:1px solid #999; font-size:1px;
	overflow: hidden;
}

div#navigation li span.side span.p8 {
	width:4px;
	float:left;
	border-right:1px solid #999;
}

div#navigation li span.mid {border-top:1px solid #999; /*padding:0px 10px;*/}
div#navigation div#navRow1 li span.mid span.tabText {padding:2px 15px; border-bottom:0; white-space:nowrap; width: 193px}
div#navigation div#navRow2 li span.mid span.tabText {padding:2px 8px; border-bottom:0; white-space:nowrap;width: 114px}

div#navigation li a.menu:focus,
div#navigation li a.menu:hover {
	background:transparent;
}

div#navigation li a.menu:focus span.mid,
div#navigation li a.menu:hover span.mid,
div#navigation li a.menu:focus span.mid span,
div#navigation li a.menu:hover span.mid span,
div#navigation li a.menu:focus span.side span,
div#navigation li a.menu:hover span.side span
{
	color:#000;
	background:#84B7EB;
}

div#navigation  div#navRow2 li#link4 span.mid span.tabText { width: 149px }
div#navigation  div#navRow2 li#link5 span.mid span.tabText { width: 149px }
div#navigation  div#navRow2 li#link6 span.mid span.tabText { width: 148px }
div#navigation  div#navRow2 li#link7 span.mid span.tabText { width: 149px }

/* CSS features for that cause problems or are different for Microsoft IE */
.rising {font-size:1.4em;padding-right:1px;margin-bottom:2px;}
.falling {font-size:1.4em;padding-right:1px;}
.steady {font-size:1.2em;padding-left:3px;}

/* ====================================================================
PRINT PREVIEW STYLE SHEET
media="screen"
-------------------------------------------------------------------- */

@media print {

/* top wordmarks*/
#nav-text {display:none;}
.navmenu-text {display:none;}
#nav {display:none;}
#navigation {display:none;}
#wc-nav {display:none;}

#topPage {margin-top:0px;}
h1 {margin-left:10px;margin-bottom:10px;}
div#mPageContent-bluebar {margin-top:0px; }

/* MAFOR Decode Table */
table.cTable {width:80%;}
table.cTable caption {display:none;}
table.cTable, table.cTable td, table.cTable th { border-collapse:separate;}
.tCode { background-color:#f0f7ff; text-align:center;}

#mMarineFooter590 {display:none;}
#mMarineFooter {display:none;}

div#textbelow { display:none;}
div#citybuttons { display:none;}

div.cGrandpa { background:none;}
div.dottedLineImage, div.dottedLineImage2 { background:none}

div#colLayout { float:none; }
div#mContainer, div#mPageContent { float:none; margin:0;}
div#mPage2Col-c1-glossary { width:90%; float:none; }
div#mPage2Col-c2-glossary { width:90%; float:none;}
div#glossaryDefinitions p { width:90%; }

div ul.commonbar { display:none; }

table.wc-table-24hrs, div.wc-summary-nav {

	margin:0;
}

span.wc-bslink a {
	display:block;
}

div.foot1 { width:100%; margin:0;}

div.textTable {width:80%;}

} /* end print styles */

div.gecko-margin-fix {
	clear:both;
	font-size:0.4em;
	padding:0;
	margin:0;
}

div.clear-right {
	clear:right;
	font-size:0.2em;
}

.hurr_m {
	position:relative;
   left:500px;
   top:-40px;
   z-index:100;
   width:35px;
   height:40px;
}

.skipContent, .skipContent2{
	display: none;
}

div.cols2equal {
    float: left;
    margin: 0;
    padding: 1px;
    width: 48%;
}

div.cols2equal div {
  padding: 5px;
}

div.margin-auto{
	margin-left:auto !important;
	margin-right:auto !important;
}

.display-inline { display:inline !important; }



.asteriskRed {
	   color:red;
}

.tgl-panel{
  margin-left: 0;
}

#forecast-content .col-lg-9 > .row{
  padding-top: 5px;
  padding-bottom: 5px;
}

#legend{
  max-width: 590px;
  border: 1px solid #CCC;
}

#legend div{
  padding-left: 10px;
  padding-right: 10px;
}

#legLink{
  max-width: 600px;
  border: 0px;
}

#legLink div{
  padding-left: 0px;
  padding-right: 0px;
}

.grouping.brdr-bttm{
  padding-bottom: 35px;
}

.panel-body li[id^="m"]{
  margin-bottom: 5px;
}

details.panel.panel-info{
  padding-bottom: 0;
}

details .panel-body{
  margin-left: 0;
}

details .panel-body ul{
  margin-bottom: 0;
}

details.panel.panel-info summary h2{
  display: inline-block;
}

details.panel.panel-info .panel-body section{
  color: #31708F;
  background-color: #D9EDF7;
  border: 1px solid #BCE9F1;
  margin-bottom: 15px;
  padding: 10px 15px;
  border-radius: 3px;
}

details.panel.panel-info .panel-body section h2{
  font-size: 18px;
  margin: 0;
}

.hurrMarine{
	position:absolute;
	right:10px;
	bottom:45px;
	z-index:100;
	width:35px;
}

#forecast-content .col-lg-9 > .row{
  padding-top: 5px;
  padding-bottom: 5px;
}

.grouping.brdr-bttm{
  padding-bottom: 35px;
}

.panel-body li[id^="m"]{
  margin-bottom: 5px;
}

details.panel.panel-info{
  padding-bottom: 0;
}

details .panel-body{
  margin-left: 0;
}

details .panel-body ul{
  margin-bottom: 0;
}

details.panel.panel-info summary h2{
  display: inline-block;
}

[role="tabpanel"][aria-expanded="true"]{
  background-color: #FFF;
}

summary{
  padding: 5px;
}

.tabpanels details[open]{
  background-color: #FFF;
}

@media print{
  details.panel.panel-info{
    display: none;
  }
}

.tgl-panel{
  max-width: 99%;
}