/* 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;
	background-color:#06c;
}
#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;
}





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









/* ------------------------ left column - archived clips, archived games, team rosters buckets ------------------------ */
#contentWrapper {
	width:1000px;
	background:#ececec url(../images/bg_navSchool.jpg) top repeat-x;
}


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

/* ------------------------------------------------ choose district/state page ------------------------------------------------ */
.chooseStateColumn {
	width:33%;
	float:left;
	display:inline;
}
.chooseState {
	/* just in case we need a wrapper class later */
}



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

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




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

#rightColumn {
	float:right;
	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;
}

/* ------------------------ photos styles play off defaults for column ------------------------ */

#rightColumn h1.photosTitle {
	border-top:2px solid #fff;
}
#rightColumn ul.photos #photo {
	width:225px;
	height:170px;
	margin:0 auto;
	font-size:11px;
	line-height:16px;
	/* 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;
}






/* ------------------------------------------------ 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;
}