﻿/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #fff url("/images/bg.jpg") repeat-x;
font-family: calibri, tahoma, Arial, Helvetica, sans-serif;
} 

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red; }
.success { font-weight:bold;color:Green; }


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign: {text-align: right!important;}
.leftalign: {text-align: left!important;}
.center: {text-align: center!important;}
.formtable{width: 700px!important; border-collapse:collapse;padding: 0px;}
img{border: 0px;}
td{font-family: tahoma, sans-seif;}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 1145px;
} 

.contentDiv {float: left; height:300px; width:100%; overflow:auto; scrollbar-face-color: #F3F3F3; scrollbar-highlight-color : #232427; scrollbar-3dlight-color : #E4E4E4; scrollbar-shadow-color : #232427; scrollbar-darkshadow-color : #E4E4E4; scrollbar-track-color : #F3F3F3; scrollbar-arrow-color : #232427 }

/* --------------LABELS BUTTONS & FORMS-----------*/
#main .content .holder input[type="submit"], #main .content .holder input[type="button"], #main .content .holder .buttonred, #main .content .holder .button{background: #8c0111 url(/mobi/images/button_glossred.gif) repeat-x;margin: 10px 10px 10px 0px;padding:7px 10px;color: #fff; font-weight:bold; text-decoration: none;font-size:12px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border: 1px solid #430008;}
#main .content .holder input:hover[type="submit"], #main .content .holder input:hover[type="button"], #main .content .holder .buttonred:hover, #main .content .holder .button:hover{background-position:0% -31px;}


#header .mobibutton{float: left;background: #8c0111 url(/mobi/images/button_glossred.gif) repeat-x;margin: 10px 10px 10px 0px;padding:7px 10px;color: #fff; font-weight:bold; text-decoration: none;font-size:14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border: 1px solid #430008;}
#header .mobibutton:hover{background-position:0% -31px;}

  
#main .content input[type="text"], #main .content select, #main .content textarea, #main .content input[type="checkbox"]{border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}






/* --------------HEADER------------- */

#header {height: 92px;}
#header .logo{float: left;}
#header .search{padding: 5px 0px 0px 5px;float: right;background: url(/images/headersearchbg.gif) no-repeat top left;width: 240px;height: 47px; color: #fff; font-size:10px;}
#header .search select{border: 1px solid silver;padding: 2px; font-size:10px;height: 22px;}
#header .search input[type="text"]{border: 1px solid silver;padding: 2px; font-size:10px;height: 16px;}

#header span{color: #fff; font-size:12px;font-weight: bold;text-transform:uppercase;margin-right: 15px;}


#main .content .search span{color: #0e2251; font-size:12px;font-weight: bold;text-transform:uppercase;margin-right: 15px;}
#main .content .search input[type="text"]{border: 1px solid silver;padding: 5px; font-size:10px;margin: 10px 10px 0px 0px;}
#main .content .search select{border: 1px solid silver;padding: 5px; font-size:10px;margin: 10px 10px 0px 0px;}
#main .content .search{font-size:12px;color:#232427}

/* --------------TOP LINKS------------- */

#toplinks{float: right;height: 40px;width: 300px; text-align:right; }
#toplinks ul { margin-top: 10px; padding: 0px;}
#toplinks li {display: inline;list-style-type: none;border-right: 1px solid #04153a;}
#toplinks li a {color: #04153a;text-decoration: none;padding: 0px 8px 0px 8px;font-size: 8pt;}
#toplinks li a:hover { text-decoration: underline; }
.last{border: none!important;}

/* --------------TOPNAV------------- */

#topnav {}
#topnav select{border: 1px solid #d8d8d8;color: #404040;padding: 5px; margin-top: 8px;float: left;}
#topnav {height: 46px;}
#topnav ul{float: left;margin: 12px 0px 0px 40px;padding: 0px;list-style-type: none;}
#topnav ul li{position: relative;display: inline;float: left;padding: 0px 10px 0px 10px;}
#topnav ul li a{color: #fff;text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:16px;}
#topnav ul li ul{left: 0em;position: absolute;top: 0em;display: block;visibility: hidden; background:#142b63;margin: 0px!important;padding: 5px;}
#topnav ul li ul li{float: none;display: list-item;padding: 0px;color: #fff; text-transform:uppercase;padding: 5px;}

#topnav ul li ul li a {margin: 0px;overflow: visible;text-align: left;width: 130px;top: 0;color: #fff;display:block;font-size:12px;
}
#topnav ul li ul li a:hover{text-decoration:underline;color: #fff;}
#topnav ul li ul li ul{ left: 160px;top: 0;margin: 0px!important;padding: 5px; }
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #topnav ul li { float: left; height: 1%; }
* html #topnav ul li a { height: 1%; }
/* End */



