* { margin: 0; padding: 0; } img { border: none; } .floatr { float: right; } .floatl { float: left; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .noborder { border: none !important; } .clr { display: block; clear: both; } ul { list-style: none; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	background: #5d646a url("../images/bg.gif") repeat-x 50% 0;
	font: 11px/18px arial, sans-serif;
	color: #333;
}
input, select, textarea {
	font: 11px verdana, sans-serif;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
	width: 900px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
	#header h1 a {
		position: absolute;
		top: 32px;
		left: 0;
		display: block;
		width: 455px;
		height: 188px;
		background: url("../images/logo.jpg") no-repeat;
	}
		#header h1 a span {
			display: none;
		}

	#topnav {
		list-style: none;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 900px;
		height: 32px;
		font-weight: bold;
	}
	#topnav li {
		display: inline;
	}
	#topnav li a {
		display: block; 
		float: left; 
		height: 32px; 
		line-height: 32px; 
		color: #e1e9f1; 
		text-decoration: none;
		padding: 0 25px;
	}
	#topnav li a:hover {
		color: #fff;
		background: transparent url("../images/nav_over.gif") repeat-x;
	}

	#topnav li a.active {
		color: #fff;
		background: transparent url("../images/nav_over.gif") repeat-x;
	}

	#flash_banner {
		position: absolute;
		top: 32px;
		right: 0;
	}

	
#content {
	width: 900px;
	margin: 0 auto;
	clear: both;
	background: #fff url("../images/content_top.gif") no-repeat;
	position: relative;
	z-index: 0;
}
#content_in {
	width: 872px;
	margin: 0 auto;
	clear: both;
	background: url("../images/content_bottom.gif") no-repeat bottom;
	position: relative;
	padding: 14px;
}

#banner {
	background: url("../images/home_banner.jpg") no-repeat;
	float: left;
}
	#banner h2 {
		display: none;
	}
	#about #banner {
		background: url("../images/about_banner.jpg") no-repeat;
	}
	#coaching #banner {
		background: url("../images/coaching_banner.jpg") no-repeat;
	}
	#camps #banner {
		background: url("../images/camps_banner.jpg") no-repeat;
	}
	#articles #banner {
		background: url("../images/articles_banner.jpg") no-repeat;
	}
	#contact #banner {
		background: url("../images/contact_banner.jpg") no-repeat;
	}


	#baseball #banner {
		background: url("../images/baseball_banner.jpg") no-repeat;
	}
	#basketball #banner {
		background: url("../images/basketball_banner.jpg") no-repeat;
	}
	#distance-running #banner {
		background: url("../images/distance-running_banner.jpg") no-repeat;
	}
	#football #banner {
		background: url("../images/football_banner.jpg") no-repeat;
	}
	#soccer #banner {
		background: url("../images/soccer_banner.jpg") no-repeat;
	}
	#track #banner {
		background: url("../images/track_banner.jpg") no-repeat;
	}
	#triathlon #banner {
		background: url("../images/triathlon_banner.jpg") no-repeat;
	}
	#volleyball #banner {
		background: url("../images/volleyball_banner.jpg") no-repeat;
	}



	#admin #banner {
		background: url("../images/admin_banner.jpg") no-repeat;
	}


#intro {
	float: left;
	width: 652px;
	height: 308px;
	margin: 0;
	background: url("../images/intro_bg.jpg") no-repeat;
	position: relative;
}
	#intro_text {
		position: absolute;
		top: 138px;
		left: 196px;
		width: 438px;
		color: #fff;
		font-size: 11px;
	}
	#intro p {
		margin: 13px;
	}
	#intro h2 {
		display: none;
		padding: 10px;
		color: #8d98a8;
		font: 260% arial, sans-serif;
		background: none;
		margin: 0 0 4px 0;
		border: none;
	}

#quote {
	float: left;
	color: #fff;
	width: 624px;
	height: 137px;
	padding: 10px 15px;
}
	#quote p {
		margin: 5px;
		font-style: italic;
	}
	#quote p.source {
		font-weight: bold;
		float: right;
	}

#sportsnav {
	list-style: none;
	width: 215px;
	float: left;
	display: block;
	margin: 0 0 0 1px;
	padding: 2px 1px 0 1px !important;
	padding: 1px 1px 0 1px;
	background: transparent url("../images/sportsnav_bg.gif") no-repeat top right;
}
#sportsnav li {
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
}
#sportsnav li a {
	display: block; 
	float: left;
	width: 170px;
	color: #202a32;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	border-top: 1px solid #dbddde;
	border-bottom: 1px solid #dbddde;
	padding: 0 0 0 45px;
	margin: -1px 0 0 0;
}

