.fix_ie {
    background-position: left top;
    margin: 0px;
    padding: 0px;
    position: absolute;
    height: 1px;
    width: 1000px;
    top: 0px;
}

body,html {
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    margin: 0px;
    padding: 0px;
    background-color: #eee
}

#container {
    width: 800px;
    margin: 0 auto;
    background-image: url(/css/default/images/background1.gif);
    background-repeat: repeat-y;
    background-color: #fff;
    border: 1px solid navy
}

.italics {
    font-style: italic;
}

img {
    display: inline
}

.img {
    border: 0
}

.bold {
    font-weight: bold
}

.aligncenter {
    text-align: center;
}

.aligncenter img {
    border: 1px solid #a2a2a2
}

h3 {
    font-size: 1.3em;
    font-weight: bold
}

/* header */
#header {
    min-width: 45em;
    white-space: nowrap;
}

#brand {
    background-attachment: scroll;
    background-image: url(/css/default/images/noaa_banner.jpg);
    background-repeat: no-repeat;
    background-color: #DDE2FE;
    height: 95px;
    color: #FFF;
    white-space: nowrap;
    clear: none;
}

#brand h1 {
    margin: 0px 0px 0px 135px;
    padding: 10px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
}

#brand h2 {
    margin: 0px 0px 0px 135px;
    padding: 2px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
}

#brand a.noaalink {
    margin: 0px;
    padding: 0px;
    display: block;
    text-decoration: none;
    float: left;
    border: none;
    height: 95px;
    width: 135px;
    font-size: 10%;
    color: #306;
}

#brand a.site {
    padding: 0px;
    margin: 12px 0px 0px 160px;
    font-size: 175%;
    font-weight: bold;
    display: block;
    color: #fff;
    text-decoration: none;
}

#brand a.cwsu-site {
    padding: 0px;
    margin: 2px 0px 0px 160px;
    font-size: 175%;
    font-weight: bold;
    display: block;
    color: #fff;
    text-decoration: none;
}

#brand a.wxlink {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    float: right;
    height: 95px;
    width: 90px;
    background-image: url(/css/default/images/nws_logo.jpg);
    background-repeat: no-repeat;
    background-color: #DDE2FE;
}

#brand a.cwsu-wxlink {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    float: right;
    height: 95px;
    width: 90px;
    background-image: url(/css/default/images/nws_logo.jpg);
    background-repeat: no-repeat;
    background-color: #DDE2FE;
}
/* end header */

/* top navbar */
#searchDiv {
    background-color: #102290;
    background-image: url(/css/default/images/dangletab.jpg);
    background-repeat: no-repeat;
    padding-left: 132px;
}

#searchDiv ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #ff9;
    font-size: .78em;
}

#searchDiv ul li {
    display: inline;
}

#searchDiv ul li a {
    color: #fff;
    text-decoration: none;
    padding: 0px 3.3em 0px 0px;
    height: 1%;
}

#searchDiv ul li a:hover {
    color: #ffc;
    text-decoration: underline;
}

#searchDiv ul li form {
    display: inline;
    width: 280px;
    margin: 0px;
    padding: 0px;
}

#searchDiv ul li form div {
    display: inline;
}

.input {
    font-size: .7em;
    padding: 0px;
}
/* end top navbar */

/* news */

/* --------------------------  */
#content {
    font-size: 12px;
    display: block;
    margin-left: 170px;
    margin-top: 10px;
}

#content a {
    color: navy;
    text-decoration: none;
}

#content a:hover {
    color: crimson;
    text-decoration: underline;
}

#content div.sidebar {
    margin: 0px;
    padding: 0px;
    clear: right;
    float: right;
    width: 180px;
    border: 3px solid #102290;
    background-color: #EFF;
    font-size: 80%;
    background-image: none;
}

#content div.sidebar h1 {
    margin: 0px;
    padding: 0px;
    clear: none;
    float: none;
    border: none;
    background-color: #102290;
    background-image: none;
}

#content div.sidebar p {
    padding: 0px;
    margin: 0px 5px 0.25em 5px;
}

#content p {
    padding-right: 0.5em;
}
/* --------------------------  */
#global_localnews {
    display: block; /* rjh */
    width: 525px;
    clear: none;
    margin: 2px 2px 2px 170px;
    padding: 1px;
}

#global_localnews_headerbar_main {
    display: block;
    clear: none;
    width: 525px;
    margin: 0px 0px 2px 0px;
    padding: 0px;
    border-bottom: 1px solid #102290;
    height: 16px;
}

#global_localnews_headerbar_sub_left {
    background-color: #102290;
    display: block;
    clear: none;
    width: 151px;
    margin: 0px;
    padding: 0px;
    float: left;
    height: 16px;
}

