/* this style allows ie to display pngs as a background image although they can't repeat */
/* note: it requires a blank .gif and it must be referrenced correctly in the .htc file for this to work */
* { behavior: url(js/png_bg_fix.htc) }



body {
	background:url(../images/bg_shadow_right.jpg) top left repeat-y;
	background-position:1000px;
	font-family:Helvetica, Arial, sans-serif;
}
.clear {clear:both;}


/* ------------------------ top login bar ------------------------ */
#loginBar {
	width:1000px;
	height:28px;
	border-bottom:1px solid #fff;
	text-align:right;
}
#loginBar form {
	display:inline;
}
#loginBar input {
	color:#333;
	font-size:11px;
	line-height:12px;
}
#loginBar form .button {
	margin:-5px 0;
	padding:8px 5px 0 10px;
}
#loginBar p {
	display:inline;
	padding:0 5px 0 10px;
	color:#fff;
	font-size:11px;
	line-height:28px;
}



/* ------------------------ main header graphic ------------------------ */
#headerMain {
	width:1000px;
}





/* ------------------------ district level nav bar ------------------------ */
#navDistrict {
	padding:0 0 0 15px;
	width:985px;
	height:27px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#646464;
}
#navDistrict ul {
	list-style:none;
	display:inline;
}
#navDistrict li {
	display:inline;
	padding:0 10px 0 0;
}
#navDistrict li a {
	font-size:12px;
	line-height:27px;
	color:#fff;
	text-decoration:none;
}
#navDistrict li a:hover {
	text-decoration:underline;
}






/* ------------------------ viewing options and banner ad bar ------------------------ */
#adContainer {
	width:1000px;
	height:90px;
}
#adLeft {
	float:left;
	display:inline;
	width:271px;
}
#adBanner {
	float:right;
	display:inline;
	width:728px;
	border-left:1px solid #fff;
}





/* ------------------------ school level nav bar with title and date ------------------------ */
#navSchoolContainer {
	clear:both;
	width:1000px;
	height:80px;
	border-top:1px solid #fff;
	border-bottom:1px solid #dfdfdf;
	background:url(../images/bg_navSchool.jpg) top repeat-x;
}
#navSchoolContainer ul {
	top:10px;
	position:relative;
	float:left;
	padding:0 0 0 15px;
	height:40px;
	list-style:none;
	display:inline;
}
#navSchoolContainer li {
	display:inline;
	padding:0 15px 0 0;
}
#navSchoolContainer li a {
	font-size:12px;
	line-height:27px;
	color:#000;
	text-decoration:none;
}
#navSchoolContainer li a:hover {
	text-decoration:underline;
}

#navSchoolContainer h1 {
	display:inline;
	float:left;
	margin:5px 0 0 15px;
	font-size:26px;
	line-height:28px;
	font-weight:bold;
}
#navSchoolContainer h2 {
	display:inline;
	float:left;
	margin:5px 0 0 15px;
	font-size:18px;
	line-height:34px;
	font-weight:bold;
}
#navSchoolContainer h3 {
	display:inline;
	float:right;
	margin:5px 45px 0 0;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}


/* ------------------------ district level title and date bar ------------------------ */
#navDistrictContainer {
	clear:both;
	width:1000px;
	height:80px;
	border-top:1px solid #fff;
	border-bottom:1px solid #dfdfdf;
	background:url(../images/bg_navSchool.jpg) top repeat-x;
}

#navDistrictContainer h1 {
	display:inline;
	float:left;
	margin:45px 0 0 15px;
	font-size:26px;
	line-height:28px;
	font-weight:bold;
}
#navDistrictContainer h2 {
	display:inline;
	float:left;
	margin:5px 0 0 15px;
	font-size:18px;
	line-height:34px;
	font-weight:bold;
}
#navDistrictContainer h3 {
	display:inline;
	float:right;
	margin:45px 45px 0 0;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}


/* ------------------------ left column - archived clips, archived games, team rosters buckets ------------------------ */
#contentWrapper {
	width:1000px;
}




/* ------------------------ left column - archived clips, archived games, team rosters buckets ------------------------ */

#leftColumn {
	padding:10px 5px 10px 25px;
	float:left;
	display:inline;
	width:236px;
}

#leftColumn .bucket {
	width:236px;
	border-top:5px solid #b6b6b6;
	border-bottom:2px solid #fff;
}
#leftColumn .title {width:236px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
#leftColumn ul {
	padding:5px 5px 8px 15px;
	list-style:none;
	background:#eaeaea url(../images/bucket_bg.jpg) top repeat-x;
}
#leftColumn ul.schoolScroll {
	height:100px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}
