/*///////////////// COMMON ELEMENTS ///////////////////////*/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

body { margin:0; padding:0; text-align:center; min-width:900px; background:#9e9e9e url(../images/bg_site.jpg) no-repeat center top; color:#605b5b; font:normal 13px arial ; }
p { line-height:18px; color:#605b5b; padding:0 50px 30px 50px; clear:both;}
a {font-weight: bold; color: #11b7eb; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
H1 {font-size: 23px; font-weight: bold; color: #11b7eb; padding: 20px 0 0 50px;}
H2 {font-size: 16px; font-style: italic; color: #605b5b; padding: 0 0 10px 50px;}
H3 {font-size: 16px; font-weight: bold; color: #393939; padding: 20px 30px 0px 30px;}
H4 {font-size: 12px; font-style: italic; color: #11b7eb; padding: 0px 30px 0px 40px;}
H5 {font-size: 16px; font-weight: bold; color: #fff; padding: 20px 30px 0px 30px;}
H6 {font-size: 14px; font-weight: bold; font-style: italic; text-align:center; color: #393939; padding: 0 0 0 0;}



/*///////////////// SITE STRUCTURE ///////////////////////*/
.wrapper {width:990px; margin:0 auto; text-align:left; overflow:auto; clear:both; background: #fff;}
.contentwrapper {width:990px; margin:1px auto 0 auto; text-align:left; overflow:auto; clear:both; background: url(../images/bg_rightcol.gif) #fff repeat-y right top;}
.contentwrapper2 {width:990px; margin:1px auto 0 auto; text-align:left; overflow:auto; clear:both; background: #fff repeat-y right top;}



/*///////////////// HEADER ///////////////////////*/
.header {position: relative; height:177px; background:url(../images/bg_header.jpg) no-repeat;}
.logo {position:absolute; width:148px; margin: 5px 0 0 40px;}



/*///////////////// MAIN NAVIGATION ///////////////////////*/
#navigation {height: 39px; background: url(../images/bg_nav.gif) repeat-x; }
	#navigation li {display: inline; height: 39px; font-size: 9px; font-weight: bold; text-transform: uppercase; }
	#navigation a {float: left; padding: 0 10px; display: block; line-height: 39px; background: url(../images/divider.gif) no-repeat right top; color: #fff; text-decoration: none;}
	#navigation a:hover { background: #09A1E5; text-decoration: none; color: #202020;}

#homepage #navigation .onhome,
#about #navigation .onabout,
#program #navigation .onprogram,
#tracker #navigation .ontracker,
#resumes #navigation .onresumes,
#enewsletter #navigation .onenewsletter,
#showcase #navigation .onshowcase,
#training #navigation .onvideo,
#tournaments #navigation .ontournaments,
#campsclinics #navigation .oncampsclinics,
#news #navigation .onnews,
#forum #navigation .onforum,
#contact #navigation .oncontact,
#login #navigation .onlogin {color: #fff; font-weight: bold; text-decoration: none; background: url(../images/bg_arrownav.png)  #131313 no-repeat center 28px;}



/*///////////////// CONTENT AREAS ///////////////////////*/
.maincontent {width: 745px; position: relative; float: left; background: url(../images/bg_content.gif)  repeat-x left top;}
	.maincontent h3{font-size: 14px; font-weight: bold; color: #393939; padding: 0 30px 0 50px;}
	.maincontent h4{font-size: 20px; font-weight: bold; color: #000; padding: 20px 30px 0 50px;}
	.maincontent ul{padding: 10px 0 10px 50px; list-style: disc;}
	.maincontent ol{padding: 0 0 10px 50px; margin-top:-20px; list-style: decimal;}
	.maincontent li{margin: 2px 0 0 30px; }
	.maincontent hr{width:645px; border: none 0; border-top: 1px dashed #393939; margin: 20px 50px 20px 50px; padding: 0; clear:both;}
	
.maincontent2 {position: relative; background: url(../images/bg_content.gif)  repeat-x left top;}
	.maincontent2 iframe{margin: 0 0 0 0; width:100%; height: 1000px;}
	.maincontent2 h3{font-size: 14px; font-weight: bold; color: #393939; padding: 0 30px 0 50px;}
	.maincontent2 h4{font-size: 20px; font-weight: bold; color: #000; padding: 20px 30px 0 50px;}
	.maincontent2 ul{padding: 10px 0 10px 50px; list-style: disc;}
	.maincontent2 ol{padding: 0 0 10px 50px; margin-top:-20px; list-style: decimal;}
	.maincontent2 li{margin: 2px 0 0 30px; }
	.maincontent2 hr{width:890px; border: none 0; border-top: 1px dashed #393939; margin: 20px 50px 20px 50px; padding: 0; clear:both;}



/*///////////////// 3 STEPS ///////////////////////*/
#steps {width: 645px; position: relative; margin: 0 auto; overflow:auto; clear:both;}
	#steps p {color:#605b5b; padding: 20px 0 15px 0; font-size: 12px; line-height:16px;}
	
	#steps #step1 {width: 180px; float: left; margin: 0 0 0 0;}
	#steps #step2 {width: 180px; float: left; margin: 0 0 0 55px;}
	#steps #step3 {width: 180px; float: right; margin: 0 0 0 0;}
	
a.steplearn {margin: 0 0px 0 0; font-weight: bold; color: #11b7eb; text-decoration: underline;}
a.steplearn:hover {color: #000; text-decoration: underline;}
	
a.stepregister {margin: 0 0 0 0px; font-weight: bold; color: #093; text-decoration: underline;}
a.stepregister:hover {color: #000; text-decoration: underline;}



/*///////////////// YOUTUBE SPACING ///////////////////////*/
#youtube {position: relative; width:745px; margin: 20px 0 0 0; overflow:auto; clear:both;}
	#youtube h2 {font-size: 16px; font-style: italic; color: #605b5b; text-align:center; padding: 10px 0 10px 0;}
	#youtube a {display: block; width: 188px; border: 1px #dfdfdf solid;}
	#youtube a:hover {border: 1px #00C5FF solid;}

#youtubecol1 {width:288px; float: left; margin: 0 0 0 50px;}
#youtubecol2 {width:288px; float: left; margin: 0 0 0 70px;}

#youtubeplayer {position: relative; width:645px; margin: 0 auto; overflow:auto; clear:both;}
#youtubehomepage {position: relative; width:425px; margin: 0 auto 40px auto; overflow:auto; clear:both;}
#youtubeprogrampage {position: relative; width:480px; margin: 0 auto 40px auto; overflow:auto; clear:both;}



/*///////////////// ALTERNATING COLOR BLOCKS IN COPY SECTIONS ///////////////////////*/
#bgcolorwhite {position: relative; background: #fff; margin:10px 50px 10px 50px; padding: 20px;}
	#bgcolorwhite h2 {font-size: 14px; font-style: italic; color: #0451a7; padding: 0 0 5px 0;}
	#bgcolorwhite h3{font-size: 16px; font-weight: bold; color: #393939; padding: 0 30px 20px 0;}
	#bgcolorwhite h4{font-size: 18px; font-weight: bold; color: #000; padding: 20px 30px 0 0;}
	#bgcolorwhite ul{padding: 0 0 20px 0; list-style: disc;}
	#bgcolorwhite li{margin: 2px 0 0 30px;}
	#bgcolorwhite p {padding:10px 0 20px 0;}
	
#bgcolorgray {position: relative; background: #e9f2f8; margin:10px 50px 30px 50px; padding: 20px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #a3cce0;}
	#bgcolorgray h2 {font-size: 14px; font-style: italic; color: #0451a7; padding: 0 0 5px 0;}
	#bgcolorgray h3{font-size: 16px; font-weight: bold; color: #393939; padding: 0 30px 20px 0;}
	#bgcolorgray h4{font-size: 18px; font-weight: bold; color: #000; padding: 20px 30px 0 0;}
	#bgcolorgray ul{padding: 0 0 20px 0; list-style: disc;}
	#bgcolorgray li{margin: 2px 0 0 30px;}
	#bgcolorgray p {padding:10px 0 20px 0; }



/*///////////////// NEWS SECTION ///////////////////////*/
#newsstory {position: relative; background: #fff; margin:10px 50px 10px 50px; padding: 20px;}
	#newsstory h2 {font-size: 14px; font-style: italic; color: #0451a7; padding: 0 0 0 0;}
	#newsstory h3{font-size: 16px; font-weight: bold; color: #393939; padding: 0 30px 20px 0;}
	#newsstory h4{font-size: 18px; font-weight: bold; color: #000; padding: 20px 30px 0 0;}
	#newsstory ul{padding: 0 0 20px 0; list-style: disc;}
	#newsstory li{margin: 2px 0 0 30px;}
	#newsstory p {padding:0 0 20px 0;}



/*///////////////// PLAYER CHARTS ///////////////////////*/
.charts { margin:20px 50px 50px 50px; text-align:left; overflow:auto; clear:both; background: #fff;}
	.charts table {width:100%; border:1px solid #a9a9a9;}
	.charts table td, .charts table th {padding:10px; text-align:center; vertical-align:middle; border:1px solid #a9a9a9;}
	.charts table th {background:#0451a7; color:#fff; font-weight: bold;}
	.charts table td.c1 {font-size: 13px; font-weight: bold;}
	.charts table td.c2 {font-size: 20px; font-weight: bold;}
	.charts table td {color:#000; font-size: 10px;}
	.charts table tr.gray {background:#e9e9e9;}
	.charts table tr.gray2 {background:#a9a9a9;}



/*///////////////// RIGHT COLUMN ///////////////////////*/
.rightcolumn {width:245px; position:relative; float: left;}
.rightcolumn p {color:#000; padding: 5px 30px 20px 40px; font-size: 12px; line-height:16px;}

#share {width:245px; position:relative; background: url(../images/bg_darkgray.gif)  repeat-y left top;border-width: 0 0 1px 0; border-style: solid; border-color: #000;}
	#share ul{ text-align:center; padding: 20px;}	
	#share ul li{display: inline; padding: 0 5px 0 5px;}
	
#connect {width:245px; position:relative; background: url(../images/bg_lightgray.gif)  repeat-y left top; border-width: 0 0 1px 0; border-style: solid; border-color: #bababa;}
	#connect ul{ text-align:center; padding: 10px;}	
	#connect ul li{padding: 5px 0 5px 0;}
	
#newsshort {width:245px; position:relative; border-width: 0 0 1px 0; border-style: solid; border-color: #bababa;}
#chipshots {width:245px; position:relative; background: url(../images/bg_lightgray.gif)  repeat-y left top; border-width: 0 0 1px 0; border-style: solid; border-color: #bababa;}
#affiliates {width:245px; position:relative; border-width: 0 0 1px 0; border-style: solid; border-color: #bababa;}
#resources {width:245px; position:relative; background: url(../images/bg_lightgray.gif)  repeat-y left top; border-width: 0 0 1px 0; border-style: solid; border-color: #bababa;}



/*///////////////// FOOTER ///////////////////////*/
.blue {position: relative; height:5px; background: #11b7eb;}
#footer {position: relative; height: 100%; background: #202020; text-align: center;}
	#footer p {color:#d5d5d5; padding:15px 0 15px 0; font-size: 11px; font-weight: bold;}
	#footer .bluetext {color: #11b7eb;}
	#footer a {color: #d5d5d5; text-decoration: none;}
	#footer a:hover {color: #fff; text-decoration: underline;}



/*///////////////// CONTACT FORM ///////////////////////*/
fieldset { font:normal 13px arial border: none; position: relative; padding: 10px 0 0 50px; }
fieldset legend { display: none}

.contactformstyle form p { padding-bottom: 0;}
.contactformstyle label { color: #11b7eb; width: 140px; text-align: left; margin: 0 0 0 0;}
.contactformstyle .required { color: #11b7eb;}

.contactformstyle input, .contactformstyle textarea {font:normal 13px arial; border: 1px solid #dddddd; background: #eeeded; width: 400px; margin: 2px 0 20px 0; padding: 5px;}
.contactformstyle textarea {width: 400px; height: 150px; margin-bottom: 20px;}
.contactformstyle input:focus, .contactformstyle textarea:focus{ border: 1px solid #11b7eb;}
.contactformstyle input.button { background: url(../images/read_more.gif) no-repeat; width: 122px; height: 24px; text-align: center; padding-bottom: 20px; border: none; color: #fff; cursor: pointer; }
.contactformstyle input.button:hover { border: none;}
.contactformstyle .notification_error { padding: 5px; border: 1px solid #dddddd; background: #eeeded; color: #a5041e;}
.contactformstyle .notification_ok {padding: 5px; border: 1px solid #dddddd; background: #eeeded; color: #7e9711; }

#note{ border: none; position: relative; padding: 10px 0 0 50px; font-weight: bold; color: #C03; font-size: 18px;}



/*///////////////// MISC. STYLES ///////////////////////*/
.sold { color: #C03; font-weight: bold;}
#facebook {position: relative; margin: 20px 0 20px 0; text-align:center;}
.bio {margin: 5px 20px 20px 0; float: left;}
.buybtn {margin: -10px 0 20px 0;}