#global_localnews_title {
    background-color: #102290;
    font-weight: bold;
    color: #FFF;
    font-size: 11px;
    padding: 0px 13px 1px 4px;
    margin: 0px;
    float: left;
    clear: none;
}

#global_localnews_headerbar_sub_right {
    display: block;
    clear: none;
    width: 370px;
    margin: 0px;
    padding: 0px;
    float: right;
    height: 16px;
}

#recentissue {
    display: block;
    width: 370px;
    background: #fff;
    margin: 0px;
    color: #D00000;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    height: 16px;
}

#recentissue a {
    font-size: 12px;
    font-weight: bold;
    color: #102290;
    padding: 0px;
}

#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: 525px;
    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 {
    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(/css/default/images/noaabullet.png);
    list-style-position: inside;
}

#localnews li.weh {
    list-style-image: url(/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(/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(/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 */

/* left hand menu */
#menu {
    float: left;
    height: 100%;
    background-color: #102290;
    width: 133px;
}

#menu form {
    text-align: center;
    display: block;
    width: 130px;
    margin: 0px 0px 7px 0px;
}

#menu label {
    font-weight: bold;
    color: #FF6;
    font-size: 11px;
}

#menu form input {
    font-size: 11px;
    margin-top: .5em;
}

#menu ul {
    margin: 1.9px;
    padding: 0em 0em .2em .2em;
    list-style-type: none;
}

#menu ul li {
    font-size: 11px;
    font-weight: bold;
    color: #FF6;
    margin: 0em;
    padding: .9px 0px .9px 0px;
}

#menu ul li ul li {
    display: block;
    margin: -4px;
    padding: 1.9px 0px 1.9px 6px;
}

#menu ul li ul li a {
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    margin: 0em;
    padding: .9px 0px .9px 0px;
    display: block;
}

#menu ul li ul li a:hover {
    color: #ffc;
    text-decoration: underline;
}
/* end left hand menu */

/* footer  */
#required {
    position: relative;
    clear: both;
    color: #898989;
    background-color: transparent;
    font-size: 9pt;
    height: 136px;
    text-align: left;
}

hr.required {
    width: 661px auto;
    margin-left: 136px;
    border: 0;
    height: 1px;
    color: #000;
    background-color: #000;
}

#firstgov {
    position: absolute;
    left: 12px;
    top: 20px;
    text-align: center;
}

#contact {
    position: absolute;
    list-style-type: none;
    left: 133px;
    padding: 0px 0px 0px 3px;
    margin: 0px 0px 0px 3px;
}

#disclaimer {
    position: absolute;
    list-style-type: none;
    left: 446px;
    padding: 0;
    margin: 0;
}

#policy {
    position: absolute;
    list-style-type: none;
    left: 643px;
    width: 150px;
    text-align: right;
    padding: 0px 3px 0px 0px;
    margin: 0px 3px 0px 0px;
}
/* end footer */

/* wfo main content area */
.graphicast {
    margin-left: 170px
}

.tabs {
    display: block;
    font-size: 12px;
    clear: none;
    width: 550px;
    margin-top: 8px;
    margin-left: 170px;
}

.tabs a {
    color: navy;
    text-decoration: none;
}

.tabs a:hover {
    color: red;
    text-decoration: underline;
}

.wwaimg {
    border: 1px solid #595959
}

#wx_map {
    font-size: 11px;
    margin-left: 170px;
}

table.navarrows {
    border: none;
    background-color: #003399;
    width: 64px
}
/* THE OLD WX_MAP TEXT THAT SAYS "ZOOM OUT" NEED TO BE WHITE */
.zoom {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.zoom a {
    text-decoration: none;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 9pt;
}

.zoom a:visited {
    text-decoration: none;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
}

.zoom a:hover {
    text-decoration: underline;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: Gold;
}

#wx_map_secondary .zoom a,#wx_map_secondary_border .zoom a {
    text-decoration: none;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
}

#wx_map_secondary .zoom a:visited,#wx_map_secondary_border .zoom a:visited
{
    text-decoration: none;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
}

#wx_map_secondary .zoom a:hover,#wx_map_secondary_border .zoom a:hover {
    text-decoration: underline;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: Gold;
}

#frontpagethumbs {
    display: block;
    font-size: 11px;
    font-weight: bold;
    clear: none;
    width: 570px;
    margin-top: 10px;
    margin-left: 170px;
}

#frontpagethumbs a {
    color: navy;
    text-decoration: none;
}

#frontpagethumbs a:hover {
    color: crimson;
    text-decoration: underline;
}