#leftColumn li {
	font-size:11px;
	line-height:16px;
	color:#4f4f4f;
}
#leftColumn li a {
	font-size:11px;
	line-height:16px;
	color:#4f4f4f;
	text-decoration:none;
}
#leftColumn li a:hover {
	text-decoration:underline;
}
#leftColumn li.videoTitle {
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}
#leftColumn .more {
	z-index:5;
	display:inline;
	float:right;
	top:35px;
	right:10px;
	position:relative;
	font-size:11px;
	line-height:16px;
	color:#4f4f4f;
	text-decoration:none;
}
#leftColumn .more a {
	font-size:11px;
	color:#4f4f4f;
	text-decoration:none;
	font-weight:bold;
}
#leftColumn .more a:hover {
	color:#000;
	text-decoration:none;
}

/* ------------------------ video ad styles play off defaults for column ------------------------ */
#leftColumn ul.videoAd {
	margin:-2px 0 0 0;
	padding:60px 0 10px 0;
	height:12px;
	background:url(../images/video_ad_right.png) top no-repeat;
	text-align:right;
}
#leftColumn ul.videoAd li {
	display:inline;
	margin:0 5px 0 0;
	list-style:none;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#3c3c3c;
	text-align:center;
}
#leftColumn ul.videoAd li a {
	color:#3c3c3c;
	text-decoration:none;
}
#leftColumn ul.videoAd li a:hover {
	text-decoration:underline;
}





/* ------------------------ center column - main imaage/text, sports report audio ------------------------ */

#centerColumn {
	float:left;
	display:inline;
	margin:10px 0;
	padding:0 24px;
	width:428px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#centerColumn h1 {
	padding:5px 0 0 0;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
#centerColumn h2 {
	padding:5px 0 0 0;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#2e2e2e;
}
#centerColumn p {
	padding:5px 0;
	font-size:13px;
	line-height:14px;
	color:#2e2e2e;
}
#centerColumn a {
	text-decoration:none;
}
#centerColumn a:hover {
	text-decoration:underline;
}

#centerColumn h2 form {
	display:inline;
	margin-left:10px;
}


/* ------------------------ intro image and text ------------------------ */
#centerColumn #intro {
	/* padding:240px 0 0 0; */
	padding:0 0 0 0;
	width:430px;
	/* background:#ddd url(../images/sample_intro_img.jpg) center top no-repeat; */
}
#centerColumn #intro p {
	padding:10px;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	background:#ddd;	
}
#centerColumn #intro p, #centerColumn #sportsReport #media p, #centerColumn #sportsReport #media p.archives {
	color:#2e2e2e;
}
#centerColumn #intro a {
	padding:0 8px;
	text-decoration:none;
}
#centerColumn #intro a:hover {
	text-decoration:underline;
}

/* ------------------------ sports report section ------------------------ */
#centerColumn #sportsReport {
	margin:10px 0;
	width:430px;
}
#centerColumn #sportsReport #logo {
	float:left;
	display:inline;
	width:100px;
	height:100px;
}
#centerColumn #sportsReport #media {
	float:left;
	display:inline;
	padding:10px 0;
	width:320px;
	height:80px;
}
#centerColumn #sportsReport #media p {	
	float:left;
	display:inline;
	padding:5px;
	font-size:11px;
	line-height:14px;
	color:#2e2e2e;
}
#centerColumn #sportsReport #media p.archives {
	float:right;
}
#centerColumn #sportsReport #media a {
	color:#2e2e2e;
	text-decoration:underline;
}
#centerColumn #sportsReport #media a:hover {
	color:#000;
}

/* ------------------------ game of the week section ------------------------ */
#centerColumn #gameoftheWeek {
	margin:10px 0;
	width:430px;
}
#centerColumn #gameoftheWeek img {
	float:left;
	display:inline;
	width:120px;
	height:90px;
	padding:10px 20px;
}
#centerColumn #gameoftheWeek h1 {/*
	float:left;
	display:inline;*/
	padding:5px 0 0 0;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
#centerColumn #gameoftheWeek p {
	padding:0 0 5px 0;
	font-size:11px;
	line-height:14px;
	color:#2e2e2e;
}
#centerColumn #gameoftheWeek a {
	color:#2e2e2e;
	text-decoration:none;
	font-weight:bold;
}
#centerColumn #gameoftheWeek a:hover {
	text-decoration:underline;
}

/* ------------------------ archived clips/games subpages ------------------------ */
#centerColumn ul {
	width:410px;
	padding:5px 5px 8px 15px;
	list-style:none;
}
#centerColumn li {
	display:inline;
	width:25%;
	font-size:12px;
	line-height:16px;
	color:#4f4f4f;
}
#centerColumn li a {
	display:block;
	float:left;
	width:25%;
	color:#4f4f4f;
	text-decoration:none;
}

