/*  file:   /style00a_menu.css
 * 
 * 
 * 
 * @TODO:   remove old commented out css
 * 
 * set header height to 102px.  -jnd 05062022
 * 
 * 
 * -jnd2020Feb12
 */


body {background:url(img/bg.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,Ubuntu,sans-serif; margin:0 auto; padding:0;}

/* Main layout and header */
/*#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:1000px;}*/
#wrap {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; margin:0 auto; padding:1px 5px; width:1000px;}
/*#header {background:url(img/front_446x102.jpg) no-repeat bottom left; color:#505050; height:100px; margin:0 0 10px; padding:0;}*/
/*#header {background:url(img/edisto_301_bridge_590x102.png) no-repeat bottom left; color:#505050; height:104px; width:810px; margin:0 0 10px; padding:0;}*/
#header {

/*    background-image:url(img/edisto_301_bridge_590x102.png);
	#header h1 a {color:#f0f0f0;}
    
/*    background-image:url(img/edisto_301_bridge_20221227_590x100.png);
	#header h1 a {color:#800000;}	/* Maroon */
	
/*    background-image:url(img/edisto_301_bridge_fog_20221230_590x101.png);
	#header h1 a {color:#f0f0f0;}
    background-image:url(img/edisto_301_bridge_fog_20221230_590x101.png);
*/
    background-image:url(img/edisto_301_bridge_fog_20221231_590x102.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    color:#505050;
    height:102px;
    width:810px;
    margin:0 0 10px;
    padding:0;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 4px 15px; padding:15px 0 0;}
#header h1 {font-family: Verdana, Arial, Helvetica, sans-serif;}
/*	*/
#header h1 a {color:#f0f0f0;}

/*#header h1 a {color:#2F4F4F;}	/* DarkSlateGray */
/*#header h1 a {color:#4682B4;}	/* SteelBlue */
/*#header h1 a {color:#008080;}	/* Teal */
/*#header h1 a {color:#483D8B;}	/* DarkSlateBlue */
/*#header h1 a {color:#191970;}	/* MidnightBlue */
#header h1 a {color:#f0f0f0;}	


#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

/* Left sidebar and menu *
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:150px;}
#leftside ul.avmenu {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul.avmenu li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu li a {
    background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
    border-bottom:1px solid #d8d8d8; 
    border-left:4px solid #ccc; 
    border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; 
    float:left; font-size: 110%; font-weight:700; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:138px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul.avmenu ul {font-size:0.8em; margin:0 0 0 15px; padding:0 0 3px 0; width:133px;}
#leftside ul.avmenu ul a {padding:2px 1px 2px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
/*  */

/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:170px; text-align: center;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Left sidebar and menu */
#leftside {
    clear:left;
    float:left;
    margin:0 0 10px;
    padding:0;
    width:150px;
/*    background-color: #ffffff;*/
    background-color: #dbe4f0;
/*    background-color: slategray; /* #8fbc8f;*/
/*    border: 1px solid #999; */
/*    border-top: 1px solid #999;*/
    border-right:1px solid #999;
    border-radius: 7px 7px;
/*    border-radius: 10px 20px;*/
/*    box-shadow: 5px 0px #CCCCCC;*/
/*    box-shadow: 4px -2px #aaaaaa;*/
}
/*
#leftside i {
    border: double #4d804d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 1px 1px 3px 3px;
}
#leftside .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-right: 4px;
    float: right;
}
#leftside .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 1px;
    float: left;
    margin-top: 2px;
    margin-left: -7px;
}
*/
#leftside r {
/*    border: double #33cc00;*/
    border: solid #4d804d;
/*    border: solid darkolivegreen;*/
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 1px 1px 3px 3px;
/*    box-shadow: 3px 3px #009900;*/
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 1px;
    float: left;
    margin-top: 4px;
    margin-left: -7px;
}
#leftside rr {
/*    border: double #33cc00;*/
    border: double #4d804d;
/*    border: solid darkolivegreen;*/
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 1px 1px 4px 4px;
/*    box-shadow: 3px 3px #009900;*/
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 1px;
    float: left;
    margin-top: 4px;
    margin-left: -7px;
}
#leftside ll {
/*    border: double #33cc00;*/
    border: double #4d804d;
/*    border: solid darkolivegreen;*/
    border-width: 4px 0 0 4px;
    display: inline-block;
    padding: 1px 1px 4px 4px;
/*    box-shadow: 3px 3px #009900;*/
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 1px;
    float: right;
    margin-top: 4px;
    margin-left: -7px;
}

#leftside .overline {
    -webkit-text-decoration-line: overline; /* Safari */
    text-decoration-line: overline;    
}
/*
#leftside .endline {
    padding-bottom: 16px;
}
*/
/*  start menu  */
#leftside ul.navmenu {
/*    font-family: Arial, Helvetica, sans-serif;  */
/*    font-family: Ubuntu,Verdana,Tahoma,Arial,Sans-Serif;*/
    font-family:"Nimbus Sans L","URW Gothic L",Verdana,Tahoma,Helvetica,"Lucida Grande",Geneva,"DejaVu Sans","Microsoft Sans Serif",sans-serif;
    list-style-type: none;
/*    margin: 0 0 18px;*/
    margin: 8px 0 18px;
    padding: 0;
    width: 150px;
}
#leftside ul.navmenu li {
    display: inline;
    /* for IE5 and IE6 */
    width: 150px;
}
#leftside ul.navmenu li a {
/*    letter-spacing:-1px;*/
/*    color:#3a3a3a;*/
    color: darkolivegreen;
    /*border: 1px solid darkolivegreen;*/
