/* Navigation sub-Menu Bar */
#submenu {
    list-style: none;
    width: 254px;
/*
    margin: 115px auto 0px auto;
    margin: 0px auto 0px auto;
    margin-left: 30px;
*/
    position: absolute;
    padding: 0px 0px 0px 4px;
    height: 27px;
 
    /* Rounded Corners */

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
 
    /* Background color and gradients */
/*     
    background: #014464;
    background: linear-gradient(to bottom, #03adfc 0%, #026897 100%);
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -moz-linear-gradient(top, #03adfc, #026897);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#03adfc), to(#026897));
*/

    background: #0279b1;
    background: linear-gradient(to bottom, #1cb5fd 0%, #0279b1 100%);
    background: -moz-linear-gradient(top, #1cb5fd, #0279b1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1cb5fc), to(#0279b1));
     
    /* Borders */
     
    border: 1px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
}
 
#submenu li {
    float: left;
    position: relative;
    text-align: center;
    padding: 4px 12px 4px 12px;  /* top submenu label */
    padding: 4px 6px 4px 6px;  /* top submenu label */
/*
    margin-right: 5px;		 /* label right-spacing */
    margin-top: 7px;
    margin-top: 0px;
    border: none;
}
 
#submenu li:hover {
    border: 1px solid #777777;
    padding: 4px 11px 4px 11px;	/* top submenu label (10-1=9) */
    padding: 4px 5px 4px 5px;	/* top submenu label (10-1=9) */
     
    /* Background color and gradients */
     
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
     
    /* Rounded corners */
     
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#submenu li.subcurr a {
/*    font-weight: bold; */
    color: #FFCC00;  /* current selected submenu option is bold and highlighted */
}

#submenu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13.5px; 
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#submenu li:hover a {
    color: #161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.mesonet_col {
    margin: 4px auto;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
    border: 1px solid #777777;
    border-top: none;

    /* Gradient background */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    width: 190px;
}

#submenu li:hover .mesonet_col {
    left:-1px;
    top:auto;
}

#submenu ul {
  padding: 0 0 0 10px;
}