/* ----- custom coaches corner logo ---- 
#coachLogo {
	display:block;
	height:105px;
}*/
#coachLogo #logo {
	float:left;
	display:inline;
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #ddd;
	margin:0 10px 0 0;
	padding:0;
}/*

#coachLogo form {
	margin:0;
	padding:0;
}
#coachLogo #year {
	display:block;
	padding:10px 0 0 0;
	height:30px;
}
#coachLogo #year h2 {
	width:100px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
#coachLogo #year select {
	display:inline;
	float:left;
}

*/

#centerColumn ul {
	clear:both;
}
#centerColumn ul.coach li, #centerColumn ul.coach li a  {
	width:20%;
}

#centerColumn table {
	clear:left;
	width:430px;
	margin-bottom:15px;
	font-size:11px;
	line-height:14px;
	color:#2e2e2e;
	text-decoration:none;
}
#centerColumn caption {
	padding:15px 0 0 0;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#2e2e2e;
	text-align:center;
}
#centerColumn thead td {
	font-size:12px;
	font-weight:bold;
	background:#ddd;
}
#centerColumn td {
	padding:10px 5px;
	border-bottom:1px solid #ccc;
}

#centerColumn #coachComments {
	padding-top:15px;
}

#centerColumn #coachComments a {
	text-decoration:none;
}
#centerColumn #coachComments a:hover {
	text-decoration:underline;
}


#centerColumn #coachComments h1 {
	padding:15px 0 0 0;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#2e2e2e;
}
#centerColumn #coachComments h2 {
	padding:5px 0 0 0;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	color:#2e2e2e;
}
#centerColumn #coachComments h3 {
	padding:5px 0 0 0;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#2e2e2e;
}
#centerColumn #coachComments h4 {
	padding:5px 0 0 0;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#06c;
}
#centerColumn #coachComments ul {
	padding:5px 15px 0 15px;
	margin-left:15px;
	list-style:disc;
}
#centerColumn #coachComments li {
	font-size:13px;
	line-height:14px;
	color:#2e2e2e;
	padding-bottom:8px;
	width:auto;
	display:list-item;
}
#centerColumn #coachComments li a {
	float:none;
	display:inline;
	width:auto;
	padding:0;
}
#centerColumn #coachComments ul ul {
	padding:0 15px;
	margin-left:15px;
	list-style:lower-alpha;
}








/* ------------------------ right column - upcoming events, school photos, video ad ------------------------ */

#rightColumn {
	float:left;
	display:inline;
	padding:10px 6px;
	width:242px;
}

/* ------------------------ general column styles default to upcoming events ------------------------ */
#rightColumn h1 {
	clear:both;
	padding:0 5px 0 20px;
	width:217px;
	height:22px;
	border-bottom:2px solid #fff;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	color:#fff;
	background:#999;
}
#rightColumn ul {
	padding:5px 5px 5px 15px;
	background:#eaeaea url(../images/bg_rightColumn_buckets.jpg) top repeat-x;
}
#rightColumn li {
	margin:0 3px 0 15px;
	list-style:disc;
	font-size:11px;
	line-height:16px;
	color:#3c3c3c;
	text-indent:-5px;
}
#rightColumn li a {
	color:#3c3c3c;
	text-decoration:none;
}
#rightColumn li a:hover {
	text-decoration:underline;
}
#rightColumn li.schedule {
	padding:0 5px 0 0;
	text-align:right;
	list-style:none;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}
#rightColumn li.schedule a {
	text-decoration:none;
}
#rightColumn li.schedule a:hover {
	text-decoration:underline;
}
#rightColumn ul.newsScroll {
	height:150px;
	overflow:scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	padding:5px 5px 5px 0;
	width:237px;
}
#rightColumn ul.newsScroll li {
	border-bottom:1px solid #999;
	list-style:none;
	margin:5px 5px 5px 10px;
	padding:0 0 5px 0;
	text-indent:10px;
	background:url(../images/list_arrow.gif) 3px 0 no-repeat;
	display:table-cell;
}
#rightColumn ul.newsScroll li p {
	text-indent:0;
}
/* ------------------------ photos styles play off defaults for column ------------------------ */

#rightColumn h1.photosTitle {
	border-top:2px solid #fff;
}
#rightColumn ul.photos #photo {
	width:225px;
	height:170px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/sample_photo_upload.jpg) center no-repeat;
}
#rightColumn ul.photos {
	
	padding:5px 0 10px 0;
	background:#eaeaea url(../images/bg_rightColumn_buckets.jpg) top repeat-x;
	text-align:center;
}
#rightColumn ul.photos li {
	display:inline;
	margin:0 5px;
	list-style:none;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	color:#3c3c3c;
	text-align:center;
}
#rightColumn ul.photos li a {
	color:#3c3c3c;
	text-decoration:none;
}
#rightColumn ul.photos li a:hover {
	text-decoration:underline;
}