/*    background-color: #a9dfbf;*/
    background-color: #f4f4f4;
    box-shadow: -2px 2px #aaaaaa;
    margin-top: 7px;
    margin-bottom: 0px;
    text-decoration: none;
    /* font-size: 14px; */
    font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
/*    text-shadow: 1px 1px 0px #aaaaaa;*/
/*    font-weight: 500;*/
    display: block;
    padding: 3px 3px 0px 3px;
    width: 138px;
/*    background-color: #F0F0D8; */
/*    background-color: white;*/
/*    border-radius: 50px 20px;*/
/*    background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;*/
    background-clip: padding-box;
    float: left;
}
#leftside ul.navmenu li a:link, #leftside ul.navmenu li a:visited {
/*    letter-spacing:-1px;*/
/*    color:#3a3a3a;*/
/*    color: #424949;*/
    color: #000000;
    background-color: inherit;
    box-shadow: none;
    border: none;
    margin-top: 0px;
    border-bottom: 1px solid #fff;
    font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
/*    color: #4d804d;*/
    text-decoration: none;
}
#leftside ul.navmenu li a:hover {
    background-color: #8fbc8f ;
    color: #fff;
}
#leftside ul.navmenu li a#current {
    border-bottom: 3px solid #C0C018;
    background: lightgreen;
    letter-spacing:-1px; 
    color:#3a3a3a;
}
#leftside ul.navmenu ul {
/*    margin: 0 0 0 15px;*/
    margin: 0 0 0 7px;
    padding:0 0 3px 0;
    width: 133px;
}
#leftside ul.navmenu ul a {
    font-size: 1.1em;
    width: 123px;
}
#leftside ul.navmenu li ul li {
/*    background:url(img/menubg2.gif) repeat-x bottom left #b7c9e1;*/
/*    border-bottom: 2px solid #b7c9e1;
    border-right: 2px solid #b7c9e1;
    border-left: 2px solid #b7c9e1;*/
}

#leftside .announce {
    position:relative;top:12px;
    background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
    border-bottom:1px solid #d8d8d8;
    border-left:4px solid #ccc;
    border-right:1px solid #d8d8d8;
    border-top:1px solid #d8d8d8;
    clear:left;
    color:#505050;
    line-height:1.3em;
    margin: 10px 0;
    padding:5px 5px 5px;
    width:134px;
}
#leftside p,.announce p {font-size:0.9em;}

/* Main content variations */
#content {line-height:1.5em; margin:10px 150px 10px 160px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 160px 10px 160px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content img,#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}
#altcontent {margin:10px 160px 10px 160px; padding:0; text-align:left;}

/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:1000px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:800; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
/*text-align: left;*/
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Ubuntu,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Various classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin: 0px 0px 5px 10px; padding: 10px 0 0 0;}


#seeExample {
	font-style: oblique;
	color:#505050;
}


#wxCurrentWeatherInfo {
    text-align:center;
}
#wxCurrentWeatherInfo a {
    text-decoration:none;
    text-align:center;
}
#wxSiteLink a {
	color:#466090;
}
#wxSiteLink {
	color:#466090;
}
#wxBannerHeading {
    font-size:1.4em; 
    font-weight:400;
    letter-spacing:-1px; 
    margin:0 0 6px;
    font-family:Verdana,Tahoma,Arial,Ubuntu,Sans-Serif;
    color:#3a3a3a;
    text-decoration:none;
    text-align:center;
}
.wxCurrentConditions th {
	text-align: left;
	padding: 0px 6px 0px 0px;
}
.wxCurrentConditions td {
	text-align: left;
	padding: 0px 6px 8px 0px;
}
.wxHeading {
	font-family:Verdana,Tahoma,Arial,Ubuntu,Sans-Serif;
	font-size:0.9em;
	font-weight:800;
	text-align: center;
	text-decoration:none;
	color:#505050;
	padding: 0px 6px 0px 0px;
}
.wxHeading a {
	color:#505050;
}
.wxHeading1em {
    font-size:1.0em;
}
.wxData {
	font-family:Verdana,Tahoma,Arial,Ubuntu,Sans-Serif;
	font-size:0.9em;
	letter-spacing:-1px;
	text-align: center;
	text-decoration:none;
	color:#505050;
	padding: 0px 6px 4px 0px;
}
.wxData a, .wxData td {
	color:#505050;
}
.wxNote {
	font-family:Verdana,Tahoma,Arial,Ubuntu,Sans-Serif;
	font-size:0.82em;
	font-style:italic;
	line-height:1.0em;
}

.NoaaRpt {
	font-size:1.2em;
	line-height:1.1em;
}

.wsData {
	font-size:1.2em;
	line-height:1.1em;
}

.wxHighLow {
    color: red;
    font-weight: bold;
}

.forecast36hr {
	font-size: .9em;
	padding-left: 6px;
	border-spacing:0; /* Removes the cell spacing via CSS */
	border-collapse: collapse;
}
.forecast36hr td {
	padding-right: 8px;
}

.dayForecasts {
	font-size: .8em;
	padding-left: 6px;
}
.todayForecast {
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 96%;
	padding-right: 4px;
}
.todayForecast b {
	font-family: Tahoma, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: .9em;
}
.dayForecasts img {
	border-style: none;
}
.todayForecast img {
	border-style: none;
}

.paddingBottom4 {
    padding-bottom: 4px;
}
.marginTop-2 {
    margin-top: -2px;
}

.glossaryProduct {
    font-size: 1.2em;
}

@media only screen and (max-device-width: 800px) {
    #leftside ul.navmenu li {
        display: block;
        height: 30px;
    }
    #leftside ul.navmenu li a {
        display: block;
        height: 34px;
/*        font-size: 1.2em;*/
    }
}