/* CSS Document for the updated CPHC website 10/2016 , based on NHC revamp of 10/2014 */

A:link {
        color: #0000FF;
        text-decoration: none;
        font-family : Arial, Helvetica, sans-serif;
}

A:Visited  {
color: #003399;
text-decoration: none;
}

A:hover {
color : #FF0000;
text-decoration : underline;
}

a.navbar {font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.navbar:visited {font-weight:bold; color:#FFFFFF; text-decoration:none;}
a.navbar:hover {font-weight:bold; color:#F0E68C; text-decoration:underline;}

html{
    min-height:100%;
    position:relative;
}

body {
    margin: 0;
    padding: 0;
    border:0;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10pt;
    width: 100%;
}
p {
   font-size : 10pt;
   color : #000000;
   font-family : Arial, Helvetica, sans-serif;
} 

td  {
        font-size : 10pt;
        font-family : Arial, Helvetica, San Serif;
}

h1 {
        font-size : 18pt;
        font-family : Arial, Helvetica, San Serif;
}
h2 {
        font-size : 16pt;
        font-family : Arial, Helvetica, San Serif;
}
h3 {
        font-size : 14pt;
        font-family : Arial, Helvetica, San Serif;
}
h4 {
        font-size : 12pt;
        font-family : Arial, Helvetica, San Serif;
}
h5 {
        font-size : 10pt;
        font-family : Arial, Helvetica, San Serif;
}
.pre {
      font-size: 12pt;
      white-space: pre;
      font-family: Courier, monospace;
}

.gray  {
        font-size : 9pt;
        font-family : Arial, Helvetica, San Serif;
        color : #808080;
}

.nav  {
        font-size : 10pt;
        color : #FFFFFF;
        font-weight : bold;
        font-family : Arial, Helvetica, San Serif;
}

.nwslink  {
        font-size : 10pt;
        color: Black;
        text-decoration: none;
        font-family : Arial, Helvetica, San Serif;
}

.srhwhite  {
        font-size : 10pt;
        text-decoration: none;
        color : #FFFFFF;
        font-family : Arial, Helvetica, San Serif;
}

.size13ptbold {
  font-size : 13pt;
  font-weight: bold;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size13pt {
  font-size : 13pt;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size12ptbold {
  font-size : 12pt;
  font-weight: bold;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size12pt {
  font-size : 12pt;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size11ptbold {
  font-size : 11pt;
  font-weight: bold;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size11pt {
  font-size : 11pt;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size10ptbold {
  font-size : 10pt;
  font-weight: bold;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size10pt {
  font-size : 10pt;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}
.size14ptbold {
  font-size : 14pt;
  font-weight: bold;
  color : #000000;
  font-family : Arial, Helvetica, sans-serif;
}


.std  {
        font-size : 10pt;
        font-weight: bold;
        color : #000000;
        font-family : Arial, Helvetica, sans-serif;
}
.reg  {
        font-size : 10pt;
        color : #000000;
        font-family : Arial, Helvetica, sans-serif;
}
.hdr  {
        font-size : 12pt;
        font-weight: bold;
        color : #000000;
        font-family : Arial, Helvetica, sans-serif;
}
.tiny  {
        font-size : 9pt;
  font-weight: normal;
        color : #000000;
        font-family : Arial, Helvetica, sans-serif;
}
.tiny-gray  {
  font-size : 9pt;
  font-weight: normal;
  color: #555555;
  font-family : Arial, Helvetica, sans-serif;
}
.spacer  {
        font-size : 13pt;
        font-family : monospace;
}
b   {font-weight: bold}
td  { font: 10pt Arial,Helvetica,sans-serif; }
th  { font: bold 12pt Arial,Helvetica,sans-serif; }
sup { font: 9pt Arial,Helvetica,sans-serif; }

.tabEnabled
{
  font-family : Arial, Helvetica, San Serif;
  font-size : 10pt;
  color: Black;
  border-color:Black;
  border-style:solid;
  border-width:1px;
}

.tabEnabledLink
{
  font-family : Arial, Helvetica, San Serif;
  font-size : 10pt;
  color: Blue;
  text-decoration:underline;
}

.tabDisabled
{
  font-family : Arial, Helvetica, San Serif;
  font-size : 10pt;
  color: Gray;
  border-color: Gray;
  border-style:solid;
  border-width:0px;
}

.list
{
  border-color:#777777;
  border-style:solid;
  border-width:2px;
  height:100%;
  min-height:100%;
}

.imgCell
{
  height: 100%;
  width: 100%;
  overflow: auto;
}
.navBarRow
{
  padding:5px 4px 1px 4px;
  height:30px;
}

ul.disc {list-style-type:disc}
ul.circle {list-style-type:circle}

img.caption {
  padding-bottom: 0.5em;
}

div.caption {
  padding: 5px;
  font-size: 80%;
}

.nhctab_middle_on {
   background-image:url('/cphc/css/images/nhctab_middle.on.jpg');
   font-size : 13pt;
   font-weight: bold;
   color : #000000;
   font-family : Arial, Helvetica, sans-serif;
}

.nhctab_middle_off {
   background-image:url('/cphc/css/images/nhctab_middle.off.jpg');
   font-size : 13pt;
   font-weight: bold;
   color : #000000;
   font-family : Arial, Helvetica, sans-serif;
}



/* ********** Header ********** */
.skipheader {
        width:100%;
        margin:0;
        height:0.1px;
        background:#C5E5F5 url(/cphc/css/images/bg.png) repeat-y center;
}

.header {
	width:100%;
	margin:0;
	height:60px;
	background:#C5E5F5 url(/cphc/css/images/bg.png) repeat-y center; 
}

.header-content {
	width:990px;
	margin:0 auto;
	height:60px;
	overflow:visible;
}

.header-center-text {
	width:550px;
	height:40px;
	margin-left:4px;
	overflow:visible;
	float:left;
        padding-top:2px;
}

a.header-center-text {
	font-family:Arial,sans-serif;
	font-size:28px; 
	letter-spacing:0px;
	word-spacing:-0.5px;
	text-decoration:none;
	color:black;
	text-transform:uppercase;
	font-variant:small-caps;	
}

.header-noaa-text {
	width:515px;
	height:10px;
	margin-left:5px;
	overflow:visible;
	float:left;
}

a.header-noaa-text {
	font-variant:small-caps;
	text-transform:uppercase;
	font-family:Arial,sans-serif;
	font-size:0.7em;
	text-decoration:none;
	color:gray;
	letter-spacing:3px;
}

.header-noaa-icon {
	float:left;
	margin-left:5px;
	height:60px;
}

.header-nws-icon {
	float:left;
	height:60px;
}

.header-doc {
	float:right; 
}

.header-shadow {
	width:100%;
	height:2px;
	background:#C5E5F5 url(/cphc/css/images/bg.png) repeat-y center;
	overflow:visible;
}

.header-shadow-content {
	margin:0px auto;
	width:990px;
	height:10px;
	background:url(/cphc/css/images/head_shadow.png) center;	
}


/* **************center************* */
.altformatcenter {
        width:100%;
        background:#C5E5F5 url(/cphc/css/images/bg_footer.png) repeat-y center;
        overflow:visible;
}

.altformatcontent {
        width:990px;
        margin-right: auto;
        margin-left: auto;
}

/* ***********alternate formats banner ********* */
.altformat {
        width: 100%;
        height:20px;
        overflow: hidden;
/*        border-bottom: 2px solid #1763ab; */
        border-bottom: 2px solid #00a3e3;
        font-size: 8pt;
        font-weight: bold;
        background: #C5E5F5 url(/cphc/css/images/bg_footer.png) repeat-y center;

}

.format-type {
       padding-left:30px;
       padding-right:10px;
       padding-top:4px;
       float:left;
       display:inline;
}

.forecast-description {
       padding-left:30px;
       padding-right:5px;
       padding-top:4px;
       float:right;
       display:inline;
}

.local-forecast {
        color:#003366;
        font-size:8pt;
        font-weight:bold;
        font-family:Arial,sans-serif;
        display:inline;
        margin-right:5px;
        float:right;
        padding-top:1px;
        padding-bottom:1px;
}
/* Forecast Search Settings Section */
#inputstring
{
        font-size:7pt;
        width:113px;
        height:16px;
        color:#999999;
}
#btnSearch
{
        font-size:7pt;
        border: 1px solid;
        width: 30px;
        height:16px;
}

/* **************center************* */
.center {
	width:100%;
	background:#C5E5F5 url(/cphc/css/images/bg.png) repeat-y center; 
	overflow:visible;
}

.content {
	width:960px;
	margin-right:auto;
	margin-left:auto;
        padding:5px;
}

.center-content {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden ;
}

/* **********Top Menu************* */
.topnav {
	width:100%;
	height:30px;
	border-bottom:1px solid #94C6EF; 
}

/* Primary List Configuration Section */
#topnav {
	margin:0; 
	padding-left:0px;
	float:left;
	width:100%;
	list-style:none;
	font-size:8pt;
}

#topnav li {
	float:left;
	margin:0; 
	padding:0;
	position:relative;
	display:block;
        padding-left:0px;
	padding-right:0px;
	color:#104070;
	font-weight:bold;
	width:auto;
	font-size:10pt;
}

#topnav li a {
	float:none; 
	text-indent:0;
	height:auto;
	padding:5px 5px 5px 5px;
	display:block;
	text-decoration:none;
}

/* Drop Down Menu Hide and Show section */
#topnav .drop {
	top:30px;
	left:-10px; 
	position:absolute;  
	left:-999em; /* Hides the drop down */  
	text-align:left;
	padding:15px 15px 15px;
	-moz-box-shadow:0px 2px 5px #444444;
	-webkit-box-shadow:0px 2px 5px #444444;
	box-shadow:0px 2px 5px #444444;
	border-top:3px solid #EC7A08;
	border-bottom:3px solid #EC7A08;
	background:#ffffff;
	z-index:1000;
	width:180px;
}

#topnav li:hover .drop {
	left:-1px;top:auto;
}

#topnav .dropsearch {
        top:30px;
        left:-10px;
        position:absolute;
        left:-999em; /* Hides the drop down */
        text-align:left;
        padding:5px 5px 5px;
        -moz-box-shadow:0px 2px 5px #444444;
        -webkit-box-shadow:0px 2px 5px #444444;
        box-shadow:0px 2px 5px #444444;
        border-top:3px solid #EC7A08;
        border-bottom:3px solid #EC7A08;
        background:#ffffff;
        z-index:1000;
        width:250px;
}

#topnav li:hover .dropsearch {
        left:-171px;top:auto;
}


/* Top Menu Link Text Section */
#topnav .left-section-link a {
        color:#003366;
        color:#104070;
        text-indent:0;
        text-decoration:none;
        height:auto;
        padding-left:8px;
        padding-right:0px;
        font-size:10pt;
        font-weight:bold;
        font-family:Arial,sans-serif;
        text-transform:uppercase;
}

#topnav .pull-down-arrow a{
        color:#003366;
        color:#104070;
        padding-left:2px;
        padding-right:8px;
        font-size:10pt;
        font-weight:bold;
        line-height:100%;
}

#topnav .center-section-link a {
        color:#003366;
        color:#104070;
        text-indent:0;
        text-decoration:none;
        height:auto;
        /*padding-left:32px;*/
        padding-left:30px;
        padding-right:0px;
        font-size:10pt;
        font-weight:bold;
        font-family:Arial,sans-serif;
        text-transform:uppercase;
}

