/* 
  File name:  nav
  Created on: September 22, 2003 at 7:33 AM
  Author:     Shawn Henck  

  Description:
    Stylesheet for the Navigator & MyNavigator website
*/

body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    padding: 0 0 0 0;
    margin: 2;
}

table {
    font-size: 1em;;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

table.leftmenu {
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

table.small {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
}

table#headtabmenu {
    font-size: 16px;
}

div#headinfo {
    font-size: 12px;
    background-color: #003366;
    color: #CCCCCC;
    margin: 0px;
    padding: 0px;
    border: none;
    font-weight: bold;
}

div#headinfo table {
    font-size: 12px;
    color: #CCCCCC;
}


div#headinfo a {
    color: #CCCC99;
}

div#headinfo a:hover {
    color: #CCCC66;
}



div#headinfoblank {
    font-size: 1px;
    background-color: #003366;
}

table#mapNav {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

a.regSign {
    color: #F8C968;
    text-decoration: none;
}

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

a.regSign:visited {
    color: #F8C968;
}

a {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.regLink {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

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

a.topMenu {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a.topMenu:hover {
    font-size: 11px;
    color: #336699;
    text-decoration: underline;
}

a.footLink {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

a.footLink:visited {
    color: #336699;
}

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

a.subMenu {
    color: #CCCCCC;
    font-weight: bold;
    text-decoration: none;
}

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

a.myNavSeg {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

a.alert {
    text-decoration: underline;
    color: #000000;
}

a.alert:hover {
    color: #336699;
}

a.adRegister {
    color: #336699;
    border: solid 1pt #000000;
    font-weight: bold;
    text-decoration: none;
    font-size: 16pt;
    background-color: #F8C968;
    padding-left: 5px;
    padding-right: 2px;
}

a.adRegister:hover {
    background-color: #336699;
    color: #FFFFFF;
}

a.groupMenu {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

a.groupMenu:hover {
    text-decoration: underline;
    color: #336699;
}

a.groupMenuSelected {
    color: #00804D;
    font-weight: bold;
    text-decoration: none;
}


table.tablink {
    color: 003366;
    background-color: #6699CC;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #CCCCCC;
}

table.tablinkOver {
    color: #6699CC;
    background-color: #003366;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

table.tablinkActive {
    color: #CCCCCC;
    background-color: #003366;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #CCCCCC;
}

a.tablink {
    text-decoration: none;
    font-weight: bold;
    color: #003366;
}

a.tablink:hover {
    text-decoration: none;
}

a.tablinkOver {
    text-decoration: none;
    font-weight: bold;
    color: #6699CC;
}

a.tablinkOver:hover {
    text-decoration: none;
}

td.leftMenu {
    background-image: url('images/Gradient2.jpg');
    background-repeat: no-repeat;
    border-right: solid 1pt #336699;
    border-top: solid 1pt #336699;
    width: 130px;
}

td.messLeftMenu {
    background-image: url('images/Gradient2.jpg');
    background-repeat: no-repeat;
    border-right: solid 1pt #336699;
    border-top: solid 1pt #336699;
    width: 100px;
}

a.leftMenu {
    color: #336699;
    font-weight: bold;
    text-decoration: none;
}

a.leftMenu:hover {
    text-decoration: underline;
    color: #336699;
}

a.leftMenuSelected {
    color: #00804D;
    font-weight: bold;
    text-decoration: none;
}

a.leftSubMenu {
    color: #336699;
    text-decoration: none;
    font-weight: 400;
}

a.leftSubMenu:hover {
    text-decoration: underline;
    color: #336699;
}

a.leftSubMenuSelected {
    color: #00804D;
    text-decoration: none;
    font-weight: 400;
}

a.hurricaneSmall {
	font-size:10pt;
}


div.welcome {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: blue;
}

td.menu {
    border: none;
    margin: 0;
    padding: 0 0 0 0;
}

span.welcome {
    font-size: .5em;
    color: #000000;
}

div.rightMain {
    float: right;
    width: 552px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

div.leftMain {
    width: 430px; 
}

div.homeLeftMain {
    width: 552px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

div.homeRightMain {
    float: right;
    width: 430px; 
}

div.content {
    width: 430px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
}

.content {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

div.contentSplitLeft {
    width: 213px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

div.contentSplitRight {
    float: right;
    width: 213px;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}

h2.contentTitle {
    background-color: #EBEBEB;
    border-bottom: solid 1pt #CCCCCC;
    color: #336699;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-indent: 0;
}

h2.contentTitleNo3d {
    background-color: #EBEBEB;
    border-bottom: solid 1pt #CCCCCC;
    color: #336699;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-indent: 0;
}

h2.contentTitleFaq {
    background-color: #EBEBEB;
    border-bottom: solid 1pt #CCCCCC;
    color: #336699;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-indent: 0;
}

h2.contentTitle a{
    color: #FFFFFF;
}

h2.contentTitleNo3d a{
    color: #FFFFFF;
}

h2.navTitle {
    color: #FFFFFF;
    font-size: 1.5em;
    margin: 0;
    text-indent: 0;
}

h2.myNavEditTitle {
    background-color: #EBEBEB;
    border-bottom: solid 1pt #CCCCCC;
    color: #336699;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-indent: 0;
}

h2.selectionTitle {
    background-image: url("images/3dthinnavgrybar3d.png");
    background-color: #666666;
    color: #FFFFFF;
    font-size: 1.5em;
    margin: 0;
    border: 1px solid #000000;
    text-indent: 0;
    width: 300px;
}

tr.incidentHead {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    border: 1px solid #000000;
}

td.incidentData {
    border: solid 0pt black;
}

td.gridData {
    border: solid 1pt black;
}

th.incidentData {
    border: solid 1pt black;
}

th.gridData {
    border: solid 1pt black;
}

td.contentTitle {
    background-image: url("images/3dthinnavgrybar3d.png");
    background-color: #666666;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0;
    border: 1px solid #000000;
    font-weight: bold;
}

span.rightTitleButtons {
    float: right;
}

.menuLeftHead {
    background-color: #666666;
    font-weight: bold;
    color: #FFFFFF;
    text-indent: 5px;
    margin: 0;
    font-size: 14px;
    border: solid 1pt #000000;
    padding-right: 10px;
}

div.mapzm_show {
    background-color: #ff0000;
    position:         absolute;
    display:          block;
    font-size:        0px;
    padding:          0px;
    margin:           0px;
    border:           0px none;
    z-index: 9;
}
div.mapzoom_hide {
    position:         absolute;
    display:          none;
    font-size:        0px;
    padding:          0px;
    margin:           0px;
    border:           0px none;
}

.overlib_id {
    font-family:      verdana,arial,helvetica,sans-serif;
    font-size:        8px;
    color:            #666666;
    text-align:       center;
    border-top:       solid 1px #999999;
    margin-left:      5px;
    margin-right:     5px;
    margin-top:       2px;
    margin-bottom:    0px;
    padding:          0px;
}

tr.reportRow1 {
    background-color: #FFFFFF;
}

tr.reportRow2 {
    background-color: #CCCCCC;
}

div #alert {
    font-size: 12px;
    margin-left: 10px;
}

div #alert h2 {
    color: red;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

div #news {
    font-size: 12px;
    margin-left: 10px;
}

div #news h2 {
    color: #336699;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

img {
    border-style: none
}