html, body{
  font-family:arial, helvetica, sans-serif;
  background:white url(../../images/template/background.jpg) top center no-repeat;
}


#wrap{
  background: url(../../images/template/stripe.png) top left repeat-x;
  padding-top:14px;
}

#container{
  margin:0px auto;
  width:980px;
  border:1px solid white;
  border-top:0;
}

#left{
  width:220px;
  float:left;
  min-height:800px;
  background:#b22832;
  position:relative;
  padding-bottom:15px;
  z-index:999;
}

#centre{
  width:540px;
  float:left;
  min-height:800px;
  background:white;
  padding-bottom:15px;
}

#right{
  width:220px;
  float:left;
  min-height:800px;
  background:#2c326c;
  position:relative;
  padding-bottom:15px;
  z-index:999;
}

#footer{
  /* background: url(../../images/template/stripe.png) top left repeat-x; */
  padding-top:18px;
  text-align:center;
}

#footer p{
  font-size:13px;
  font-weight:bold;
}


#footer h2{
  color:#b22832;
  font-weight:bold;
  font-size:13px;
  margin-bottom:3px;
}


div.image{
  width:220px;
  height:165px;
  border-bottom:1px solid white;
}

#left div.image{
  background:url(../../images/template/rowing1.jpg) top left no-repeat;
}

#right div.image{
  background:url(../../images/template/functions1.jpg) top left no-repeat;
}

#left h2, #right h2{
  position:absolute;
  width:170px;
  height:21px;
  text-align:center;
  color:white;
  line-height:21px;
  text-transform:uppercase;
  font-weight:bold;
  padding-right:10px;
  padding-bottom:10px;
  top:155px;
  left:25px;
}

#left h2{
  background: url(../../images/template/rowing.png);
}

#right h2{
  background: url(../../images/template/functions.png);
}


#mainmenu{
  background: url(../../images/template/mainmenu.jpg) top center no-repeat;
  text-align:center;
  height:31px;
}

#mainmenu li{
  display:inline;
  color:white;
}

#mainmenu a{
  color:white;
  display:inline;
  text-decoration:none;
  margin:0 10px;
  line-height:21px;
  font-size:12px;
}

#mainmenu a:hover{
  color:#ccc;
}

#ticker{
  height:21px;
  padding-bottom:10px;
  background:url(../../images/template/ticker.jpg) top left no-repeat;
}

ul.menu {
  padding-top:20px;
}

ul.menu li{
  display:block;
  margin-bottom:5px;
  position:relative;
  z-index:999;
}

ul.menu li a{
  display:block;
  text-align:center;
  color:white;
  text-decoration:none;
  height:19px;
  border-top:1px solid #939598;
  border-bottom:1px solid #939598;
  line-height:19px;
}

ul.menu ul, #mainmenu ul{
  display:none;
  position:absolute;
}

ul.menu ul{
  width:220px;
  left:220px;
  padding:0;
  margin:0;
  top:0;
  z-index:999;
}

#right ul.menu ul{
  left:-220px;
}

ul.menu li:hover ul, #mainmenu li:hover ul{
  display:block;
}

#left .menu a{
  background:url(../../images/template/row_menu.jpg) top left no-repeat;
}

#right .menu a{
  background:url(../../images/template/func_menu.jpg) top left no-repeat;
}

#left .menu a:hover, #right .menu a:hover, #left .menu a.selected, #right .menu a.selected{
  background:black;
}

#header{
  margin-bottom:5px;
}


#header h1{
  width:186px;
  height:107px;
  margin:0px auto;
  text-indent:-999em;
  background:white url(../../images/template/logo.jpg) 50% 50% no-repeat;
}

#header h2{
  text-align:center;
  font-size:10px;
  height:16px;
  line-height:16px;
  text-transform:uppercase;
  font-weight:bold;
}

#newsticker{
  height:21px;
  overflow:hidden;
}

#newsticker li a{
  color:#721c21;
  text-decoration:none;
  font-size:12px;
}

#newsticker li a strong{
  font-weight:bold;
}

#content{
  padding:0 15px;
}

#centre h2.home{
  color:#555;
  margin:4px 0;
  margin-bottom:8px;
  font-weight:normal;
  font-size:14px;
}

#centre p.fadeimages{
  margin:5px 0;
  text-align:left;
  position:relative;
  z-index:100;
}

#centre p.fadeimages img{
  position:absolute;
  left:1px;
  top:0;
  display:block;
}

#content p, #content ol, #content ul{
  margin-bottom:8px;
  font-size:13px;
}

#content ul li{
  list-style: disc;
  margin-left:20px;
}

#content ol li{
  list-style:decimal;
  margin-left:20px;
}


#content p.fadeimages{
  padding:0 1px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
  color:#B22832;
  font-weight:bold;
  text-align:center;
  margin-bottom:10px;
}