#sportsnav li a.b {
	background: transparent url("../images/sicon_b.gif") no-repeat 4px 50%;
	border-top: none;
}
#sportsnav li a.bb {
	background: transparent url("../images/sicon_bb.gif") no-repeat 4px 50%;
}
#sportsnav li a.e {
	background: transparent url("../images/sicon_e.gif") no-repeat 4px 50%;
}
#sportsnav li a.b {
	background: transparent url("../images/sicon_b.gif") no-repeat 4px 50%;
}
#sportsnav li a.fb {
	background: transparent url("../images/sicon_fb.gif") no-repeat 4px 50%;
}
#sportsnav li a.s {
	background: transparent url("../images/sicon_s.gif") no-repeat 4px 50%;
}
#sportsnav li a.tk {
	background: transparent url("../images/sicon_tk.gif") no-repeat 4px 50%;
}
#sportsnav li a.tr {
	background: transparent url("../images/sicon_tr.gif") no-repeat 4px 50%;
}
#sportsnav li a.v {
	background: transparent url("../images/sicon_v.gif") no-repeat 4px 50%;
	border-bottom: none;
}

#sportsnav li a:hover {
	color: #174a72;
	background-color: #f2f4f5;
}

#quicklinks {
	float: left;
	clear: both;
	display: block;
	list-style: none;
	width: 872px;
	height: 217px;
	margin: 2px 0;
}
	#quicklinks li {
		display: block; 
		float: left; 
		width: 218px;
		height: 217px;
		position: relative;
	}
	#quicklinks li.endurance {
		background: transparent url("../images/quicklinks_endurance.jpg") no-repeat;
	}
	#quicklinks li.strength {
		background: transparent url("../images/quicklinks_strength.jpg") no-repeat;
	}
	#quicklinks li.speed {
		background: transparent url("../images/quicklinks_speed.jpg") no-repeat;
	}
	#quicklinks li.recovery {
		background: transparent url("../images/quicklinks_recovery.jpg") no-repeat;
	}
	#quicklinks li a {
		display: none;
	}
	#quicklinks ul {
		position: absolute;
		top: 90px;
		left: 15px;
	}
	#quicklinks ul li {
		display: block; 
		float: none; 
		width: auto;
		height: auto;
		background: none;
	}
	#quicklinks ul li a {
		display: inline;
		text-decoration: none;
		font-size: 1.2em;
		line-height: 1.7em;
		padding: 0 0 0 15px;
		margin: 0 0 0 10px;
	}
	
	#quicklinks ul li a {
		color: #2d363f;
		background: transparent url("../images/arrow_navy.gif") no-repeat 0 .4em;
	}	
	#quicklinks ul li a:hover {
		color: #3a6590;
		background: transparent url("../images/arrow_navy.gif") no-repeat 0 .4em;
		text-decoration: underline;
	}
	#quicklinks li.endurance a {
		color: #754c24;
		background: transparent url("../images/arrow_brown.gif") no-repeat 0 .4em;
	}
	#quicklinks li.endurance a:hover {
		color: #ad5500;
		background: transparent url("../images/arrow_brown.gif") no-repeat 0 .4em;
	}
	
#rightcol {
	clear: both;
	width: 216px;
	float: right;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	border-left: 2px solid #fff;
}
	#rightcol h3 {
		display: block;
		float: right;
		width: 196px;
		padding: 20px 10px 5px 10px;
		color: #fff;
		background: #a9b6c1;
		margin: 0 0 0 0;
		font-size: 140%;
	}
	#rightcol ul {
		list-style: none;
		width: 216px;
		float: right;
		clear: both;
		display: block;
		background: #fff url("../images/sportsnav_bg.gif") no-repeat top left;
		margin: 0;
		padding: 0;
	}
	#rightcol p {
		margin: 0;
		padding: 10px;
	}
	#rightcol ul li {
		margin: 0;
		padding: 0;
		clear: left;
		float: left;
	}
	#rightcol ul li a {
		display: block; 
		float: left;
		width: 176px;
		color: #2f7c9f;
		height: 38px;
		line-height: 38px;
		text-decoration: none;
		border-bottom: 1px solid #dbddde;
		background: url("../images/bullet.gif") no-repeat 10px 1em;
		padding: 0 0 0 30px;
		margin: 0;
	}
	#rightcol ul li a:hover {
		color: #0f9ee1;
		background: url("../images/bullet.gif") no-repeat 10px 1em;
	}
	#rightcol ul li span {
		display: block; 
		float: left;
		width: 186px;
		border-bottom: 1px solid #dbddde;
		padding: 10px 5px 10px 15px;
		margin: 0;
	}
