/* ------------------------- GLOBAL ------------------------------------- */

body{
	background:black url('/images/bg.jpg') repeat-x;
	padding:0 20px;
	margin:0;
	font-family:arial;
	font-size:14px;
	text-align:center;
	color: #FFFFFF;
}
ul{
	margin:0;
	padding-left:3em;
}
.clear{
	clear:both;
}

a{
	color:#87DAFE;
}
a:hover{
	color:#2fb4ee;
	text-decoration:underline !important;
}

img{
	margin:10px;
}


hr{
	border-style:none;
	color:transparent;
	background-color:transparent;
	border-bottom:1px dotted #CCCCCC;
	margin:20px 0;
}

.note{
	font-size:11px;
	color:#CCC;
	font-style:italic;
}


/* ------------------------- HEADER ------------------------------------- */
div#header{
	width:674px;
	margin:auto;
	text-align:center;
}


div#header div#logo{
	width:475px;
	height:190px;
	margin:auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo3.png',sizingMethod='scale');
}
div#header > div#logo{
	background:url('/images/logo3.png') no-repeat;
}

	/* ----------------------- HEADER >> NAVBAR ---------------------------- */

	div#navbar{
		position:relative;
		width:674px;
		height:34px;
		margin:auto;
	}
	div#header > div#navbar{
		background:transparent url('/images/navbar_bg.png');
	}

	div#navbar ul{
		list-style:none;
		padding:0;
		margin:0;
		height:34px;
		width:674px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navbar_bg.png',sizingMethod='scale');
	}
	div#navbar ul li{
		position:relative;
		float:left;
		width:134px;
		height:28px;
		text-align:center;
		margin:0;
		padding:0;
	}
	div#navbar ul li a{
		display:block;
		font-family:arial;
		line-height:28px;
		color:white;
		text-transform: uppercase;
		text-decoration:none;
	}
	div#navbar ul li a:hover{
		text-decoration:underline;
	}
	div#navbar div#active_tab a{
		position:absolute;
		z-index:10;
		display:block;
		width:150px;
		height:52px;
		top:-8px;
		line-height:44px;
		font-family:arial;
		text-transform: uppercase;
		font-weight:bold;
		text-align:center;
		color:#333;
		text-decoration:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab_middle.png',sizingMethod='scale');
	}
	div#navbar div#active_tab > a{
		background:url('/images/tab_middle.png') no-repeat;
	}
	div#navbar div#active_tab a.home{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab_left.png',sizingMethod='scale');
		left:-8px;
	}
	div#navbar div#active_tab > a.home{
		background:url('/images/tab_left.png') no-repeat;
	}
	div#navbar div#active_tab a.about{
		left:126px;
	}
	div#navbar div#active_tab a.swimming{
		left:260px;
	}
	div#navbar div#active_tab a.join{
		left:394px;
	}
	div#navbar div#active_tab a.contact{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab_right.png',sizingMethod='scale');
		left:528px;
	}
	div#navbar div#active_tab > a.contact{
		background:url('/images/tab_right.png') no-repeat;
	}

/* ------------------------- BODY --------------------------------- */
div#body{
	width:896px;
	margin:20px auto;

}


/* ------------------------- PANELS --------------------------------- */

div.main_column{
	width:580px;
	float:left;
	margin:0 10px 0 35px;
}
div.side_column{
	width:220px;
	float:left;
	margin:0 10px;
}


div.panel{
	text-align:left;
	position: relative;
	margin:20px 0;
	width:auto;
	height:1px;
	padding:10px;
	color:white;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panel_bg.png',sizingMethod='scale');
}
html>body div.panel{
	height:auto;
	background:url('/images/panel_bg.png');
}
div.panel h1{
	color:#ffc43b;
	margin:10px 0 20px 0;
	font-size:20px;
	text-align:center;

}
div.panel h2{
	color:#cec36e;
	margin-top:0;
	font-size:16px;
	text-align:left;
}

div.panel h2.blue{
	color:#2FB4EE;
	margin-top:0;
	font-size:16px;
	text-align:left;
}

div.panel h2.title{
	display:block;
	margin:-10px;
	margin-bottom:10px;
	height:32px;
	text-align:center;
	padding:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panel_top.png',sizingMethod='scale');
}
div.panel > h2.title{
	background:url('/images/panel_top.png') no-repeat;
}
div.panel h2 a{
	color:#cec36e;
	text-decoration:none;
}
/* ------------------------- EVENTS --------------------------------- */
ul.events{
	list-style:none;
	padding:0;
}
ul.events li .time{
	font-weight:bold;
	color:#f5e671;
}

ul.events li .description{
	font-style:italic;
}

/* ------------------------- NAVIGATION LIST --------------------------------- */

ul.nav{
	padding-left:1em;
	list-style-image: url('/images/triangle.png');
	list-style-type: disc;
}
ul.nav li{
	margin:5px 0;
}
ul.nav a{
	color:white;
	text-decoration:none;
}
ul.nav a:hover{
	text-decoration:underline;
}


/* ------------------------- FOOTER --------------------------------- */
div#footer{
	width:842px;
	margin:auto;
	padding-bottom:20px;
	color:#DDD;
	font-size:11px;
}
div#footer .hr{
	height:23px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer_hr.png',sizingMethod='scale');
}
div#footer > .hr{
	background:url('/images/footer_hr.png') no-repeat;
}
span.left{
	float:left;
}
span.right{
	float:right;
}




/* ------------------------- FORMS --------------------------------- */

form textarea{
	width:300px;
	height:150px;
}
ul.entries{
	list-style:none;
	padding:5px;
}

ul.entries li.entry{
	clear:both;
	margin:5px 0;
}
ul.entries li.entry label{
	float:left;
	width:180px;
	color:#CCC;
	font-weight:bold;
}

ul.entries li.example{
	margin-left:180px;
}
ul.wide li.entry label{
	width:300px;
}
ul.extrawide li.entry label{
	width:400px;
}
ul.entries li br{
	clear:both;
}