/* CSS Document */
html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
	background-color:#fff;
    }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

body {
    /*font: 100% verdana, helvetica, sans-serif;*/
    background-color: #fff;
    color: #333;
    }

p {
    font-size: 1em;
    }
    
   

h1, h2 {
    font-family: georgia, serif;
    text-align: center;
    text-transform: capitalize;
    }

#wrapper {
    position: absolute;
    top: 0;
    left: 0;
    }

#main {
    height: auto;
	width:100%;
	background-color:#fff;
    padding: 0em;
    padding-bottom: 3em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
     
    margin: 0 auto;
    }
/*My css*/
#topwrap{ 
		clear:left;
	    width:100%; 
		height:98px;
		background:#92ADC8;}
		
	 #topcontentleft{ 
		width:25%;
		height:98px;  
		padding:0px;
		float:left; 
		margin:0px;}
	
	 #topcontentcenter{  
		width:50%;
		height:98px;  
		padding:0px;
		float:left; 
		margin:0px;}
	
	 #topcontentright{  
	    clear:right;  
		width:25%;
		height:98px; 
		padding:0px;
		float:right; 
		margin:0px;}
		
	 .imgholdertcl{ 
		padding: 0px;
		margin-top:0px; 
		text-align:center;}
		
	 .imgholdertcc{ 
		padding: 0px;
		margin-top:1px; 
		text-align:center;
		}
		
	 .imgholdertcc2{ 
		padding: 0px;
		margin-top:11px; 
		text-align:center;
		}	                /*Added by K. Qiao in 2424.5.22 to add flood hub logo*/
		
	 .imgholdertcr{ 
		padding: 0px;
		margin-top:8px; 
		text-align:center;}

    	
      #spacebar{  
		float:left; 
		width:100%;
		margin:0 0 0 0;
		height:0.1em;
		padding:0px;
		background: #000080;
		text-align:center;
		color:#fff;
		font-family: arial;   
		min-width:500px;}
		
	 #menubar{  
		float:left; 
		width:100%; 
		margin:0 0 0 0 ;
		padding:0px;
		border-top:3px #000080 solid;
		border-bottom:1px #808080 solid;
		background: #28609E;
		text-align:center;  
		}	
         #mbleft{ 
		width:25%;
		height:1.7em;  
		padding:0px;
		float:left; 
		margin:0px;
		 }
	
	 #mbcenter{  
		width:50%;
		height:1.7em;  
		padding:0px;
		float:left; 
		margin:0px;
		 }
	
	 #mbright{  
	    clear:right;  
		width:25%;
		height:1.7em; 
		padding:0px;
		float:right; 
		margin:0px;
		text-align:right;
		 }
 		
	 a.mblink:link{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
      a.mblink:visited{font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
     a.mblink:active{font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
	  a.mblink:hover
	    {font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
	 
	 a.index:link{ 
	    font-family: georgia, sans-serif; 
	     
	     font-weight: bold; 
	    padding-left:5px; 
	    margin:0px;
	    margin-bottom:5px; 
	    color:#000080;	    
	    font-size: .9em; 
	    text-decoration:underline;}
	    
	  a.index:visited{ 
	    font-family: georgia, sans-serif; 
	     
	     font-weight: bold; 
	    padding-left:5px; 
	    margin:0px;
	    margin-bottom:5px; 
	    color:#000080;	    
	    font-size:  .9em; 
	    text-decoration:underline;} 
	 .spacer{
	    margin-left: 15px; 
		margin-right:15px;
		font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;
		}
		
	 .back{margin-right:1em;}		
	   
	 
	 	
	  
	 #contentleft { 
		width:20%;  
		padding:0px;
		float:left;
		background:#fff; 
		margin-bottom:0px; 
		text-align:center;}
	
	 #contentcenter {
		width:60%; 
		padding:0px;
		padding-bottom:2em;
		float:left;
		background: #fff;/*#f9f9f9*/
		text-align:center;}
      #contentcenter_data{ 
      margin-left:auto;margin-right:auto;	   
            clear:right;
	    text-align:center;
	     padding-bottom:2em;
            width:100%;
            background:#fff;
            }
	    
	.note{width:51em;display:block;
      margin-left:auto;margin-right:auto;
        text-align:center;
	padding-top:1.5em;
 font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000; 
	    font-size: .8em; 
	    text-decoration: none;}     		
	
	 #contentright {
	    clear:right; 
		width:19%; 
		padding:0px;
		float:right;
		margin-bottom:300px; 
		text-align:center;}
		
	 .cl_box{
	        margin-left:auto;
		margin-right:auto; 
		width:85%;     
		border-top: 0px #28609E solid;   
		border-left: 01px #28609E solid;     
		border-right: 0px #28609E solid;     
		border-bottom: 0px #28609E solid;  
		margin:30px 8px 8px 20px;
		padding :0px 0px 0px 0px;
		background:#92ADC8;
		text-align:left;}
		
     .cc_box{
	        margin-left:auto;
		margin-right:auto; 
		width:90%;  
		margin-top:26px;
		padding :5px 5px 5px 5px;
		text-align:left;}
		
     .cc_box_map{
	        margin-left:auto;
		margin-right:auto; 
		width:90%;  
		margin-top:26px;
		padding :5px 5px 5px 5px;
		text-align:center;}
		 
	 .cr_box{ 
		margin-left:auto;
		margin-right:auto; 
		width:85%;     
		border-top: 0px #28609E solid;   
		border-left:  0px #28609E solid;     
		border-right: 0px #28609E solid;     
		border-bottom: 0px #28609E solid;  
		margin:30px 8px 0px 18px;             /*420 is for the bottom margin so scroll bar won't appear on short pages*/
		padding :0px 0px 0px 0px;
		background:#92ADC8;
		text-align:left;} 	
		
		A:link{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: underline;}
		
     A:visited{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #005982; 
	    font-size: .7em; 
	    text-decoration: underline;}
		
     A:active{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: underline;}
		
	 A:hover
	    {font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #6399D1; 
	    font-size: .7em; 
	    text-decoration: underline;}
		
	
		
	 ul{
	    width:100%; 
		list-style-type: none; 
		padding-left: 0px;
        margin-top:10px; 
        margin-left: 0px;}
		
	 li:hover{
	    background-color: #f9f9f9;} 
	 
	 
	    
	 
	  A.sidenav:link{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		height:2em; padding-top:.4em;
		padding-left:5px;  
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
     
	 A.sidenav:hover{
	    width:100%; 
		  
		padding-top:.4em; 
		padding-left:5px;
		color: #000080; 
		/*  background-color:#f9f9f9;  */
	    border-top-width:1px;
	    border-bottom-width:1px;
	    border-left-width:0px;
	    border-right-width:0px;
		text-decoration:none;}
		
     	A.sidenav:visited{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		  
		padding-top:.4em;
		padding-left:5px;  
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
		
     	A.sidenav:active{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		  
		padding-top:.4em;
		padding-left:5px;  
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;} 

 	A.newsnav:link{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		 padding-top:.4em;   
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
     
	 A.newsnav:hover{
	    width:100%; 
		  
		padding-top:.4em;  
		color: #000080; 
		/*  background-color:#f9f9f9;  */
	    border-top-width:1px;
	    border-bottom-width:1px;
	    border-left-width:0px;
	    border-right-width:0px;
		text-decoration:none;}
		
     	A.newsnav:visited{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		  
		padding-top:.4em;
		   
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
		
     	A.newsnav:active{
	    font-weight: bold; 
	    font-family: arial, sans-serif;
	    width:100%; 
		
		 
		padding-top:.4em;
		   
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;} 

	.news{ margin-left:5px;margin-right:5px;padding-bottom:.4em;}
	
	 h3{ 
	    margin:0px;
	    margin-bottom:5px;
            padding-top:2px;
	    padding-left:2px;  
		color:#000080;}
	 h3.dat{padding-top:2.5em;}	
		
	 h4{ 
            padding-top:0px;
	    padding-left:5px; 
	    margin:0px;
	    margin-bottom:5px; 
	    color:#000080; 
	    text-decoration:underline;}
		
	 .stuff{  
		padding-top:0px;
		padding-left:5px;
		padding-bottom:5px; 
		margin-bottom:15px;
		width:100%; 
		min-height: 100px;
		background-color:#fbfbfb; 
		border-top:1px #000080 solid;
		border-left:  1px #000080 solid;     
		border-right: 1px #000080 solid;     
		border-bottom: 1px #000080 solid;
		min-height:165px; 
		 } 
		 
	 .stuff_nb{ 
 		padding-top:0px;
		padding-left:5px;
		padding-bottom:5px; 
		margin-bottom:15px;
		width:100%; 
		min-height: 100px;
                }
		
	 .leftspc{
	    margin-left: 10px; 
		margin-right:10px;}
		
	 		
	 .prodpic{
	    float:right;
	    	padding-left:5px;
		padding-top:5px; 
		padding-right:10px;}
		
	 .obspic{
	    float:right;
	    	padding-left:5px; 
		padding-top:5px; 
		padding-right:10px;}
		
	 .modpic{
	    float:right;
	    	padding-left:5px; 
		padding-top:5px; 
		padding-right:10px;}
		
	 .opspic{
	    float:right;
	    	padding-left:5px; 
		padding-top:5px; 
		padding-right:10px;}
		
		
		.piccr{margin:0px 0px 20px 0px;}
		


#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
	height:1.7em;
    margin-left: 0%; 
	margin-top:50px;
		margin-bottom:0px;
		border-top:1px #808080 solid;
		border-bottom:3px #000080 solid;
		background: #28609E;
		text-align:center; /*
		font-family: arial; 
		font-size: .8em;*/
    }
 .footertext{  
		padding-top:.8em;
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .6em; 
	    text-decoration: none;}
	    
	 a.ftrlink:link{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
      a.ftrlink:visited{font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
     a.ftrlink:active{font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #fff; 
	    font-size: .7em; 
	    text-decoration: none;}
		
	  a.ftrlink:hover
	    {font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .7em; 
	    text-decoration: none;}
	    
 	    

  .deployid td {vertical-align:top; }	
 
  .deployid{margin-left: 10px; font-weight :bold;
	}
 
   .deployid p{color:#000080; margin-bottom:.2em; margin-top:.5em;}
   td.adcphead {text-align:left; color:#000080;font-size:.8em; text-decoration:underline;}
   td.adcp{vertical-align:top; text-align:left; width:33%;}
   p.uline{text-decoration:underline;}
   
   p.dtext{
	    font-weight: bold; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .8em; 
	    margin-right:5px;
	    margin-top:0px; }



/* For hfradar pages */
h3.midRadar{background:#92ADC8; border: 1px solid #28609E;font-size: 1em}

#hfrInfo{width:100%;text-align:center;margin-left:auto;margin-right:auto;}
p.hfrText{text-align: justify;font-weight: normal; 
	    font-family: arial, sans-serif;    
	    color: #000080; 
	    font-size: .9em; 
	    text-decoration: none;}