#maincol {
	width: 632px;
	float: left;
	display: block;
	margin: 15px 0 0 0;
	min-height: 500px;
	padding: 10px;
}
	h2 {
		display: block;
		padding: 20px 20px 10px 20px;
		color: #8d98a8;
		font: 260% arial, sans-serif;
		background: #fff url("../images/heading_bg.gif") repeat-x bottom;
		margin: 0 0 4px 0;
		border-bottom: 2px solid #a9b6c1;
	}
	#toolbar {
		float: left;
		margin: 20px 0 0 20px;
		color: #def2fb;
		height: 137px;
	}
		#toolbar a {
			color: #a0cfe6;
		}
		#toolbar a:hover {
			color: #def2fb;
		}

	#maincol h3 {
		margin: 10px;
		font: 200% arial, sans-serif;
		color: #5d646a;
	}
	#maincol h4, #maincol h5 {
		margin: 10px;
	}
	#maincol p {
		margin: 10px;
	}
	#maincol a {
		color: #2f7c9f;
		text-decoration: none;
	}
	#maincol a:hover {
		color: #0f9ee1;
	}
#breadcrumb {
	margin: 10px 10px 30px 10px;
	font: 10px verdana, sans-serif;
}
.full {
	width: 852px !important;
}
label {
	font-weight: bold;
}


.data {
	margin: 10px;
}
.data table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse !important;
	border-collapse: auto;
	border: 0;
}
	.data table td {
		padding: 8px;
		vertical-align: top;
	}
	.data table td.nopad {
		padding: 0 8px;
	}
	.data table th {
		padding: 3px 6px;
		background: #a9b6c1;
		color: #fff;
		text-align: left;
	}
	.data table tr.alt {
		background: #f1f5f8;
		border-top: 1px solid #c7d2db;
		border-bottom: 1px solid #c7d2db;
	}

	.data table table {
		width: auto;
	}

	.data table table table {
		width: 100%;
	}

	.data table table table td {
		padding: 0;
	}

	.data table table td {
		padding: 8px 3px;
	}

	.data ul, .data ol {
		margin: 20px 30px;
	}
	.data ul li, .data ol li {
		margin: 5px;
	}
	.data ul {
		list-style: disc;
	}
	.data blockquote {
		margin: 20px 30px;
		font-style: italic;
	}

.separator {
	clear: both;
	display: block;
	height: 1px;
	margin: 20px 0;
	border-bottom: 1px dotted #c7d2db;
}

fieldset {
	margin: 10px;
	border: 1px solid #ced4db;
	padding: 10px 5px;
}

/*form .data table td {
	border: 1px solid #ced4db;
}
form .data table table td {
	border: none;
}*/

legend {
	color: #639bb9;
	font-weight: bold;
	padding: 5px;
	font-size: 120%;
}

.success {
	margin: 10px;
	padding: 15px;
	font-weight: bold;
	color: #00a651;
	border: 2px solid #00a651;
	background: #eaf7e0;
}

.error {
	margin: 10px;
	padding: 15px;
	font-weight: bold;
	color: #ed1c24;
	border: 2px solid #ed1c24;
	background: #fee6e7;
}


.btn {
	padding: 3px 5px;
	font-weight: bold;
	border-top: 1px solid #d0dae2;
	border-right: 1px solid #a9b6c1;
	border-bottom: 1px solid #a9b6c1;
	border-left: 1px solid #d0dae2;
	background: #fff;
	color: #2f7c9f;
	font-size: 10px;
	text-decoration: none;
}
	.btn:hover {
		color: #fff !important;
		background: #a9b6c1 !important;
		cursor: pointer;
	}
input, select, textarea {
	font: 11px verdana, sans-serif;
}
input, textarea {
	padding: .1em;
}
option {
	padding: 0 .3em;
}
optgroup {
	font-style: normal;
	padding: 0 .5em;
}
optgroup option {
	padding: 0 0 0 .5em;
}