#topnav .right-section-link a {
        color:#003366;
        color:#104070;
        text-indent:0;
        text-decoration:none;
        height:auto;
        /*padding-left:34px;*/
        padding-left:12px;
        padding-right:0px;
        font-size:10pt;
        font-weight:bold;
        font-family:Arial,sans-serif;
        text-transform:uppercase;
}


#topnav .section-link a:hover{
	color:#EC7A08;
	/*text-shadow:1px 1px 1px black; */ 
}

/* Drop Down Menu Link and Border section */
#topnav .drop a{
	color:#003366;
	font-size:10pt;
	font-weight:bold;
	font-family:Arial,sans-serif;
}

#topnav .drop ul li {
	width:95%;
	border-bottom:1px dotted #bbbbbb;
        margin-left:-40px
}

#topnav .drop a:hover{
	color:#EC7A08;
      /*text-shadow:1px 1px 1px black;*/  
}

/* Site Search Settings Section */
#topnav .site-search {
	color:#003366;
	font-size:10pt;
	font-weight:normal;
	font-family:Arial,sans-serif;
}

/* ********footer tables************ */
.foottab {
        width: 990px;
        background: #C5E5F5 url(/cphc/css/images/bg.png) repeat-y center;
        margin-left: -15px;
        visibility: visible;
        overflow: visible;
}