#frontpagethumbs td img {
    border: 1px #a2a2a2 solid
}

td.thumbs1 {
    width: 150px
}

td.thumbs2 {
    width: 180px
}

#local {
    margin-left: 133px;
    width: 647px;
    font-size: 12px;
    padding: 10px
}
/* #localcontent {margin:o auto 5px;} */
/* #localcontent p {margin:0 auto} */
.glossaryProduct a {
    background-color: #fff;
    font-weight: bold;
}

/* cwsu main content area */
#cwsumap {
    position: relative;
    left: 32px;
    top: 10px;
    background-color: #0a2390;
    color: #fff;
    width: 580px;
    margin-bottom: 30px;
    border: solid 1px #0a2390
}

.cwsumaptoggle {
    margin: 0px 40px 0px 40px
}

#cwsustatement {
    display: block;
    font-size: 11px;
    clear: none;
    width: 570px;
    margin-top: 10px;
    margin-left: 30px;
}

#cwsuthumbs {
    display: block;
    font-size: 11px;
    clear: none;
    width: 570px;
    margin-top: 10px;
    margin-left: 30px;
}

#cwsuthumbs a {
    color: navy;
    text-decoration: none;
}

#cwsuthumbs a:hover {
    color: crimson;
    text-decoration: underline;
}

#cwsuthumbs td img {
    border: 1px #a2a2a2 solid;
}

.wx_legend {
    float: right;
    width: 150px;
    height: 274px;
    padding: 1px;
    margin: 1px;
    border: 1px solid #000;
}

.wx_legend .color_code {
    float: left;
    clear: left;
    margin: 0px;
    list-style-type: none;
    font-size: 10px;
    width: 143px;
    padding: 2px 3px;
}

.wx_legend .color_code img {
    border: 1px solid #000;
    float: left;
}

.wx_legend .compass_rose {
    float: right;
    background-color: #102290;
    display: block;
    height: 60px;
    width: 60px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
}

.wx_legend .compass_rose a {
    display: block;
    margin: 0px;
    padding: 0px;
    clear: none;
    float: left;
    height: 20px;
    width: 19px;
    color: #FFF;
    font-size: 8px;
    text-decoration: none;
    text-align: center;
}

.wx_legend .compass_rose li {
    display: inline;
}

.wx_legend .compass_rose li img {
    border: none;
    margin: 0px;
    padding: 0px;
}

.wx_legend .wwa_link {
    float: left;
    display: block;
    width: 89px;
    height: 55px;
    font-size: 10px;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    color: #102290;
    text-decoration: none;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000;
}

.wx_legend .wwa_link:hover {
    color: #F03;
    text-decoration: underline;
}
/* Image Left w/optional caption */
.imgl {
    float: left;
    margin: 5px 5px 5px 8px;
    padding: 0px;
    text-align: left;
}

.imgl p {
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
/* Image Right w/optional caption */
.imgr {
    float: right;
    margin: 5px;
    padding: 0px;
    text-align: right;
}

.imgr p {
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
/* Pull Quote Left */
.pql {
    display: block;
    margin: 0.2em 0.5em 0.1em 0.3em;
    padding: 0.3em;
    float: left;
    width: 180px;
    border: 1px solid #000;
    background-color: #EEE;
    font-style: italic;
    font-weight: bold;
    font-size: 105%;
}
/* Pull Quote Right */
.pqr {
    display: block;
    margin: 0.2em 0.3em 0.1em 0.5em;
    padding: 0.3em;
    float: right;
    width: 180px;
    border: 1px solid #000;
    background-color: #EEE;
    font-style: italic;
    font-weight: bold;
    font-size: 105%;
}

.skip {
    display: none;
}
/* ROUNDED CORNDERS  */
.rtop,.rbottom {
    display: block;
    background: #FFF;
}

.rtop *,.rbottom * {
    display: block;
    height: 1px;
    overflow: hidden;
    background: #102290;
}

.r1 {
    margin: 0 5px
}

.r2 {
    margin: 0 3px
}

.r3 {
    margin: 0 2px
}

.r4 {
    margin: 0 1px;
    height: 2px
}

.tab_middle {
    width: 160px;
    background-image: url(http://www.weather.gov/images/tab_middle.off.jpg)
}

table#latestob {
    width: 560px;
    margin: 0 auto;
    font-size: .75em;
}

table#latestob th {
    background-color: #102290;
    color: #ff9;
}

.tempc {
    color: #000080;
    font-weight: bold
}

.tempf {
    color: #000080;
    font-size: 24px;
    font-weight: bold
}

div .tsu_table_container {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

div .tsu_row, .tsu_row_alter, div .tsu_row_highlight {
    display:table-row;
    width:100%;
}

div .tsu_row_alter {
    background-color: lightgray;
}

div .tsu_row_highlight {
    background-color: #FFD700;
}

div .tsu_table_caption {
    display: table-caption;
    font-weight: bold;
    text-align: center;
}

div .tsu_table_head {
    display: table-header-group;
    /*font-weight: bold;*/
    /*height: 30px;*/
    /*font-size: 100%;*/
    /*text-align: left;*/
    /*padding: 5px;*/
    /*border: 1px solid #666;*/
    background-color: #0A2390;
    color: #F0E68C;
}

div .tsu_cell {
    display: table-cell;
    text-align: left;
    padding: 5px;
}

/*style for banner*/
div #tsu_banner {
    border: #000;
    border-style: inset;
    border-width: thin;
    float: left;
    width: 100%;
    font-size: 100%;
}
div #tsu_banner_title_cell, div #tsu_banner_content_cell {
    display: table-cell;
    text-align: left;
    padding: 5px;
}
div #tsu_banner_title_cell {
    width: 20%;
}
div #tsu_banner_content_cell {
    width: 80%;
}

