@import url(/css/generic.css);
@import url(/css/xstandard.css);
@import url(/css/header.css);
/*
 * Site Specific Styles
 */

body {
  margin: 0;
  padding: 0;
  font-size: 75%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #444;
}
a {
  color: #d28911;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

#site-outer{
  background:url(/images/body-background.jpg);
  width:884px;
  margin:0 auto 0 auto;
  padding:0;
  overflow:hidden;
}

#site-container {
  margin: 0 auto 10px auto;
  text-align: left;

  width: 770px;
  w\idth: 768px;
}

#slideshow {
  background: #00b5e5 url(/images/sub-page-header.jpg) top left no-repeat;
  margin-bottom: 20px;
  width: 768px;
  height: 150px;
}

#left-column {
  float: left;
  width: 152px;
}
#left-column a.left-banner {
  display: block;
  margin-bottom: 15px;
}
#left-nav {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 6px 0 0 2px;
  width: 152px;
  w\idth: 150px;
}
#left-nav li {
  font-size: 1.1em;
  background: url(/images/left-nav-dot.gif) bottom left repeat-x;
  line-height: 2em;
}
#left-nav li a {
  color: #444;
  display: block;
  padding-left: 14px;
  _height: 1%;
}


#left-column #watersportscentrebutton{
 width:152px;
 height:42px;
 margin-top:50px;
}

#left-column #watersportscentrebutton a{
  display:block;
  width:152px;
  height:42px;
  background:url(/images/watersports_centre.gif) no-repeat;
}

#left-column #watersportscentrebutton a:hover{
  background:url(/images/watersports_centre.gif) 0px -42px no-repeat;
}


#left-column #watersportscentrebutton a span{
  margin-left:-9999em;
}

#middle-column {
  float: left;
  overflow: hidden;
  padding: 0 0 0 14px;
  width: 616px;
  w\idth: 602px;
}

#middle-column h2 {
  font-size: 2.2em;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0.1em 0;
  font-family: Garamond Light,Garamond, Georgia, Times, Serif;
  background: url(/images/left-nav-dot.gif) bottom left repeat-x;
  color: #555;
}
#middle-column h2 span {
  display: none;
}
#middle-column div.breadcrumbs {
  margin: 0.3em 0 0.8em 0;
  color: #1d21ac;
}
#middle-column div.breadcrumbs a {
  color: #444;
}

#right-column #button-beach-safety {
  display: block;
  width: 152px;
  height: 42px;
  margin: 10px 0 10px 0;
  background: url(/images/beach_safety_button_off.gif) top left no-repeat;
}
#right-column #button-beach-safety:hover {
  display: block;
  width: 152px;
  height: 42px;
  background: url(/images/beach_safety_button_on.gif) top left no-repeat;
}
#right-column #button-weather {
  display: block;
  width: 152px;
  height: 42px;
  margin: 10px 0 10px 0;
  background: url(/images/weather_button_off.gif) top left no-repeat;
}
#right-column #button-weather:hover {
  display: block;
  width: 152px;
  height: 42px;
  background: url(/images/weather_button_on.gif) top left no-repeat;
}
#right-column #button-currency {
  display: block;
  width: 152px;
  height: 42px;
  margin: 10px 0 10px 0;
  background: url(/images/currency_button_off.gif) top left no-repeat;
}
#right-column #button-currency:hover {
  display: block;
  width: 152px;
  height: 42px;
  background: url(/images/currency_button_on.gif) top left no-repeat;
}
#right-column #button-tv-ad {
  display: block;
  width: 152px;
  height: 42px;
  margin: 10px 0 10px 0;
  background: url(/images/TV_Ad_button_off.gif) top left no-repeat;
}
#right-column #button-tv-ad:hover {
  display: block;
  width: 152px;
  height: 42px;
  background: url(/images/TV_Ad_button_on.gif) top left no-repeat;
}


#footer {
  margin: 10px 0 0 0;
  background: #1d21ac;
  font-size: 0.9em;
  line-height: 36px;
}
#footer #copyright {
  color: #fff;
  margin: 0 0 0 10px;
}
#footer #footer-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer #footer-links li {
  float: right;
  border-right: 1px solid #fff;
  padding: 0 10px 0 10px;
}
#footer #footer-links li.last {
  border: none;
}
#footer #footer-links li a {
  color: #fff;
  text-decoration: underline;
}

div#tibus-credit p {
  text-align: right;
  padding: 10px 8px 0 0;
}
div#tibus-credit p a {
  color: #00b5e5;
  font-size: 0.9em;
  text-decoration: none;
}
div#tibus-credit p a:hover {
  text-decoration: none;
}

#weather {
  margin: 1em 0 1em 0;
  text-align: center;
}

h3 {
  color: #d28911;
  font-size: 1.4em;
  margin: 0 0 0.5em 0;
  padding: 0;
}
h4 {
  color: #d28911;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 0;
}

div.for-search-engines {
  display: none;
}