/* WindWatch */

	/* Using an 'optional-container' instead of 'body', so need body to have a 'height' */
	html, body {
		width:		100%;
		height:		100%;
		padding:	0;
		margin:		0;
		overflow:	auto ;
                /* overflow: hidden; */
                background-color: #eeeeee;
                _width: 1000px;
                 min-width: 1000px;
                max-width: 1400px;
                width:expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1400? "1400px" : "auto");
                min-width: 1000px;
 
	}

	#optional-container {
		width:			98%;
                height:			98d%;
		margin-top:		1%;
		margin-left:	1%;
                margin-bottom: 1%;
                margin-right: 1%;
                background-color: #ffffff;
                min-width: 1000px;
                max-width: 1400px;
                _width: 1000px;
                width:expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1400? "1400px" : "auto");
	}

        .copyright {
                color: #aaaaaa;
                font-size: 11px;
        }

        p {
               font-size: 12px;
               line-height: 150%;
        }

        .textProductDiv {
	    padding: 8px;
            border: 1px solid #9999cc;
	    background-color: #fafaff;
	    margin-top: 2px;
 	    font-size: 11px;
	    line-height: 60%;
        }

        .red { color: #cc0000; }

	.navTab {
	    font-size: 14px;
            font-wieght: bold;
        }

        #topNavBar {
	  float: right;
	}

	#top_link_list li {
	  float: left;
          margin: 0.5em 0.2em;
	}

        .top_link {
	  color: #aa0000;
          font-size: 13px;
          font-weight: bold;
         }

         .top_link_hover { 
           color: #ff0000; 
           text-decoration: underline;                          
         }

         .what_link {
	  color: #aa0000;
          font-size: 15px;
          font-weight: bold;
         }


     /* formatting of the alerts table */

     #alertDataTable {
        border: 1px solid #999999;
        padding: 10px;
      }


      #alertDataTable td {
        text-align: center;
        padding: 4px;
        text-decoration: none;
      }

      #pdDiv {  
        width: 800px;
        height: 600px; 
      }

      #vis1km {  
        width: 800px;
        height: 600px; 
      }

      #nexrad {  
        width: 800px;
        height: 600px; 
      }