.foottab-content {
        width: 990px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        line-height: 16px;
        border-bottom: 1px solid #1763ab;
        }


.foottab-column {
        width: 280px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 0px;
        margin: 0;
        float: left;
        font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        line-height: 1.5em;
        color: #1763ab;
}


/* ***********footer**************** */

.footer {
	width: 990px;
	background: #C5E5F5 url(/cphc/css/images/bg_footer.png) repeat-y center; 
        margin-left: -15px;	
	visibility: visible;
	overflow: visible;

	/* border-top: 4px double #1763ab;
 * 	border-bottom: 4px double #1763ab; */
}

.footer * {
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-content {
	width: 990px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	line-height: 16px;
	border-top: 4px double #1763ab;
	border-bottom: 4px double #1763ab;
	}
.footer-header {
        width: 990px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        color: #ed7a08;
        font: 12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        font-weight: bold;
}

.footer-column {
	width: 180px;
	padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 55px;
	margin: 0;
	float: left;
        text-align: left;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
	color: #1763ab;
}

*.footer-column-head, *.footer-column-head a:link, *.footer-column-head a:visited {
	text-transform: uppercase;
	color: #ed7a08 !important;
	font: bold 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	height: auto !important;
	margin-bottom: 0px !important;
}

*.footer-column a:link, .footer-column a:visited {
	color: #1763AB;
	text-decoration: none;
}	

.footer-column a:hover {
	text-decoration: underline;
} 

.footer-table {
        width: 280px;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 0px;
        margin: 0;
        float: left;
        font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        line-height: 1.5em;
        /*color: #1763ab;*/
}


/* ********* Legal Footer Section ********** */
.footer-legal {
	background:#D3E7F7 url(/cphc/css/images/bg.png) repeat-y center;
	width:100%;
	visibility:visible;
	overflow:hidden;
	padding-bottom:10px;
	margin-top:auto;
        margin-left:auto;
        margin-right:auto;

}

.footer-legal * {
	font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal a:link {
	text-decoration:none;
}

.footer-legal a:hover {
	text-decoration:underline;
}

.footer-legal-content {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	line-height:16px;
	padding-top:15px;
}

.footer-legal-gov {
	float:left;
}

.footer-legal-column {
	float:left;
	width:400px;
	position:relative;
	left:60px;
	font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal-column2 {
	float:left;
	left:90px;
	position:relative;
	font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal-column3 {
	float:left;
	left:220px;
	width:160px;
	position:relative;
	font:8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#wrap {
        background: #C5E5F5 url(/cphc/css/images/bg.png) repeat-y center;
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        overflow:hidden;
        z-index:-1;
}

/* **********subfooter************* */
.subfooter {
        width:100%;
        border-top:1px dotted #94C6EF;
        padding-top:10px;
        margin-bottom:1px;
}

/* **********text product formatting************* */
.textproduct {
        font-size:10.5pt;
        width:650px;
        margin-right:auto;
        margin-left:auto;
        border:2px solid #BDBDBD;
        padding-left:50px;
        padding-right:50px;
       /* background-color:#FFFFFF; */
        background-color:#FCFCFC;
}

.textbackground {
        width: 990px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -15px;
        margin-right: auto;
        margin-bottom:-20px;
        margin-top:5px;
       /* background-color:#ECECEC;*/
}


/*** HFO additions ***/
a.button { line-height: 2.5em; font-size: 1em; border: 2px outset; padding: 2px; text-decoration: none; background-color: #DFDFDF; color:black; font-weight: bold; }
a.button:hover { border: 2px inset; padding: 2px; text-decoration: none; }
#content { width: 100%; margin: 0 auto; padding: 5px; }
}
.cpban { background-color: #0A2390; font-size: 10pt; color: #F0E68C; font-weight: bold; }
.text { font-size: 10pt; font-style: normal; font-weight: normal; }
.btext { font-size: 10pt; font-style: normal; font-weight: bold; }
.hbtext { font-size: 14pt; font-style: normal; font-weight: bold; }
.sectiontitle { margin: 0 auto; padding-top: 4px; padding-bottom: 4px; border: 3px solid #102290; text-align: center; align: center; }
.ltext { text-align: left; }
table.omr { border-collapse: collapse; border: 2px solid #0A2390; color: #000; background: #fff; width: 990px; }
table.omr caption { padding: 0 0.6em 0.8em; font-size: 1.4em; font-weight: bold; color: #000; background: transparent; }
table.omr td, table.omr th { border: 1px solid #e0e0e0; padding: 0.5em; }
table.omr th { border: 1px solid #e0e0e0; font-size: 1em; font-weight: bold; background: #e0e0e0; }
table.omr th, table.omr td { border: 1px solid #e0e0e0; text-align: left; font-size: 1em; }
table.omr th { font-weight: bold; }
table.omr th, table.omr td { vertical-align: top; text-align: left; }
table.omr td { border: 1px solid #996; }
table.omr tr:hover { background: #ffffd9; }

/* start news */
#global_localnews {display:block; /* rjh */width:900px; clear:none; margin:2px; padding:1px;}
#global_localnews_headerbar_main {display:block; clear:none; width:900px; margin:0 0 2px 0; padding:0; border-bottom:1px solid #102290; height:16px;}
#global_localnews_headerbar_sub_left {background-color:#102290; display:block; clear:none; width:151px; margin:0; padding:0; float:left; height:16px;}
#global_localnews_title {background-color:#102290; font-weight:bold; color:#FFF; font-size:11px; padding:0 13px 1px 4px; margin:0; float:left; clear:none;}
#global_localnews_angle {float: right;}
#global_localnews_headerbar_sub_right {display:block; clear:none; width:370px; margin:0; padding:0; float:right; height:16px;}
#recentissue {display:block; width:325px; background:#fff; margin:0; color:#D00000; font-size:11px; font-weight:bold; padding:0; height:16px; text-align: right;}
#recentissue a {font-size:12px; font-weight:bold; color:#102290; padding:0;}
#recentissue a:hover {font-size:12px; color:#CC0000; text-decoration:underline;}
#WxStory {display:block; width:165px; background:#fff; margin:0px; font-size:12px; padding:0px; height:16px;}
#WxStory a {font-weight:bold; font-style:italic; color:#102290; text-decoration:none; padding:0px;}
#WxStory a:hover {color:#c00; text-decoration:underline;}
#global_localnews h1 {background-color:#102290; font-weight:bold; color:#fff; font-size:11px; padding:1px 4px 1px 4px; margin:0px;}
#global_localnews_secondary { display:block; clear:none; width:900px; margin:2px 2px 2px 170px; padding:1px;}
#global_localnews_secondary h1 {background-color:#102290; font-weight:bold; color:#fff; font-size:12px; padding:1px 4px 1px 4px; margin:0px;}
#localnews {clear:both; background:#fff; margin:0px; font-size:12px;}
#localnews ul {font-weight:bold; color:#000; text-decoration:none; padding-left:4px; margin:0px; list-style-image:url(http://www.crh.noaa.gov/css/default/images/noaabullet.png); list-style-position:inside;}
#localnews li.weh{list-style-image:url(http://www.crh.noaa.gov/css/default/images/wehbullet.jpg); list-style-position:inside;}
#localnews ul.weh {font-weight:bold; color:#000; text-decoration:none; padding-left:4px; margin:0px; list-style-image:url(http://www.crh.noaa.gov/css/default/images/wehbullet.jpg); list-style-position:inside;}
#localnews li a {font-weight:bold; color:#000099; text-decoration:none;}
#localnews a:hover {color:#CC0000; text-decoration:underline;}
#wehnews ul.weh {font-weight:bold; color:#000; text-decoration:none; padding-left:4px; margin:0px; list-style-image:url(http://www.crh.noaa.gov/css/default/images/wehbullet.jpg); list-style-position:inside;}
.newsstyle1 {color:#f00;}
.newsstyle2 {color:green;}
.newsstyle3 {color:#f0f;}
.newsstyle1:hover,.newsstyle2:hover  {color:#c00; text-decoration:underline;}
.newsstyle3:hover {color:#c00;}
/* end news */