/*-------------- Manoaswim.org -----------------*/
/*-------------- Universal -----------------*/

*{
	margin: 0px;
	padding: 0px;
	border: 0px red solid;
}

html{
	height: 100%;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 100%;
	background: #fff url(../images/bggrad.jpg) repeat-x;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

a {
	text-decoration: none;
	color:black;
	font-weight: bold;
}

a:hover{
	background: #fffe98;
}

ul{
	list-style-type: none;
}

/*--- IDs ---*/

#container{
	margin: 0 auto;
	width: 770px;
	border: 0px red solid;
}

/*-------------- Page Top -----------------*/
#pagetop{
	background: url(../images/header.jpg) no-repeat;
	padding: 29px 0px 0px 0px;
}

#header{
	background: url(../images/headerbg.jpg) repeat-y;
	height: 65px;
}

	/*--- Logo ---*/	
	#header a{
		background: url(../images/logo.jpg) no-repeat;
		text-indent: -1000px;
		position: relative;
		left: 9px;
		width: 446px;
		height: 65px;
		display: block;	
	}
	
#tophalf{
	background: url(../images/navbg.jpg) no-repeat;
	border: 0px red solid;	
	height: 269px;
	width: 770px;
}

/*-------------- Main Navigation -----------------*/
#mainnav{	
	float: left;
	padding: 48px 0 0 0;	
}

#mainnav ul{
	padding: 15px 0 0 6px;
}

#mainnav li{
	padding: 4px 3px;
}

#mainnav li a{
	color: #000;
	font-size: 13px;
	padding: 0 0 0 37px;	
}

#mainnav li a:hover{
	background: #fffe98;
}
	/*--- Hover State ---*/
	#mainnav li.home a:hover{
		padding: 0 89px 0 37px;
	}
	
	#mainnav li.info a:hover{	
		padding: 0 17px 0 37px;
	}

	#mainnav li.news a:hover{	
		padding: 0 90px 0 37px;
	}

	#mainnav li.coaches a:hover{	
		padding: 0 69px 0 37px;
	}

	#mainnav li.pic a:hover{	
		padding: 0 72px 0 37px;
	}

	#mainnav li.con a:hover{	
		padding: 0 65px 0 37px;
	}

	#mainnav li.link a:hover{	
		padding: 0 93px 0 37px;
	}
	
	#mainnav li.join a:hover{	
		padding: 0 100px 0 37px;
	}
	
/*-------------- Image -----------------*/	
	/*--- Image Border ---*/
	#imagebg{
		background: #fff url(../images/imagebg.jpg) no-repeat 0px 0px;
		width: 493px;
		height: 251px;
		float: right;
		position: relative;
		left: -62px;
	}

	/*--- Image/Flash Position ---*/
	#image{
		position: relative;
		top: 11px;
		left: 10px;
		border: red solid 0px;
		width: 464px;
		height: 228px;
	}

/*-------------- Calendar -----------------*/
#calendar{
	float: left;
	background: url(../images/calendarbg.jpg) repeat-y;
	position: relative;
	width: 217px;
	font-size: 11px;
	margin: 20px 2px 10px 0;
}

#events h2{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

#events{
	margin: 0 0 0 40px;	
}

#events ul{
	margin: 10px 0;	
}

#pdf{
	margin: 12px 0 0 0;
}

#pdf a{
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

#pdf a:hover{
	background: #fffe98;
}

#calendar a:hover{
	background: #fffe98;
}

/*-------------- Content Area -----------------*/
#maincontent{
	float: right;
	width: 525px;
	height: 100%;
	border: 0px red solid;
	margin: 20px 0 10px 15px;
	background: #fff;
}

#maincontent p{
	padding: 4px 0px 4px 0px;
}

#maincontent a{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;	
}

#maincontent h1{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#maincontent h2{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 6px 0 0 0;
}

/*-------------- Content -----------------*/
#content{
	float: right;
	width: 385px;
	padding: 0 0 30px 0;
}

/*--------------Sub Navigation -----------------*/
#subnav{
	clear: both;
	font-size: 8pt;
	background: url(../images/footer.jpg) repeat-x;
	height: 42px;
	text-align: center;
	width: 100%;
}

#subnav ul{
	position: relative;
	top: 14px;
}		

#subnav li{
	display: inline;
}

#subnav a{
	color: #000;
	padding: 0 15px;
	margin: 0 -2px 0 -6px;
}
			
#subnav a:hover{
	background: #fffe98;
	padding: 0 15px;	
	margin: 0 -2px 0 -6px;
}

/*-------------- Footer -----------------*/
#footer{
	font-size: 8pt;
	clear: both;
	text-align: center;
	padding: 5px 0;	
}

#footer p{
	padding: 5px 0;	
}

#footer a.chris{
	color: #000;
	font-weight: bold;
}

#footer a.chris:hover{
	background: #fffe98;	
}

#clear{
	clear: both;
}