#packages ul, .post {
	margin: 10px;
	border: 2px solid #ecf1f7;
	padding: 10px;
	background: #fff;
}
	#packages ul li {
		background: transparent url("../images/check.gif") no-repeat 0 .8em;
		padding: 8px 5px 8px 25px;
	}
	#packages ul li.last {
		border-bottom: none;
	}
	#packages h3 {
		font-weight: bold;
		color: #13607b;
	}

.package {
	margin: 20px 10px;
	border: 6px solid #ecf1f7;
	padding: 15px;
	background: transparent url("../images/package_bg.gif");
}
	#packages .bronze h3 {
		background: transparent url("../images/bronze_icon.gif") no-repeat;
		padding: 20px 0 5px 55px;
		color: #a75d34;
	}
	#packages .silver h3 {
		background: transparent url("../images/silver_icon.gif") no-repeat;
		padding: 20px 0 5px 55px;
		color: #a5aeb1;
	}
	#packages .gold h3 {
		background: transparent url("../images/gold_icon.gif") no-repeat;
		padding: 20px 0 5px 55px;
		color: #dadc34;
	}
	#packages .elite h3 {
		background: transparent url("../images/elite_icon.gif") no-repeat;
		padding: 20px 0 5px 55px;
		color: #ce0206;
	}

.post {
	margin: 25px 10px;
	background: transparent url("../images/package_bg.gif") 0 -170px;
	padding: 10px;
}
	.post h3 {
		margin: 10px 0 !important;;
	}
	.post-meta {
		display: inline;
		margin: 10px 0 !important;
		background: #d9eef3;
		padding: 4px 10px;
		font-family: verdana, sans-serif;
	}
	.post-meta a.ext {
		background: transparent url("../images/ext_link.gif") no-repeat top right;
		padding: 0 15px 0 0;
	}

	.entry {
		display: block;
		margin: 10px 0;
		background: #fff;
		padding: 4px 10px;
	}

	.post_date {
		width: 40px;
		float: right;
		text-align: center;
		margin: 0 0 15px 15px;
		border: 1px solid #d8ebf0;
		padding: 2px;
		background: #fff;
	}
	.post_month {
		display: block;
		color: #fff;
		background: #15617c;
		padding: 4px 0;
		font-size: 120%;
		
	}
	.post_day {
		display: block;
		color: #7bacb9;
		padding: 4px 0;
		font-size: 180%;
		font-weight: bold;
	}

.highlight {
	font-weight: bold;
	border: 2px solid #ced4db;
	background: #f4f4f6;
	padding: 20px;
	font-size: 130%;
	line-height: 140%;
	color: #639bb9;
}

#newsletter_signup {
	margin: 10px;
}

#newsletter_signup .btn {
	padding: 1px 4px !important;
	padding: 1px 0;
}

#newsletter_signup input {
	color: #5d646a;
}

#features {
	width: 326px;
}
	#features li a {
		display: block;
		width: 326px;
		height: 58px;
		color: #534741;
		font: 14px/58px arial, sans-serif;
		text-decoration: none;
		background: transparent url("../images/features_bg.gif") repeat-x;
	}
	#features li a:hover {
		color: #2792a2;
		background: transparent url("../images/features_bg_over.gif") repeat-x;
	}
	#features li a img {
		float: left;
		margin: 4px 10px 0 10px;
	}
#footer {
	width: 880px;
	margin: 0 auto;
	color: #d6e4f0;
}
	#footer p {
		padding: 10px;
		margin: 0;
	}
	#footer a {
		color: #d6e4f0;
	}
		#footer a:hover {
			color: #fff;
		}


/* tabs */

.clr {
	clear: both;
}

#tab ul {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
	border-bottom: 1px solid #a9b6c1;
	background: #f6f6f7;
}
	#tab ul li {
		display: inline;
	}
	#tab ul li a {
		display: block;
		float: left;
		text-decoration: none;
		padding: 6px 16px 5px 16px;
		margin: 0 0 -1px 2px;
		border-bottom: 1px solid #a9b6c1;
	}
	#tab ul li a:hover {
		color: #333;
		background: #f2f2f2;
		text-decoration: none;
	}
	#tab ul li.selected a {
		padding: 4px 15px 5px 15px;
		color: #333;
		position: relative;
		bottom: -1px;
		border: 1px solid #ccc;
		border-bottom: 1px solid #fff;
		background: #fff;
	}
.tabcontentstyle{ /*style of tab content oontainer*/
	width: 620px;
	margin: .5em 0 1em 0;
	padding: 5px;
}

.tabcontent{
	display:none;
}