body { 
  text-align: center; 
  height: 100%;
  font: 10px arial;
  background-color: #FFFFFF;
  background-image: url('images/bg.png');
}

h1 {
  font: 12px arial; 
  color: #000000;
  font-weight: bold;
}

h2 {
  font: 12px arial;
  color: #FFFFFF;
  font-weight: bold;
}



p {
  font: 11px arial;
  color: #000000;
}

p2 {
  font: 11px arial;
  color: #FFFFFF;
}

a:link {
COLOR: blue;
}
a:hover {
COLOR: blue;
}
a:visited {
COLOR: blue;
}

a img {border: 0;}

table.contact th, table.contact td {
  font-size : 11px;
  font-family : Arial; 
}

table.surfbeaches th, table.contact td {
  font-size : 11px;
  font-family : Arial; 
}

#wrapper {
  position: relative;
  margin:0 auto;
  text-align:left;
  width: 900px;
}




/*CONTENT*/


#header { 
  position: absolute;
  top: 0px;
  left: 0px;
  width: 900px;
  height: 100px;
  font: 0px arial;
  z-index: 10;
}

#camera {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 0px;
  width: 640px;
  height: 340px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#refresh {
  position: absolute;
  top: 105px;
  left: 5px;
  height: 340px;
  width: 640px;
  text-align: center;
  z-index: 5;
}

#adspacecam {
  position: absolute;
  background: #999999;
  top: 460px;
  left: 5px;
  width: 880px;
  height: 270px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  z-index: 2;
  font: 18px arial;
}

#adspacecamborder {
  position: absolute;
  background: #444444;
  top: 455px;
  left: 0px;
  width: 900px;
  height: 290px;
}

#googlead1 {
  position: absolute;
  background: #999999;
  top: 609px;
  left: 10px;
  width: 468px;
  height: 60px;
  z-index: 3;
}

#googlead2 {
  position: absolute;
  top: 674px;
  left: 422px;
  width: 468px;
  height: 60px;
  z-index: 3;
}

#content {
  position: absolute;
  background: #999999;
  top: 100px;
  left: 0px;
  width: 640px;
  height: 690px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#newsiframe {
  position: absolute;
  background: #CCCCCC;
  top: 100px;
  left: 655px;
  width: 245px;
  height: 350px;
  z-index: 5;
}

#newsspacertop {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 655px;
  width: 230px;
  height: 5px;
  z-index: 6;
}

#newsspacerbottom {
  position: absolute;
  background: #444444;
  top: 445px;
  left: 655px;
  width: 230px;
  height: 5px;
  z-index: 6;
}

#newsspacerleft {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 655px;
  width: 5px;
  height: 350px;
  z-index: 6;
}

#news {
  position: absolute;
  background: #CCCCCC;
  top: 0px;
  left: 0px;
  width: 230px;
  height: 335px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 8px;
  overflow: auto;
}

#footer {
  position: absolute;
  top: 748px;
  left: 0px;
  height: 14px;
  width: 900px;
  background-color: #000000;
  text-align: center;
  color: #FFFFFF;
  font-family: 10px arial;
}

#breaks {
  position: absolute;
  top: 765px;
  height: 30px;
  width: 900px;
  background-color: #000000;
  font-family: 10px arial;
}

/*PHOTOS*/

#photosmenuborder {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 0px;
  width: 185px;
  height: 645px;
}

#photosmenu {
  position: absolute;
  background: #cccccc;
  top: 105px;
  left: 5px;
  width: 165px;
  height: 625px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  text-align: center;
} 

#albumborder {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 190px;
  width: 710px;
  height: 480px;
  z-index: 1;
}

#album {
  position: absolute;
  background: #CCCCCC;
  top: 105px;
  left: 195px;
  width: 700px;
  height: 470px;
  z-index: 2;
}

#captionborder {
  position: absolute;
  background: #444444;
  top: 585px;
  left: 190px;
  width: 710px;
  height: 160px;
}

#caption {
  position: absolute;
  background: #999999;
  top: 590px;
  left: 195px;
  width: 690px;
  height: 140px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}


/*CHARTS*/

#tidebordertop {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 0px;
  width: 560px;
  height: 5px;
  z-index: 3;
}

#tideborder {
  position: absolute;
  background: #444444;
  top: 105px;
  left: 0px;
  width: 560px;
  height: 200px;
}

#tide { 
  position: absolute;
  background: #CCCCCC;
  top: 85px;
  left: 5px;
  width: 550px;
  height: 215px;
  z-index: 2;
}

#swellborder {
  position: absolute;
  background: #444444;
  top: 310px;
  left: 0px;
  width: 560px;
  height: 435px;
}

#swell {
  position: absolute;
  background: #177497;
  top: 315px;
  left: 5px;
  width: 550px;
  height: 425px;
  text-align: center;
}

#weatherborder {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 565px;
  width: 335px;
  height: 90px;
}

#weather {
  position: absolute;
  background: #444444;
  top: 105px;
  left: 570px;
  width: 325px;
  height: 80px;
}

#swellwidgetborder {
  position: absolute;
  background: #444444;
  top: 195px;
  left: 565px;
  width: 335px;
  height: 195px;
}

#swellwidget {
  position: absolute;
  background: #CCCCCC;
  top: 200px;
  left: 570px;
  width: 325px;
  height: 185px;
  font: 0px arial;
}

#surfbeachiframe {
  position: absolute;
  background: #CCCCCC;
  top: 395px;
  left: 565px;
  width: 335px;
  height: 350px;
  z-index: 5;
}

#surfbeachspacertop {
  position: absolute;
  background: #444444;
  top: 395px;
  left: 565px;
  width: 320px;
  height: 5px;
  z-index: 6;
}

#surfbeachspacerbottom {
  position: absolute;
  background: #444444;
  top: 740px;
  left: 565px;
  width: 320px;
  height: 5px;
  z-index: 6;
}

#surfbeachspacerleft {
  position: absolute;
  background: #444444;
  top: 395px;
  left: 565px;
  width: 5px;
  height: 350px;
  z-index: 6;
}

#surfbeach {
  position: absolute;
  background: #CCCCCC;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 340px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
  overflow: auto;
}


/*CONTACT*/

#contactleftborder {
  position: absolute;
  background: #444444;
  top: 100px;
  left: 0px;
  width: 450px;
  height: 250px;
}

#contactleft {
  position: absolute;
  background-image: url('images/43rd.jpg');
  top: 105px;
  left: 5px;
  width: 440px;
  height: 240px;
}

#contactrightborder {
  position: absolute;  
  background: #444444;
  top: 100px;
  left: 455px;
  width: 445px;
  height: 350px;
}

#contactright {
  position: absolute;
  background: #CCCCCC;
  top: 105px;
  left: 460px;
  width: 415px;
  height: 330px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

#contactbottomleftborder {
  position: absolute;
  background: #444444;
  top: 355px;
  left: 0px;
  width: 450px;
  height: 390px;
}

#contactbottomleft {
  position: absolute;
  background: #BBBBBB;
  top: 360px;
  left: 5px;
  width: 420px;
  height: 370px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

#contactbottomrightborder {
  position: absolute;
  background: #444444;
  top: 455px;
  left: 455px;
  width: 445px;
  height: 290px;
}

#contactbottomright {
  position: absolute;
  background-image: url('images/antigua.jpg');
  top: 460px;
  left: 460px;
  width: 435px;
  height: 280px;
}