/* ====================================================================
GLOBAL STYLESHEET
this stylesheet is loaded by all marine pages
-------------------------------------------------------------------- */
/*	marine pages overriding CLF2.0 standards (global template)*/
/* DO NOT FLOAT LAYER -- Causes print preview bug in Netscape 7 & 8 */
div.colLayout {
	max-width: none;
}

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

/* Hack for IE 6 to reset page width */
* html div.colLayout {width:855px;}

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:580px;}

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


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



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


#mContainer h2 { font-size:1.2em; color:#000; font-weight:bold; display:inline;} /* 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: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:hover, #mContainer a.h3:visited { font-weight:bold; color:#009;}

#mContainer a:link, .linkBookends { font-size:1em; color:#03c; text-decoration:underline;}
#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: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:hover, #mContainer a.small:visited { font-size:0.7em; color:#009; text-decoration:underline;}

.textWarning { color:#f00; 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;}

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

.basicWidth {width:590px;}

/* warning colours */
.warning { color:#f00; background-color:#f00;}
.warning2 { color:#f00; background-color:#f00;}
.watch { color:#ff0; background-color:#ff0;}
.ended { color:#6c6; background-color:#6c6;}
.none { color:#6cf; background-color:#6cf;}

/* 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;}

/*	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;}
table.wc-table td {font-weight:bold; width:82px;}
table.wc-table td, table.wc-table th { padding:2px;}
table.wc-table th {background-color:#e1efff; font-weight:normal; width:200px;white-space:normal; color:#666; text-align:left;}

/*.cell-highlight, .cell-highlight2 { background-color:#f0f7ff; font-weight:bold; width:200px; white-space:normal; color:#659acf;}
.cell-highlight2 { background-color:#e1efff;}
.cell-highlight th { 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;}
.wc-bslink a { white-space:nowrap; }
.blackbold {font-weight:bold;}

form#formSelect { text-align:right;margin:0;}
form#formSelect select#form-dropdown { /*width:215px;*/}

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

/* Weather Conditions - Internal Nav */
/*
div#wc-nav {
	max-width: 30em;
}
ul#wc-nav-list { margin-left:0; margin-bottom:20px; padding-left:0; white-space:nowrap; font-size:1em; }
ul#wc-nav-list li { display:inline; list-style-type:none; margin-right:2px;}
ul#wc-nav-list a { padding:2px 10px;}
ul#wc-nav-list a:link, ul#wc-nav-list a:visited { color:#666; background-color:#e1efff; text-decoration:none; }
ul#wc-nav-list a:hover { color:#fff; background-color:#94b8db; text-decoration:none;}
ul#wc-nav-list li#on a { color:#fff; background-color:#69c; text-decoration:none;}
*/

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:#6699cc;
	color:#fff; 
	text-decoration:none; 
}

div#wc-nav ul#wc-nav-list a {
	display: block;
	float: left;
	padding: 4px;
	/* margin: 1px 2px 0 0;*/
	text-align: center;
	text-decoration: none;
/*	border: 1px solid #6699cc;
	border-bottom: 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:hover {
/*	border: 1px solid #aaa;
	border-bottom: none; */
/*	background: #E1EFFF; */
	margin: 0;
	border:0;
}

div#wc-nav ul#wc-nav-list a:hover {
	margin-top: 0;
	border:0;
/*	border-color: #666; */
	background: #94b8db; 
	color: #fff;
}


/* Weather Conditions - Station Drop Down */
select { border:1px solid #666;}
/*form#formSelect div select#form-dropdown option.header-buoy { color:#c00; font-weight:bold; display:block; background-color:#fae5e5;}
form#formSelect div select#form-dropdown option.header-land { color:#363; font-weight:bold; display:block; background-color:#dee8de;}
select option.buoy { color:#c00;}
select option.land { color:#363;}*/
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;}

/* Weather Conditions - Anchor Nav */
/*ul.wc-summary-nav { margin:0; margin-bottom:15px;  padding:0; width:590px;}
ul.wc-summary-nav li { display:inline; list-style-type:none; margin-right:5px;}
ul.wc-summary-nav li a { text-decoration:none; }
ul.wc-summary-nav li.backToTop { position:absolute; right:0;}
*/
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: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:590px;}
#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;}




/* MAP LEGEND */
#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;
}


/*	US link, brochure link	*/
/*div#lbx6, div#lbx6 a, div#lbx6 a:link, div#lbx6 a:hover {
	left:0px;
	margin-left:0px;
	margin-top:0;
	width:300px;
}
div#lbx6 a {
	text-decoration:none;
	color:#03c;
}
div#lbx6 a:hover, div#lbx6 :visited {
	text-decoration:none;
	color:#009;
}
#regMapLegend span.USLinkR a.USLink {
	margin: 0px;
	float: right;
	padding:0;
	text-decoration:none;
	text-align:right;
	white-space:nowrap;
}
a.USLink {
	float:left;
	margin-top:-10px;
	text-decoration:none;
}
a.USLink:hover {
	color:#009;
	text-decoration:none;
}*/