#content a{
  color:#B22832;
  font-weight:bold;
  text-decoration:none;
}

#content a:hover{
  color:black;
}


#content h1{
  font-size:24px;
}
#content h2{
  font-size:22px;
}
#content h3{
  font-size:20px;
}
#content h4{
  font-size:18px;
}
#content h5{
  font-size:16px;
}
#content h6{
  font-size:14px;
}

#content td, #content th, #content li, #content a{
  font-size:13px;
}


#centre div.func h1,
#centre div.func h2,
#centre div.func h3,
#centre div.func h4,
#centre div.func h5,
#centre div.func h6,
#centre div.func a{
  color:#2C326C;
}

#left div.contact, #right div.contact{
  text-align: center;
  color:white;
  margin-top:10px;
}

#left div.contact h3, #right div.contact h3{
   text-transform:uppercase;
   font-size:14px;
   margin-bottom:2px;
}

#left div.contact p, #right div.contact p{
  font-size:13px;
  line-height:17px;
}

#left div.contact a, #right div.contact a{
  color:white;
  text-decoration:none;
}

div.sidebox a{
  display:block;
  text-decoration:none;
  color:black;
  font-size:12px;
  line-height:17px;
  border-bottom:1px solid black;
  margin-bottom:5px;
  padding-bottom:5px;
}

div.sidebox span{
  display:block;
  font-weight:bold;
}

div.sidebox span.title{
  color:#2C326C;
  text-transform:uppercase;
}

div.sidebox span.date{
  color:#721c21;
}

div.sidebox span.info{
  font-weight:normal;
}

div.sidebox p.more a{
  text-align:center;
  padding:0;
  margin:0;
  border:0;
}

div.white, div.red, div.blue{
  width:184px;
  margin:15px auto;
  background:url(../../images/template/side-back.jpg) 50% 50% repeat;
}

div.blue p.more a, div.red p.more a{
  border-top:1px solid black;
  padding-top:3px;
}

div.white div{
  border:1px solid #721c21;
  border-top:none;
}

div.red div, div.blue div{
  border:1px solid white;
  border-top:0;
}

div.red img{
  float:left;
  margin-right:10px;
}

div.blue img{
  float:right;
  margin-left:10px;
}

div.white h3, div.red h3, div.blue h3{
  height:22px;
  line-height:22px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}

div.white h3{
  background:url(../../images/template/side-head-white.jpg) 50% 50% repeat;
}

div.red h3{
  background:url(../../images/template/left-head-red.jpg) 50% 50% repeat;
  color:white;
  border:1px solid white;
}

div.blue h3{
  background:url(../../images/template/right-head-blue.jpg) 50% 50% repeat;
  color:white;
  border:1px solid white;
}

div.white ul, div.white p, div.red ul, div.red p, div.blue ul, div.blue p{
  padding:4px;
  font-size:12px;
}

#left div.white h3{
  color:#721c21;
  border:1px solid #721c21;
}

div.white h3{
  color:#2b316a;
  border:1px solid #2b316a;
}

#orphans{
  text-align:center;
  margin-top:10px;
}

#orphans a{
  color:#aaa;
  font-size:11px;
  text-decoration: none;
}

#orphans a:hover{
  color:#555;
}


/* Gallery Styles */
#gallery{

}

#gallery ul.albums{
	padding:0;
	margin:0;
	list-style: none;
}

#gallery ul.albums li{
  float: left;
	margin-right:8px;
	margin-bottom:8px;
	text-align: center;
	height: 150px;
	width: 130px;
	line-height: 1.1em;
	font-size:0.8em;
	list-style: none;
}

#gallery ul.albums li a img{
	border:1px solid #B22832;
	padding:3px;
	display:block;
  margin:0px auto;
}

#gallery ul.albums li a:hover img{
	border-color:black;
}

#gallery ul.albums li span{
	color: #B22832;
  display:block;
  line-height:20px;
}
/* End Gallery Styles */

table.regattas{
  width:100%;
}

table.regattas td{
  padding:5px;
}

table.regattas th{
  padding:5px;
  font-weight:bold;
}

table.regattas .date{
  text-align:right;
  width:120px;
}

table.regattas td strong{
  color:#B22832;
}

#feedback{
  position:absolute;
  bottom:10px;
  width:220px;
}

#contact p{
  overflow:auto;
  clear:left;
}

#contact label{
  display:block;
  height:30px;
  line-height:30px;
  float:left;
  width:80px;
  text-align:right;
  padding-right:15px;
}

#contact input[type=text]{
  padding:3px;
  display:block;
  float:left;
  width:200px;
  height:20px;
  line-height:20px;
  font-size:16px;
  font-weight:bold;
}

#contact textarea{
  display:block;
  width:300px;
  height:100px;
  float:left;
  padding:3px;
  font-size:14px;
  font-weight:bold;
}