body {

     padding:0px;
     font-family:verdana,arial,sans-serif;
     font-size:100%;
     background-color:#6699CC;
     text-align:center;
    }

  *{margin:0; padding:0;}


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




    div#contentarea {   /* contains left column and content */
      width:950px;
       background-image:url(http://www.jvaweather.com/left.gif);
      background-repeat: repeat-y;
      }

    div#leftcolumn {
      width:215px;
      float:left;
      font-size:.80em;
      color:black;
      background-color:#d7d7d7;
      }


   div#content {
      background-color:#DDD;

      padding: .5ex .25em 1em 1em;

      font-size:.80em;
      }



  div#listdata {         /* side navigation list */
    border:none #000;
    width:195px;
    font-size:.70em; 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;
                 }



  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#forecast {
   width:680px;

   font-size:.90em;
   }

     div#advisory2009{
       width:670px;
          font-size:.90em;
              text-align:left;
                padding-left: 40px;
     }


   .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;
   font-size:.85em;
   border-right: 130px;
   }


  div#footer {
      width:870px;
      text-align:center;
      color:black;
      background-color:#cccccc;
      padding: 5px 40px;
      font-size:.70em;
      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}
          h2 {color:black; background:#A3C3DC}

   .forecastmenubox {
	width: 600px;
	border-bottom: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.20em;
         	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;}
.advisoryBoxnoactive {
 color: black;
 font-size: 12px;
 text-align: center;
 background-color: #ddd;
 margin: 0 0 0 0;
 padding: .5em 0em .5em 0em;
 border: 1px dashed rgb(34,70,79);
 }


.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);
}
.watchbox {
  width:600px;
  color: black;
  font-size: 14px;
  text-align: center;

  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}
.warningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: yellow;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(255,255,255);
}
.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}

   img {border:none;}




   ul#navigation
      {margin:0 0 0 60px;
       padding-left: 0;
       list-style-type: none;
       float: left;
       background: #cccccc;
       width: auto;
         border-top:1px solid white;	/* draws line on top edge of div */
	border-bottom:1px solid white;	 /* 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 white;
            border-left: 1px solid white;
       }
        ul#navigation a:hover{
          color: #000;
          background: #69c;
        }