.header{
	position: relative;
	float: left;
	left: 10px;
	width: 966px;
	height: 127px;
	background:url(http://www.regattanetwork.com/assets/header.gif);
	background-repeat: no-repeat;/*   background-color: #6699cc */
}
.wrapper{
   position: relative;
   float: left;
   left: 10px;
   width: 966px;
   background-color: #5b86a8
}
.left1{
	position: relative;
	float: left;
	color: #fff;
	padding: 0 0 0 5px;
	/*   left: 0px; */
   width: 210px;
	height: 920px;
	background-color: #306086
}
.left2{
	position: relative;
	float: left;
	padding: 0 0 0 5px;
	left: 2px;
	width: 400px;
	height: 920px;
	background-color: #ffffff
}
.left3{
	position: relative;
	float: left;
	color: #fff;
	padding: 0 0 0 5px;
	left: 2px;
	width: 210px;
	height: 770px;
	background-color: #5b86A8
}
.right{
	position: absolute;
	float: right;
	right: 1px;
	width: 127px;
	height: inherit;
	background: #0099cc url(../assets/sponsors-bg.gif);
	background-repeat: repeat-x;
}
.footer{
	position: inherit;
	float: left;
	left: auto;
	text-align: center;
	width: 966px;
	height: 65px;
	background:url(../assets/footer.gif);
	background-repeat: no-repeat;/* background-color: #cfcfcf */
}
body {
   border-width: 0px;
   padding: 0px;
   margin: 15px 0 15px 0;
   font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif;
   background: #5B86A8 /* url(../assets/background.gif) repeat-x fixed; */
}
/* horizontal main menu navigation - based on a method from Richard Rutter */

#mainNav
{
margin: 109px 0 0 0;
padding: 0;
width: 966px;
height: 9px;
font-weight: bold;
font-size: 100%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #FFF;
display: inline;
width: auto;
text-decoration: none;
/*background: #000; */
margin: 0;
padding: 10px 10px;
border-right: 2px solid #CCC;
}

#mainNav a:hover, #mainNav a:active { background: #209CD2;color: #FFF; }

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 100;
background: #BBB;
color: #D7D493;
font-weight: bold;
}
/* CSS for Slide Show */
#imageContainer {
	height:170px;
	margin-left: 10px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
	border: 1px;
}
#faderBase {
    height:51px;
	margin:left10px;
}
/* headers here */
h1 {
margin: 0;
padding: 30px;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}

h2 {
margin: 0 0 0 0;
padding: 2px;
font-size: 130%;
color: #FFF;
/* background: #306086; */
}

/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

h3 {
margin: 0px 0 0 0px;
padding: 2px;
font-size: 130%;
color: #000;
/* background: #306086; */
}
h4 {
margin: 0px 0 0 0;
padding: 2px;
font-size: 12px;
color: #FFFF00;
/* background: #306086; */
}
h5 {
margin: 0px 0 0 0;
padding: 2px;
font-size: 110%;
color: #FFFF00;
/* background: #306086; */
}
/style>

