/* --------------- BODY --------------- */

body {
  background-color: #eeeeee;
  margin: 0px 0px 0px 0px;
  background-image: url(gifs/bg.gif);
  background-repeat: repeat-y;  
}

/* --------------- DIV's --------------- */

#banner {
  position: relative;
  visibility: visible;
  z-index: 1;
}

#bannerBG {
  position: relative;
  visibility: visible;
  z-index: 2;
  width: 775px;
  height: 90px;
  background-color: #ff9900;
  background-image: url(gifs/curvesbanner.gif);
  background-repeat: no-repeat;
}

#bannerAnglingBG {
  position: relative;
  visibility: visible;
  z-index: 2;
  width: 775px;
  height: 118px;
  background-color: #FFFFFF;
  background-image: url(gifs/sw-angling-banner.gif);
  background-repeat: no-repeat;
}

#bannerAnglingLogoBG {
  position: relative;
  visibility: visible;
  z-index: 2;
  width: 775px;
  height: 118px;
  background-color: #FFFFFF;
  background-image: url(gifs/sw-angling-logo-banner.gif);
  background-repeat: no-repeat;
}

#corner {
  position: relative;
  visibility: visible;
  z-index: 3;
  top: 0px;
  left: 0px;
  float: left;
}

#logo {
  position: relative;
  visibility: visible;
  z-index: 3;
  top: 5px;
  right: 40px;
  float: right;
}

#barBG {
  position: relative;
  visibility: visible;
  z-index: 2;
  width: 775px;
  height: 30px;
  background-color: #ffcc00;
  background-image: url(gifs/curvesbar.gif);
  background-repeat: no-repeat;
}

#date {
  position: relative;
  visibility: visible;
  z-index: 3;
  top: 20px;  
  width: 165px;
  float: left;  
  text-align: center;  
}

#download {
  position: absolute;
  visibility: visible;
  z-index: 3;
  top: 40px;   
  left: 200px;
}

#strapline {
  position: relative;
  visibility: visible;
  z-index: 3;
  top: 8px;
  right: 15px;
  float: right;
}

/* --------------- General --------------- */

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #FF9900;
  font-weight: bold;
}

p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #003366;
}

ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #003366;
  text-align: left;
}

ol.angling {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #003366;
  text-align: left;
  list-style-position:outside;
}

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #003366;
}

td.home {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/home.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.anglingHead {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #009900;
  background-image: url(gifs/fishhd-01.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.smoke {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/smoke.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.fire {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/fire.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.escape {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/escape.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.facts {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/facts.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.fun {
  font-size: 12pt;
  font-weight: bold;
  color: #ffffff;
  height: 50px;  
  background-color: #669999;
  background-image: url(gifs/fun.gif);
  background-repeat: no-repeat;  
  text-align: right;
  padding-right: 10px;  
  vertical-align: middle;
}

td.footer {
  height: 30px;  
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #999999;
}

.content { margin-top: 20px; }

.date {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #993300;
  font-weight: bold;
}

.strap {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #993300;
  font-weight: bold;
}

.smaller {
  font-size: 8pt;
  color: #003366;  
  font-weight: bold;  
}

p.bold { font-weight: bold; }

p.smoke-1 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #009900;
  text-align: center;  
}

p.smoke-2 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #cc0000;
  text-align: center;  
}

p.smoke-3 {
  font-weight: bold; 
  padding: 12px;
  background-color: #ffcc00;
  text-align: center;  
}

ul.fire { margin-left: 15px; margin-top: 5px; }

p.fire-1 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #cc0000;
  text-align: center;  
}

p.fire-2 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #cc0000;
  text-align: center; 
}

p.escape {
  color: #003366;
  font-weight: bold; 
  text-align: center;  
}

p.getout {
  color: #003366;
  font-weight: bold; 
  padding: 12px;
  background-color: #ffcc00;
  text-align: center; 
}

p.trapped {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #336699;
  text-align: center; 
}

p.fact-1 {
  color: #003366;
  font-weight: bold; 
  padding: 12px;
  background-color: #ffcc00; 
  text-align: center; 
}

p.fact-2 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #336699; 
  text-align: center; 
}

p.fact-3 {
  color: #336699;
  font-weight: bold; 
  padding: 12px;
  border: 1px solid #999999;
  text-align: center;   
}

p.fact-4 {
  color: #ffffff;
  font-weight: bold; 
  padding: 12px;
  background-color: #009900;
  text-align: center;
}

p.fact-5 {
  color: #336699;
  font-weight: bold; 
  padding: 12px;
  border: 1px solid #999999; 
}

/* --------------- Links --------------- */

a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
}
a:link    { color: #ff9900; }
a:visited { color: #ff9900; }
a:active  { color: #999999; }
a:hover   { color: #999999; }

a.stext { font-size: 8pt; }
a.stext:link    { color: #003366; }
a.stext:visited { color: #003366; }
a.stext:active  { color: #993300; }
a.stext:hover   { color: #993300; }

a.sections {
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
  background-image: url(gifs/arrow.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding: 3px;
  padding-left: 22px;
  background-color: #ff9900;
}
a.sections:link    { color: #ffffff; }
a.sections:visited { color: #ffffff; }
a.sections:active  { color: #993300; }
a.sections:hover   { color: #993300; }

a.return { font-size: 8pt; }
a.return:link    { color: #003366; }
a.return:visited { color: #003366; }
a.return:active  { color: #336699; }
a.return:hover   { color: #336699; }

/* --------------- Activities --------------- */

BODY.bgPopup {
  background-color: #ffffff;
  margin: 0px 0px 0px 0px;
  background-image: url(gifs/bgPopup.gif);
  background-repeat: repeat-x;
}

#contentPopup {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 110px;
  left: 0px;
}

#nobannerPopup {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 0px;
  left: 0px;
}

#logoPopup {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 6px;
  left: 0px;
}

#closePopup {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 88px;
  left: 0px;
}

.tt { font-size: 8pt; }

A.close {
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none; 
}
A.close:link    { color: #003366; }
A.close:visited { color: #003366; }
A.close:active  { color: #FFFFFF; }
A.close:hover   { color: #FFFFFF; }