#USLink, #USLink:link, #brochureLink, #brochureLink:link {
	text-decoration: none;
	color: #03c;
}
#USLink:visited, #USLink:hover, #USLink:active, #brochureLink:visited, #brochureLink:hover, #brochureLink:active {
	text-decoration: none;
	color: #009;
}
.USLinkR {
	float: right;
}

/* 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;}

/*
#regMapLegend .USlink:link, .USlink:hover, .USlink:visited {position:absolute;right:0px;display:inline;margin-top:0px;}
#regMapLegend .uslink a:link, #regMapLegend .uslink a:hover, #regMapLegend .uslink a:visited, #regMapLegend .uslink a:active 
{ font-size:0.8em; text-decoration:none;}

div span.USLinkR a:link.USLink 
{float:right;position:relative; text-align:right;width:250px;padding:0px;margin:0px;margin-top:-10px;}
div span.USLinkR a:visited.USLink 
{float:right;text-align:right;width:250px;padding:0px;margin:0px;margin-top:-10px;}
*/


/* 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:10px;
	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; 
	max-width:855px;
	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:590px;
}
div#contentTitleBar-noBottomMargin { margin-bottom:0;}
div#contentTitleBar div#cTitle { 
	max-width:100%;
}
div#contentTitleBar div#cECLogo { 
	/* position:absolute; right:10px; width:164px; margin-top:-3px;*/ 
	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.1em; margin-bottom:10px; }
.issuedTime3 { color:#369; }

a.boldBlue:link, a.boldBlue:active { color:#03c; text-decoration:underline;}
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-right:10px; margin-top:10px;}
#mPage2Col-c1-glossary { float:left; width:295px; margin-top:0; margin-right:25px; }
#mPage2Col-c1-glossary p { margin:10px 0; width:295px;}
#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:200px;}
#mPage2Col-c1b2 div.box2 p {width:200px;}
#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:20px; margin-top:10px;}
#mPage2Col-c2-glossary { float:left; margin-top:0; padding-right:5px; width:295px; }
#mPage2Col-c2-glossary p { margin:10px 0; width:290px;}
#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;}
#mPage2Col-c2b2 {margin-top:15px;/*height:50px;*/}
#mPage2Col-c2b2 div.box1 {float:left;}
#mPage2Col-c2b2 div.box2 {margin-left:10px;position:static;float:left;}
div#mPage2Col-c1b1, div#mPage2Col-c1b2, div#mPage2Col-c1b3, div#mPage2Col-c2b1, div#mPage2Col-c2b2 { 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 {font-weight:bold;}

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


/*div.cParent { width:590px; margin:0; padding:0; border:0px; background:url("/marine/images/blueRbar.gif") repeat-y;}*/
div.cRight h5 { color:#03c;}
div.cLeft {
	float:left;
	width:410px;
}
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:230px;
	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; border:0;height:2px;}
.dottedLineImage {  clear:both;}
.dottedLineImage2 { margin-top:3px; margin-bottom:0; clear:both; width:590px;}


/* Glossary Page Layout */
/* #gNav {} */
#gNav ul { list-style:none; list-style-type:none; margin:0px; padding:0px; margin-bottom:20px; width:140px; 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:hover, #gNav ul li a:active { text-decoration:underline; color:#009;}

/* ====================================================================
WARNING BANNER(S)
-------------------------------------------------------------------- */
#warningBannerHolder { margin-bottom:10px; width:590px;}
#warningBanner { margin-bottom:5px;}
.banner-warning { background-color:red; border:2px solid #c33; }
.banner-watch { background-color:yellow; 
border:2px solid #ee0; }
.banner-ended { background-color:#9c9; border:2px solid #6c6; }

#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-weight:bold; color:black;} 
div#warningBannerHolder div.banner-watch ul li a:link { color:#000; }

div#warningBannerHolder div.banner-watch ul li a:hover { color:red}
div#warningBannerHolder div.banner-ended ul li a:hover { color:red}
div#warningBannerHolder div.banner-warning ul li a:hover { color:#000;}


/* ====================================================================
BOTTOM MARINE-SPECIFIC FOOTER
-------------------------------------------------------------------- */
#mMarineFooter, #mMarineFooter590 {
	display:block;
	float:left;
	border-top:1px solid #ccc;
	margin-top:5px;
	padding-top:5px;
	width: 590px;
}
#mMarineFooter590 {
	min-height:105px;
}
#bnTitleBar {
	width:480px;
	background-color:#B0BDCC;
	text-indent:5px;
	color:#fff;
	font-weight:bold;
	padding: 3px 0px 3px 0px;
}
#bnTitleBar a, #bnTitleBar a:link, #bnTitleBar a:visited, #bnTitleBar a:hover, #bnTitleBar a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
#bnTitleBar a:hover {
	color: #4169e1;
}

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

