@charset "utf-8";
/* CSS Document */

body {
  margin:0;
  padding:26px 0 0 0;
  text-align:center;
  font:normal 75% Arial,Helvetica,sans-serif;
  color:#707070;
  background:url('images/bg.jpg') no-repeat top left fixed;
  font-family:"Freestyle Script", Arial, Helvetica, sans-serif;
  height:100%
}

#header {
  margin:0;
  padding:0;
}

#nav ul {
  background:url('images/nav-back.gif') repeat-x top left;
  margin:10px 5px 0 5px;
  padding:12px 0 0 40px;
  height:39px
}

#nav li {
  list-style:none;
  padding:0;

}

#nav a {
  color:#4a75b8;
  font-family:"Freestyle Script", Arial, Helvetica, sans-serif;
  font-size:30px;
  float:left;
  text-decoration:none;
  font-weight:bold;
  margin:0 51px 0 0;
  position:relative;
}
#nav a:hover, #nav a.active {
  color:#c02026;
}
#nav a:hover span, #nav a.active span {
  background:url('images/droplet.png') no-repeat top left;
  width:62px;
  height:70px;
  display:block;
  position:absolute;
  top:-15px;
  left:-8px
}
#nav a.last { margin-right:0 }
#nav {
  width:980px;
  float:left
}

#holder { 
  background-color:#fff;
  width:980px;
  margin:0 auto;
  position:relative;
  text-align:left
}

#contact {
  position:absolute;
  top:45px;
  right:-17px;
  background:url('images/contact-box.png') no-repeat top right;
  width:315px;
  height:76px;
  color:#fff
}
.tel { 
  font-size:3.2em!important;
  color:#fff;
  text-align:left;
  float:left;
  padding-left:70px

}
#contact  .email a { 
  text-decoration:none;
  font-size:1.2em;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  padding-left:55px
}


#main {
  padding-left:400px;
  background:url('images/left.jpg') no-repeat top left;
  margin:0 5px 0 5px;
  min-height:610px;
  padding-right:10px
}

.programmes {
  background:url('images/programmes-back.gif') no-repeat top left;
  width:536px;
  height:99px;
  margin-top:30px;
  margin-bottom:30px
}

.notices {
  background:url('images/notice-top.gif') no-repeat top left;
  width:537px;
  padding-top:40px
}
.box {
  background:#eaecf1 url('images/box-back.gif') repeat-y top left;
  width:519px;
  padding:0px 9px
}
.box h2, .box p {
  margin:0;
  padding:0;
  color:#4671b5
}
.text {
  background:#eaecf1 url('images/box-back2.gif') repeat-x top left;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 10px
}
.programmes ul, .programmes li { 
  margin:0; 
  padding:0;
  list-style:none;
  float:left
}
.programmes ul { padding:40px 0 0 10px }
.programmes li {
  float:left;
  font-size:2.2em;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 35px;
  border-right:1px solid #b1c3e0
}
li.last { margin-right:0; border-right:none }
.yellow { color:#fdd14b }
.red { color:#c02026 }
.green { color:#04812a }
.curve-bottom {
  background:url('images/curve-bottom.gif') no-repeat top left;
  width:536px;
  height:15px;
  line-height:10px;
  font-size:0px
}
.non-swimmers, .beginners, .improver1, .improver2, .advanced1, .advanced2 {
  background:url('images/non-swimmers.gif') no-repeat top left;
  width:433px;
  height:102px;
  padding:25px 20px 0 20px;
  color:#4671b5;
  margin-top:15px
}
.beginners {
  background:url('images/beginner.gif') no-repeat top left;
  padding-top:28px;
  height:99px
}
.improver1 {
  background:url('images/improver1.gif') no-repeat top left;
  height:127px
}
.improver2 {
  background:url('images/improver2.gif') no-repeat top left;
  height:127px
}
.advanced1 {
  background:url('images/advanced1.gif') no-repeat top left;
  height:113px
}
.advanced2 {
  background:url('images/advanced2.gif') no-repeat top left;
  height:113px;
}

#footer {
  font-size:1.1em;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  margin:0 auto;
  width:980px;
  padding:10px 0 40px 0;
  color:#fff
}
#footer a {
  color:#fff;
  text-decoration:nnone
}

.clear { clear:both }
.popup {
  font-size:1.1em;
  font-family:Arial, Helvetica, sans-serif;
}
a.register { 
  position:relative;
  top:33px;
  left:355px
}
a { 
  color:#c02026;
  text-decoration:none
}
h1 {
  color:#c02026;
  font-size:3.5em;
  margin-bottom:10px
}
h1.small { font-size:2.7em; }
h1.small a { font-size:0.4em; font-family:Arial, Helvetica, sans-serif; }
h2 { font-size:1.2em }
h2, p , td , th {
  font-family:Arial, Helvetica, sans-serif;
}
th { background-color:#e9ebf0; border-top:4px solid #4a75b8 }
tr.even td { background-color:#e9ebf0; }