body {

     padding:0px;
     font-family:corbel,helvetica,arial,sans-serif;
     font-weight: bold;
     background-color:#6699CC;
     text-align:center;
     font-size: 120%;
    }




  div#mainwrap {
    width:950px;
     margin-left:auto;
     margin-right:auto;
     text-align:left;
     background-color: #d7d7d7;
       display: block;
          }




    div#contentarea {   /* contains left column and content */
      width:950px;

      }

    div#leftcolumn {
      width:235px;
      float:left;
      text-align:left;
      color:black;
        display: block;

      }


   div#content {
      background-color:#DDD;
      text-align:left;
      padding: .5ex .25em 1em 1em;
       display: block;
       float: left;

      }


     div#maps {
        float:left;
         width:650px;
        margin: 8px
     }

     div#atomalert{
       width: 650px;
       margin: 8px;
       font-size: 85%;
     }



  div#listdata {         /* side navigation list */
    border:none #000;
    width:195px;
     margin:20px;

    }

       ul.special {
         border:0;
         margin:12px 20px 10px 1.25em;
         padding:0;
         list-style-type:none;
         border-top:1px solid black;     width:215px;
         }

       li.special {
          border-bottom:1px solid black;
          margin:0;
          padding:.3em 0;
          text-indent:.5em
          }
      td.special {border-bottom:1px dotted gray;
                  padding:.2em;     width:215px;
                     font-size:85%;
                     font-weight: bold;
                 }
       td.forecast {
           font-size:85%;
             font-weight: bold;
       }


  a {text-decoration: none;}
  a:link{color:blue;}
  a:visited{color:blue;}
  a:hover{color:black;text-decoration: underline;}
  a:active{color:green;}


  .center {text-align: center;}

   div#minmax{
     text-align: left;
      font-size:75%;
         padding-left: 5px;
   }



    div#forecast {
   float:left;
   width:620px;
    text-align:center;
          font-size:75%;
     clear:left;
      font-weight: bold;
   }




   .picfl{
     float:left;
     padding-left: 5px;
     position: relative;
     }




   .picfr{
     float:right;
     padding-left: 5px;
     position: relative;
		 margin-right: 5px;
   }


    div#warning {
   text-align:center;
   width:600px;
   color:black;

   border-right: 130px;
   }


  div#footer {
      width:100%;
      text-align:center;
      color:black;
      background-color:#cccccc;

      font-size:.75em;
       clear:both;
       float:left;

      }

  div#footer a {text-decoration:underline}


  a.footerlinks:link  {color:blue;}
  a.footerlinks:visited {color:purple;}
  a.footerlinks:hover {color:blue;}
  a.footerlinks:active {color: red;}


  h5 {color:black; background:#A3C3DC;text-align:center}
          h3 {color:black; background:#A3C3DC; text-align:center}

   .forecastmenubox {
	width: 600px;
	border-bottom: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	font-family: verdana, arial, helvetica, sans-serif;

         	padding-top: 4px;
	padding-bottom: 8px;
        }



    .clearfix:after {    /* so div can enclose floated elements */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  * html .clearfix {height: 1%;}

  .clearfix {display: block;}



   img {border:none;}




    ul#navigationtop
      {margin:0 0 0 25px;
       padding-left: 0;
       list-style-type: none;
       float: left;
       background: #cccccc;
       width: auto;
          font-size:85%;
         border-top:1px solid black;	/* draws line on top edge of div */
	border-bottom:1px solid black;	 /* draws line on bottom edge of div */
       }

       ul#navigationtop li
       {display: inline;
       }

       ul#navigationtop a{
          display: block;
          float: left;
          padding: .2em 1em;
          text-decoration: none;
          color: black;
          border-right: 1px solid black;
            border-left: 1px solid black;
       }
        ul#navigationtop a:hover{
          color: #000;
          background: #a3c3dc;
        }


        ul#navigation
      {margin:0 0 0 65px;
       padding-left: 0;
       list-style-type: none;
       float: left;
       background: #cccccc;
       width: auto;
          font-size:70%;
         border-top:1px solid black;	/* draws line on top edge of div */
	border-bottom:1px solid black;	 /* draws line on bottom edge of div */
       }

       ul#navigation li
       {display: inline;
       }

       ul#navigation a{
          display: block;
          float: left;
          padding: .2em 1em;
          text-decoration: none;
          color: black;
          border-right: 1px solid black;
            border-left: 1px solid black;
       }
        ul#navigation a:hover{
          color: #000;
          background: #a3c3dc;
        }




{
  background-color: #FFFFFF;
  background-position: 3px 100%;
  padding-right: 5px;
  padding-left: 10px;
  font-weight: bold;
}


   td.nws{
    text-align: center;
     font-size:80%;
     width:11%;
      font-weight: bold;
   }


   tr.nws{
     vertical-align: top;
   }

    td.nws2{
      text-align: center;
      vertical-align: middle;
        font-size:80%;
         width:11%;
            font-weight: bold;
    }

     td.nwsa{
       text-align: left;
       vertical-align: middle;
        font-size:80%;
         font-weight: bold;
     }

       .advisoryBox {
color: black;
font-size: 12px;
text-align: center;
background-color: #FFE991;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}
.advisoryBoxnoactive {
color: black;
font-size: 12px;
text-align: center;
background-color: white;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
border: 1px dashed rgb(34,70,79);
}