div #tsu_title_cell, div #tsu_content_cell {
    display: table-cell;
    text-align: left;
    padding: 5px;
}
div #tsu_title_cell {
    font-weight: bold;
    width: 30%;
}
div #tsu_content_cell {
    width: 70%;
}

div #tsu_banner a {
    color: navy;
    text-decoration: none;
}

div #tsu_banner a:hover {
    color: crimson;
    text-decoration: underline;
}

div #tsu_map {
    height: 512px;
    width: 100%;
    border: #000;
    border-style: inset;
    border-width: thin;
    border-color: #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
}

div #tsu_product {
    width: 100%;
    text-align: left;
    font-size: 80%;
    max-height: 400px;
    display: inline-block;
    height: auto;
    overflow: auto;

}

div #tsu_empty_product {
    text-align: center;
    width: 98%;
    background-color: #CCFF99;
    font-size: 100%;
    padding: 5px;
    border: #000;
    border-style: inset;
    border-width: thin;
}

/*style for tsunami map popup window*/
div #tsu_popup_title_cell, div #tsu_popup_content_cell {
    display:table-cell;
    text-align: left;
    padding: 5px;
}
div #tsu_popup_title_cell {
    font-weight: bold;
    width: 30%;
}
div #tsu_popup_content_cell {
    width: 70%;
}

/*style for tsunami product table*/
div .tsu_cell30, div .tsu_cell25, div .tsu_cell20, div .tsu_cell15, div .tsu_cell05{
    display:table-cell;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
}
div .tsu_cell30 {
    width:30%;
}
div .tsu_cell25 {
    width:25%;
}
div .tsu_cell20 {
    width:20%;
}
div .tsu_cell15 {
    width:15%;
}
div .tsu_cell05 {
    width:5%;
}

a#tsu_help {
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
}

div#tsu_help {
    position: relative;
    z-index: 100;
}

div#tsu_help a {
    text-decoration: none;
    margin-right: 5px;
    position: relative;
    color: #fff;
}

div#tsu_help a span {
    display: none;
}

div#tsu_help a:hover span {
    display: block;
    position: absolute;
    top: 5px;
    left: -120px;
    width: 360px;
    padding: 5px 10px;
    margin: 0 0 1px;
    z-index: 100;
    color: #fff;
    background: #000;
    font: 10px sans-serif;
    text-align: left;
}



/* Turn the .skip class back on for aural and braille browsers. */
@media aural , braille {
    .skip {
        display: block;
    }
}

/* Rewrite some of the rules for printing. Mostly we want to hide some sections from the printer. */
@media print {
    body,html {
        background-image: none;
    }
    #brand {
        background-image: url(/css/default/images/bw_noaa.png);
        background-color: #fff;
        color: #000;
        height: 100px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }
    #brand a.site {
        color: #000;
        margin: 0px 0px 0px 105px;
    }
    #brand a.noaalink,#brand a.wxlink,#localnews,#searchDiv,#menu,#required #nws #disclaimer,#required #nws #policy,#required #firstgov
    {
        display: none;
    }
    #brand h1 {
        margin: 0px 0px 0px 105px;
    }
    #required #nws #contact {
        margin: 0px;
        padding: 0px;
        width: auto;
        float: left;
    }
    #content {
        margin-left: 0px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-left-color: #FFF;
        border-left-width: 0px;
        width: auto;
    }
    #content a {
        color: #000;
    }
    .glossaryProduct A {
        background-color: white;
        font-weight: normal;
    }
}