/* ------------------------ banner ads in place of photo section ------------------------ */
#rightColumn ul.altBanners {
	width:234px;
	height:200px;
	overflow:hidden;
	margin:0;
	padding:4px;
	text-align:center;
	border-top:2px solid #fff;
}
#rightColumn ul.altBanners li {
	width:234px;
	overflow:hidden;
	padding:2px 0 0 0;
	margin:0;
	text-align:center;
}
/* ------------------------ video ad styles play off defaults for column ------------------------ */
#rightColumn ul.videoAd {
	padding:60px 0 10px 0;
	height:12px;
	background:url(../images/video_ad_right.png) top no-repeat;
	text-align:right;
}
#rightColumn ul.videoAd li {
	display:inline;
	margin:0 5px 0 0;
	list-style:none;
	font-size:11px;
	line-height:16px;
	font-weight:normal;
	color:#3c3c3c;
	text-align:center;
}
#rightColumn ul.videoAd li a {
	color:#3c3c3c;
	text-decoration:none;
}
#rightColumn ul.videoAd li a:hover {
	text-decoration:underline;
}


/* ------------------------------------------------ subpage content ------------------------------------------------ */
#subpage {
	float:left;
	display:inline;
	width:704px;
	padding:15px;
}
#subpage h1 {
	padding:5px 0 0 0;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}
#subpage h2 {
	padding:15px 0 0 0;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#2e2e2e;
}
#subpage h3 {
	padding:5px 0 0 0;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#06c;
}
#subpage h4 {
	padding:5px 0 0 0;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#2e2e2e;
}
#subpage ul {
	padding:5px 15px 0 15px;
	margin-left:15px;
	list-style:outside;
}
#subpage li {
	font-size:13px;
	line-height:14px;
	color:#2e2e2e;
	padding-bottom:8px;
}
#subpage ul ul {
	padding:0 15px;
	margin-left:15px;
	list-style:lower-alpha;
}
#subpage p {
	padding:5px 0;
	font-size:13px;
	line-height:14px;
	color:#2e2e2e;
}
#subpage a {
	text-decoration:none;
}
#subpage a:hover {
	text-decoration:underline;
}
#subpage ul {
	padding:0 15px;
	list-style:outside;
}
#subpage li {
	font-size:13px;
	line-height:16px;
	color:#2e2e2e;
}

#subpage .lastmsg {
	font-size:13px;
	line-height:16px;
	color:#ff2e2e;
	font-weight: bold;
}
#subpage .required {
	font-size:18px;
	line-height:16px;
	color:#ff2e2e;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------ cms form styles ------------------------------------------------ */
#subpage form {
	font-size:13px;
	line-height:14px;
	color:#2e2e2e;
}
#subpage form {
	clear:left;
	color:#2e2e2e;
	font-size:13px;
	line-height:13px;
}
#subpage input, #subpage select {
	color:#2e2e2e;
}

#subpage form table.cmsForm {
	margin:20px auto 0 auto;
}
#subpage form table.cmsForm tr td {	
	vertical-align:top;
	margin-top:0;
	padding:0 15px 10px 0;
	text-align:left;
}
#subpage form table.cmsForm tr td.formName {
	width:25%;
	text-align:right;
}
#subpage form table.cmsForm tr td.cmsFormSubmit input {
	margin-left:170px;
}





/* ------------------------------------------------ footer links ------------------------------------------------ */
#footer {
	clear:left;
	width:1000px;
	border-top:1px solid #ddd;
	background:#fff;
}


	
/* ------------------------ top row - duplicate school nav with bg box ------------------------ */
#footer ul.top {
	margin:2px;
	padding:0 25px;
	width:946px;
	list-style:none;
	display:block;
	background:#e6e6e6;
}
#footer ul.top li {
	display:inline;
	padding:0 10px 0 0;
	font-size:11px;
	line-height:30px;
}
#footer ul.top li a {
	color:#000;
	text-decoration:none;
}
#footer ul.top li a:hover {
	text-decoration:underline;
}

/* ------------------------ bottom row - includes district nav and copyright links ------------------------ */
#footer ul.bottom {
	margin:2px;
	padding:0 25px;
	width:946px;
	list-style:none;
	display:block;
}
#footer ul.bottom li {
	display:inline;
	padding:0 10px 0 0;
	font-size:11px;
	line-height:15px;
	color:#787878;
}
#footer ul.bottom li a {
	color:#787878;
	text-decoration:none;
}
#footer ul.bottom li a:hover {
	text-decoration:underline;
}