/* CSS Document */
.center {
  text-align:center;
}  

a:link {
  text-decoration:none;
  color:#0000FF;
}

a:visited {
  text-decoration:none;
  color:#0000FF;
}

a:hover {
  text-decoration:underline;
  color:#3399FF;
}

a:active {
  text-decoration:none;
  color:#0000FF;
}

a.weatherlink:link {
  text-decoration:none;
  color:#000000;
}  

a.weatherlink:visited {
  text-decoration:none;
  color:#000000;
}  

a.weatherlink:hover {
  text-decoration:underline;
  color:#0066CC;
}

a.weatherlink:active {
  text-decoration:none;
  color:#000000;
}  
 
.page {
  position:relative;
  width:1024px;
  height:768px;
  top:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

.fpage {
  position:relative;
  width:1024px;
  height:768px;
  top:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  /*background-color:#000000;*/
}

.fpheader {
  position:absolute;
  top:5px;
  left:5px;
}

.caption_acknowledge {
  position:absolute;
  top:120px;
  left:5px;
}  

.acknowledge {
  position:absolute;
  top:140px;
  left:5px;
  width:250px;
  text-align:center;
  padding-top:10px;
  background-color:#F5F5F6;
  border:solid 1px #999999;1
}

.caption_bulletins {
  position:absolute;
  top:120px;
  left:270px;
}  

.bulletins {
  position:absolute;
  top:140px;
  left:270px;
  width:580px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  background-color:#F5F5F6;
  border:solid 1px #999999;
}  
  
.header {
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:50px;
  background-color:#FFFFFF;
  vertical-align:middle;
  }
  
.noaa_logo {
  position:absolute;
  top:2px;
  left:5px;
  width:45px;
  height:45px;
}

.cdc_logo {
  position:absolute;
  top:2px;
  left:55px;
  width:59px;
  height:45px;
}

.uw_logo {
  position:absolute;
  top:2px;
  left:124px;
  width:141px;
  height:45px;
}

.banner {
  position:absolute;
  top:0px;
  left:240px;
  width:481px;
  height:50px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.orhab_logo {
  position:absolute;
  top:2px;
  left:815px;
  width:185px;
  height:45px;
}

.print_link {
  position:absolute;
  top:27px;
  left:660px;
  font-size:12px;
}

a.printlink:link {
  text-decoration:none;}
a.printlink:visited {
  text-decoration:none;}
a.printlink:hover {
  text-decoration:underline;}
a.printlink:active {
  text-decoration:none;}

.caption {
  width:230px;
  height:16px;
  background-color:#FFFFFF;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  color:#8C8628;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  border-top:#4D3300 solid 2px;
  border-bottom:#4D3300 solid 2px;
}

.column1 {
  position:absolute;
  left:0px;
  top:51px;
  width:230px;
}

.column2 {
  position:absolute;
  left:245px;
  top:51px;
  width:230px;
}    

.column3 {
  position:absolute;
  left:490px;
  top:51px;
  width:230px;
}    

.beachmap {
  position:absolute;
  left:0px;
  top:0px;
  width:230px;
  }

.pnplot {
  position:absolute;
  top:0px;
  width:230px;
  background-color:#FFFFFF;
  }

.species {
  position:absolute;
  top:0px;
  width:230px;
  background-color:#FFFFFF;
  }

.summary {
  position:absolute;
  left:735px;
  top:51px;
  width:249px;
  font-family:"Times New Roman", Times, serif;
  font-size:12px;
  }

.kindlemodel {
  position:absolute;
  top:200px;
  width:230px;
  }

.drifterplot {
  position:absolute;
  left:490px;
  top:250px;
  width:230px;
  }

.currentsmap {
  position:absolute;
  left:0px;
  top:200px;
  width:230px;
  }

.crdischargeplot {
  position:absolute;
  top:633px;
  width:230px;
  }

.windsplot {
  position:absolute;
  top:546px;
  width:230px;
  }

.crmodel {
  position:absolute;
  left:490px;
  top:448px;
  width:230px;
  }
   
.weather {
  position:absolute;
  left:490px;
  top:662px;
  width:230px;
}
  
#Layer1 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:1;
}
#Layer2 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:2;
}
#Layer3 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:3;
}
#Layer4 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:4;
}
#Layer5 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:5;
}
#Layer6 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:6;
}
#Layer7 {
  position:absolute;
  width:230px;
  height:173px;
  z-index:7;
}
#Layer8 {
  position:absolute;
  top:136px;
  left:107px;
  width:40px;
  height:40px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:32px;
  color:#CCCCCC;
  z-index:8;
}

#Layer1b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:1;
}
#Layer2b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:2;
}
#Layer3b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:3;
}
#Layer4b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:4;
}
#Layer5b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:5;
}
#Layer6b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:6;
}
#Layer7b {
  position:absolute;
  width:230px;
  height:173px;
  z-index:7;
}
  
#Layer1c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:1;
}
#Layer2c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:2;
}
#Layer3c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:3;
}
#Layer4c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:4;
}
#Layer5c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:5;
}
#Layer6c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:6;
}
#Layer7c {
  position:absolute;
  width:230px;
  height:173px;
  z-index:7;
}