/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin-top: 5px;
margin-bottom: 10px;
padding: 5px 0px 10px 0px;
}

#main .content, #main .contenttwocol, #main .contentonecol{min-height: 170px;height: auto;font-size:12px;color:#232427}

#main .contentonecol {background-color: white;border: 1px solid #cecccc;padding: 10px;}
#main .contenttwocol {}
#main .content{margin: 0px 260px 10px 260px;padding: 0px; width: 625px;}

#main .content ul, #main .contentonecol ul{padding: 5px 20px 20px 30px; list-style-type:disc; }
#main .content ul li, #main .contentonecol ul li{padding: 0px 0px 10px 0px;color: #000;}



.content input[type="text"], .content select, .content textarea, .content input[type="checkbox"]{border: 1px solid #cecccc;color: #404040;padding: 5px;}
.content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

.contentonecol input[type="text"], .contentonecol select, .contentonecol textarea, .contentonecol input[type="checkbox"]{border: 1px solid #cecccc;color: #404040;padding: 5px;}
.contentonecol input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#fscroller{margin-bottom: 10px;}
#main .content .holder{ background-color: white;border: 1px solid #cecccc;padding: 10px;}


#main p {margin-bottom: 15px; font-size:12px;color:#232427}
#main a{color: #0e2251;}
#main .content h1, #main .contentonecol h1{ color: #6d000e; font-size:20px; font-weight:bold; text-transform:uppercase; margin-bottom: 15px;}
#main .content h1, #main .contentonecol h1{ color: #6d000e; font-size:20px; font-weight:bold; text-transform:uppercase; margin-bottom: 15px;}
#main .content h4, #main .contentonecol h4{ color: #6d000e; font-size:16px; font-weight:bold;}
#main .content h3, #main .contentonecol h3{ color: #0e2251; font-size:16px; font-weight:bold;}

#main .contentonecol h2{ color: #6d000e; font-size:20px; font-weight:bold; text-transform:uppercase;}



#main .rightcol h3, #main .leftcol h3{ color: #0e2251; font-size:14px; font-weight:bold;padding: 0px 5px 0px 5px;}
#main .rightcol p, #main .leftcol p{padding: 0px 5px 0px 5px;font-size:11px;}




#main .leftcol {float:left; width: 250px;margin: 0px;padding: 0px;height: auto; vertical-align:top; font-size:10px;}
#main .rightcol {float:right; width: 250px;margin: 0px;padding: 0px;height: auto;vertical-align:top;font-size:10px;}

#main .content .whiteholder{ background-color: white;margin-bottom: 10px;}
#main .content .topbannerholder{ background-color: white;width: 625px;}

/* --------------FOOTER------------- */

#footer, .push { clear: both;height: 4em; bottom: 0;left: 0;margin: 0 auto; position: relative;} 
#footer {background: #fff;height: 100px;height: auto; border-top: 1px solid #cecccc; }
#footer .content {margin: 0 auto;padding: 20px 10px; width: 1133px;color: #5b5e62;font-size: 11px;}
#footer .content h1{color: #232427; font-size:16px;font-weight:bold;margin-bottom: 10px; }
#footer ul{padding: 0px; list-style-type:none;float: left; width: 120px;}
#footer ul li{padding: 0px 0px 7px 0px;color: #5b5e62;font-size: 12px;}
#footer ul li a{color: #5b5e62;font-size: 11px; text-decoration:none;}
#footer img{margin-right: 10px;}


#footer .columnone {float: left; width: 250px;padding-right: 15px;border-right: 1px solid #cecccc;height: 200px;}
#footer .columntwo {float: left; width: 570px;padding: 0px 20px;border-right: 1px solid #cecccc; height: 200px; }
#footer .columnthree {float: right; width: 250px; height: 200px;}

/* --------------BOXES------------- */
.boxgrey{ background:#fff;border: 1px solid #cecccc;padding: 2px;margin-bottom: 10px;}
.boxgrey h5{ background: url(/images/silverbox_head.gif) repeat-x; height: 33px;color: #6d000e; font-size:16px; font-weight:bold;padding:5px 0px 0px 5px;}
.boxgrey input[type="submit"], .boxgrey input[type="button"]{background:  url(/images/buttonbg_smallgrey.gif) repeat-x top left; text-transform:uppercase; padding:3px 5px;color: #fff; font-size:12px;margin-left: 7px; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;border: 1px solid #666666;}
.boxgrey input:hover[type="submit"], .boxgrey input:hover[type="button"]{background-position:0% -24px;}
.boxgrey input[type="text"], .boxgrey select, .boxgrey textarea, .boxgrey input[type="checkbox"]{border: 1px solid #d9d9d9;color: #404040;padding: 2px;font-size: 11px;}
.boxgrey h5 span a{font-size: 12px;background: #adabab url(/images/h5_button_bg.gif) no-repeat top center;float: right; color: #fff!important;font-weight: bold!important; text-decoration:none!important;padding: 6px 10px;margin: 3px 6px 0px 0px;}


.boxredwide{ border: 1px solid #cecccc;padding: 2px; background: #fff url(/images/redbox_head.jpg) repeat-x;height: 100%; height: auto;}
.boxredwide .top{ height: 30px;color: #ffffff!important; font-size:14px; font-weight:bold;padding:0px;border-collapse: collapse;margin-bottom: 10px;}
.boxredwide .top a{color: #ffffff!important; font-size:16px; font-weight:bold;}
.boxredwide input[type="submit"], .boxredwide input[type="button"]{background:  url(/images/buttonbg_smallgrey.gif) repeat-x top left; text-transform:uppercase; padding:3px 5px;color: #fff; font-size:12px;margin:0px 0px 0px 7px!important; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;border: 1px solid #666666;}
.boxredwide input:hover[type="submit"], .boxredwide input:hover[type="button"]{background-position:0% -24px;}
.boxredwide input[type="text"], .boxredwide select, .boxredwide textarea, .boxredwide input[type="checkbox"]{border: 1px solid #d9d9d9;color: #404040;padding: 2px!important;margin: 0px!important;font-size: 11px;}



/* --------------TABLES------------- */

.plainpad{ border-collapse:collapse;padding: 0px;width: 100%}
.plainpad td{padding: 5px 7px 5px 7px; vertical-align:top !important;color: #232427}

.plain{ border-collapse:collapse;padding: 0px;width: 100%}
.plain td{padding: 0px; vertical-align:top;color: #232427}

.plainholder{ border-collapse:collapse;padding: 0px;}
.plainholder td{padding: 5px; vertical-align:top;color: #232427}


.general, .generalborder{ border-collapse:collapse;padding: 0px;border: 1px #cecccc solid;background-color: #fff;width: 100%}
.general th, .generalborder th{ background: url(/images/silverbox_head.gif) repeat-x; height: 33px;color: #6d000e; font-size:12px; font-weight:bold;padding:3px 0px 0px 5px;text-align: left;}
.general td, .generalborder td{padding: 5px 7px 5px 7px;font-size: 10pt;color: #232427}
.generalborder td{border-bottom: 1px #dbdbdb solid; vertical-align:top;}
.general tr:hover, .generalborder tr:hover{background-color: #d7d7d7!important;}
.general li, .generalborder li{ padding: 2px!important;}
.general tr:nth-child(even), .generalborder tr:nth-child(even) {background: #e3e3e3}
.general tr:nth-child(odd), .generalborder tr:nth-child(odd) {background: #FFF}

.general input[type="submit"], .general input[type="button"], .general .buttonred{background: #8c0111 url(/mobi/images/button_glossred.gif) repeat-x;margin: 10px 10px 10px 0px;padding:7px 10px;color: #fff; font-weight:bold; text-decoration: none;font-size:14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border: 1px solid #430008;}
.general input:hover[type="submit"], .general input:hover[type="button"], .general .buttonred:hover{background-position:0% -31px;}

.heading{ border: 1px solid #cecccc;padding: 7px!important; background: #fff url(/images/redbox_head.jpg) repeat-x;color: #fff!important; font-size:14px!important; text-align: center; font-weight:bold;}


.plainholder input[type="submit"], .plainholder input[type="button"], .plainholder .buttonred{background: #8c0111 url(/mobi/images/button_glossred.gif) repeat-x;margin: 0px 10px 10px 0px;padding:7px 10px;color: #fff; font-weight:bold; text-decoration: none;font-size:14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border: 1px solid #430008;}
.plainholder input:hover[type="submit"], .plainholder input:hover[type="button"], .plainholder .buttonred:hover{background-position:0% -31px;}



.highlight{ background-color: #b8b8b8;}
.highlight:hover{ background-color: #fff;}


.generallist{margin-top: 20px; border-collapse:collapse;padding: 0px;border: 1px #cecccc solid;border-bottom: 3px solid #cecccc;width: 100%}
.generallist th{ background: url(/images/silverbox_head.gif) repeat-x; height: 33px;color: #6d000e; font-size:12px; font-weight:bold;padding:3px 0px 0px 5px;text-align: left;}
.generallist td{border-bottom: 1px #cecccc solid; vertical-align:top;padding: 5px 5px 5px 5px; font-size:8pt;color: #232427;}
.generallist td a{ font-size:8pt !important;}
.generallist tr:hover{background-color: #d7d7d7!important;}
.generallist li{ padding: 2px!important;}
.generallist tr:nth-child(even) {background: #e3e3e3}
.generallist tr:nth-child(odd) {background: #FFF}


.generallistsmall{margin-top: 20px; border-collapse:collapse;padding: 0px;border: 1px #cecccc solid;border-bottom: 3px solid #cecccc; margin: 0 auto;}
.generallistsmall th{ background: url(/images/silverbox_head.gif) repeat-x; height: 33px;color: #6d000e; font-size:12px; font-weight:bold;padding:3px 0px 0px 5px;text-align: left;}
.generallistsmall td{border-bottom: 1px #cecccc solid; vertical-align:top;padding: 5px 5px 5px 5px; font-size:8pt;color: #232427;}
.generallistsmall td a{ font-size:8pt !important;}
.generallistsmall tr:hover{background-color: #d7d7d7!important;}
.generallistsmall li{ padding: 2px!important;}
.generallistsmall tr:nth-child(even) {background: #e3e3e3}
.generallistsmall tr:nth-child(odd) {background: #FFF}



.displayform{ border-collapse:collapse;padding: 0px;width: 100%}
.displayform td{padding: 5px 0px; vertical-align:top !important;color: #232427; font-size:12px;}
.displayform th{padding: 0px 0px; color: #0e2251; text-align:left; font-size:12px; font-weight: bold;background: none!important}


/* --------------BANNERS------------- */

.bannersleft{height: 376px;}
.bannersright{height: 376px;}
.bannersleft .stationary, .bannersright .stationary{margin-top: 0px;margin-bottom: 10px;}
#fscroller{}

.topbanner{height: 100%!important; height: auto; text-align:center; overflow:visible;} 

#fscrollerMiddle{height: 100%!important; height: auto; text-align:center; overflow:visible;} 


#video{margin-bottom: 10px;}
#video .teaser{ background:#131313;color: #fff;padding: 10px;}
#video .teaser p{color: #fff;}
#video .teaser h5{color: #fff; font-size:16px; font-weight:bold;}

/* --------------NEWS------------- */
.news img{float: right; border: 1px solid silver;}

.news .newsitem{width: 605px; float: left;padding: 20px 0px; border-bottom:1px solid silver;}


#rankings table{ border-collapse:collapse;padding: 0px;width: 100%}
#rankings td{padding: 3px 6px; vertical-align:top !important;color: #232427}
#rankings th{padding: 4px 6px; color: #6d000e; text-align:left;}
#rankings h3{padding: 0px!important;margin: 0px!important}



.paging {height: 15px; color: #0e2251; font-size:11px;margin: 10px 0px;}

.paging a{border: 1px #cecccc solid;color:#cecccc!important; text-decoration:none;padding: 1px 3px; font-size:11px;}




#marqueecontainerLeft{
position: relative;
width: 250px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: none;
}

#marqueecontainerRight{
position: relative;
width: 250px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: none;

}



/* --------------OLD not sure what is using------------- */



a.topmenu:link {  font-family: tahoma; text-decoration: none; color: #808ca4; font-size: 8pt;}
a.topmenu:visited  { font-family: tahoma; text-decoration: none; color: #808ca4; font-size: 8pt; }
a.topmenu:hover { font-family: tahoma; text-decoration: underline; color: #808ca4; font-size: 8pt;}

a.rankings:link {  font-family: tahoma; text-decoration: none; color: #ffffff; font-size: 8pt;}
a.rankings:visited  { font-family: tahoma; text-decoration: none; color: #ffffff; font-size: 8pt; }
a.rankings:hover { font-family: tahoma; text-decoration: none; color: #808ca4; font-size: 8pt;}

a.ltgrey:link {  font-family: tahoma; text-decoration: underline; color: #aaaaaa; font-size: 8pt;}
a.ltgrey:visited  { font-family: tahoma; text-decoration: underline; color: #aaaaaa; font-size: 8pt; }
a.ltgrey:hover { font-family: tahoma; text-decoration: underline; color: #aaaaaa; font-size: 8pt;}

a.white:link {  font-family: tahoma; text-decoration: underline; color: #ffffff; font-size: 8pt;}
a.white:visited  { font-family: tahoma; text-decoration: underline; color: #ffffff; font-size: 8pt; }
a.white:hover { font-family: tahoma; text-decoration: underline; color: #aaaaaa; font-size: 8pt;}

a.black:link {  font-family: tahoma; text-decoration: underline; color: #232427; font-size: 8pt;}
a.black:visited  { font-family: tahoma; text-decoration: underline; color: #232427; font-size: 8pt; }
a.black:hover { font-family: tahoma; text-decoration: underline; color: #aaaaaa; font-size: 8pt;}


.statheader {	font-size: 8pt; font-family: Verdana; font-weight: bold;	background-color: #514C4C; color: White;}
.statsubheader { color: navy;}
.statTitle { font-size: 10pt; font-family: Verdana; font-weight: bold; color: #514C4C;}
.statSubTitle { font-size: 10pt; font-family: Verdana; color: navy;}
.statheaderBackground { background-color: #514C4C;}

.schedheader {	font-size: 8pt; font-weight: bold;	background-color: #514C4C; color: White;}
.schedheaderBackground { background-color: #514C4C;}
.scheddetail { font-size: 8pt;	color:#232427;}
.statdetail { font-size: 8pt;	 color:#232427;}
.statselect { font-size: 8pt;	}
.schoolHeader {	font-weight: bold; font-size: 14pt; 	color: #6d000e;	text-align: center;}
.schoolHeaderLeft {	font-weight: bold; font-size: 12pt; color: #6d000e;	text-align: left;}
.sportHeader { font-weight: bold; font-size: 10pt;	color: #0e2251; text-align: center;}
.sportHeaderLeft { font-weight: bold; font-size: 10pt;		color: #0e2251; text-align: left;}
.weekHeader { font-weight: bold; font-size: 10pt; color: Red; text-align: center; }
.dropDown { font-size: 10pt;  color: #232427; }
.label9 { font-size: 9pt;  color: #232427; text-align=left; }
a:label9Link:link {   text-decoration: underline; color: #232427; font-size: 9pt;}
.label9Link:visited  {  text-decoration: underline; color: #232427; font-size: 9pt; }
.label9Link:hover {  text-decoration: underline; color: #aaaaaa; font-size: 9pt;}
.label10 { font-size: 10pt; color: #232427; text-align=left; }
.playoffHeaderYellow { font-size:10pt; color:yellow; font-weight:bold; }
.playoffHeaderWhite { font-size:10pt; color:white; font-weight:bold; }
.playoffDetailYellow { font-size:9pt; color:yellow; }
.playoffDetailWhite {font-size:9pt; color:white; }
.playoffLinkYellow { font-size:9pt; color:yellow; }

#main .content h4{ color: #6d000e; font-size:16px; font-weight:bold;}
#main .content h3{ color: #0e2251; font-size:16px; font-weight:bold;}


.rightlinks{background: url(/images/rightlinkbg.jpg) repeat-x; float: right; width: 245px; height: 45px;}
.rightlinks li{padding-left: 30px!important;}