#bnLinks {background-color:#e1efff;}
#bnLinks ul.mMarineFooter {float:left;width:475px;margin-left:0px;margin-top:0px;list-style:none; padding:0 0 5px 5px;background-color:#e1efff;}
#bnLinks ul.mMarineFooter  li {float:left;width:230px; margin-right:5px;}
/*#bnLinks ul.mMarineFooter  li a, #bnlinks ul.mMarineFooter li a:active  {font-size:0.9em;color:#333;text-decoration:underline;margin-left:5px; }
#bnLinks ul.mMarineFooter  li a:hover { color:#4169e1; text-decoration: underline;}*/
/*	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: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;}

/*.MSOButton2 {position:absolute;display:block;left:5px;width:91px;right:0px;margin-left:5px; }*/
/*.MSOButton2-text {position:absolute;display:block;left:5px;width:91px;right:0px;margin-left:5px; }*/

	
/*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;
}
  

.clearfix { display:inline-block; }  
/* 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 { margin:0px; border:1px solid #b0bdcc; margin-bottom:25px; width:590px;}

.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:hover { text-decoration: underline;}

.textTable .textTableHeader { padding:5px 0 5px 5px; }
.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:#f00; display:block; float:left; margin-bottom:5px;}
.textTable span.colorBox1 { background-color:#f00;}
.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:51em;
}
* html div#navigation {width:680px;}

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 dl {
	position:relative;
}
div#navigation dl {padding:0; margin:0;}
div#navigation dt {display:none;}
div#navigation dd {float:left; margin:0; padding:0; text-align:center;display:inline;white-space:nowrap}
div#navigation dd a, dd a:visited {text-decoration:none; color:#000; float:left; font-size:1em;}
div#navigation dd span {float:left; cursor:pointer;}
div#navigation div#navRow2 dd .single {height:1.9em; border-bottom:1px solid #999;}
div#navigation div#navRow1 dd .single {height:2.5em; border-bottom:1px solid #999;}

div#navigation .on   {background:#6699cc; color:#fff; }
div#navigation .off  {background:#A7CBFF;}

div#navigation dd span.side {
	width:5px; 
	float:left; 
	/*border-top:1px solid transparent;*/
	margin-top:1px;
	overflow: hidden; 
}

div#navigation dd 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 dd 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 dd 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 dd span.side span.p4 {width:4px; float:left; border-left:1px solid #999; 
}

div#navigation dd 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 dd 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 dd 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 dd span.side span.p8 {
	width:4px; 
	float:left; 
	border-right:1px solid #999; 
}

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


div#navigation dd a.menu:hover {
}
div#navigation dd a.menu:hover span.mid, 
div#navigation dd a.menu:hover span.side span
{
	color:#fff; 
	background:#84B7EB;
}

/*
#nav-text {
	position: relative;
	width: 95%; 
	min-height: 100px;
}

div#nav-text ul.navmenu-text {
	margin: 0;
	padding: 0;
	bottom: 0px;
	width: 35em; 
}

div#nav-text ul.navmenu-text li  {
	float:left;
	background-color: #A7CBFF;
	list-style: none;
}

div#nav-text ul.navmenu-text #on {
	background-color:#6699cc;
	color:#fff; 
	text-decoration:none; 
	font-weight: bold
}

div#nav-text ul.navmenu-text a {
	width: 8em;
	display: block;
	float: left;
	padding: 0;
	text-align: center;
	font-size: 1em;;
	text-decoration: none;
	height: 50px;
	border: 1px solid #6699cc;
	border-bottom: none;
}

div#nav-text ul.navmenu-text #on a {
	color:#fff; 
	text-decoration:none;
}

div#nav-text ul.navmenu-text a.current, 
div#nav-text ul.navmenu-text a.current:hover {
	border: 1px solid #aaa;
	border-bottom: none;
	padding-bottom: 0px;
	margin: 0;
}

div#nav-text ul.navmenu-text a:hover {
	margin-top: 0;
	border-color: #666;
	background: #84b7eb; 
	padding-bottom: 0px;
}

div#nav-text ul.navmenu-text span {
	vertical-align: middle;
}
*/


/* 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;}
/* 
#mContainer {margin-top:-35px;}
#mContainer { position:relative;margin-top:0px;}
*/
div#mPageContent-bluebar {margin-top:0px;}

/* MAFOR Decode Table */
/* .linkBookends {display:none;} */
/*.anchor {display:none;} */
/* .dottedLineImage2 {display:none;} */
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;}

/*span.linkBookends a:link.anchor {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 {
	width:86%;
	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;
}