@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }




/* layout.css */

html 	{ 
padding-top: 50px;
text-align : center;  
background : no-repeat center top; }

body { 
font-size: 80%;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
position : relative; 
width : 970px; 
margin : 0 auto; 
text-align : left;
}



/*for index page*/

div#content { 
z-index: 70;
position : relative; 
width : 100%;
background: transparent url(images/contentbackgroundb.png) no-repeat;
}

div#content_main {
position: absolute;
z-index: 90;
left : 0; 
width : 75%; 
padding : 0em 1em 1em 3em;
}

div#content_sub {
z-index: 80;
left: 77%;  
width : 19%; 
padding : 2em 3em 0 3em;
}

/*for all non-index pages*/

div#content2 {
z-index: 70; 
position : relative; 
width : 100%;
background: #fff;
}

div#content_main2 {
z-index: 90;
position: absolute;
left : 0; 
width : 63%; 
padding : 0em 2em 1em 2em;
background: #fff;
}

div#content_sub2 {
z-index: 80;
left: 68%;
width: 28%; 
padding : 0em  1em 2em 1em;
margin-top: 2em;
border-left: 1px dotted pink;
}

div#content_main3 {
z-index: 90;
left : 0; 
width : 63%; 
padding : 0em 2em 1em 2em;
}

div#content_sub3 {
z-index: 80;
left: 68%;
width: 28%; 
padding : 0em  1em 2em 1em;
margin-top: 2em;
border-left: 1px dotted pink;
}

div#branding, div#site_info {
width : 100%; }

/*site_info opposing floats*/
#pstudio {
float: left;
}

#si_email, #si_alumni, #si_forms, #si_archives {
float: right;
}

div#sponsors {
position: relative;
background: none;
bottom: -15px;
right: 700px;
width: 900px;
height: 85px;
}

div#calendar {
padding-top: 2em;
position: relative;
background: none;
left: -380px;
width: 550px;
}

div#sponsorst {
width: 700px;
height: 50px;
}

#sponsors ul, #sponsorst ul {
padding-right: 2em;
}

#sponsors p, #sponsorst p {
font-size: .6em;
}

#sponsors li {
float: right;
display:block;
margin-right: 2em;
}

#sponsorst li {
float: left;
display:block;
margin-right: 2em;
}

#sponsors ul h3, #sponsorst ul h3 {
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
letter-spacing: 2px;
background:none;
color: #d91c5c;
}



/* color.css */

html { 
background-color : #333;
}

body { 
padding-top : 0px; }

div#branding {
position : relative;
z-index : 50;
height : 238px;
background : #fff url(images/Branding.png) no-repeat;}



/*background : #f1edd9 url(images/BackButterfly.png) no-repeat 100% -55%;*/

div#nav_main { 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
position : absolute;
top: -20px;
right: -20px;
z-index : 60;
width: 400px;
height : 65px;
background : transparent url(images/nav2box.png) no-repeat;
}

div#hnav { 
position : absolute;
top: 200px;
right: 2em;
z-index : 61;
margin: 0;
padding: 0;
height : 22px;
list-style:none;
display: inline;
overflow: hidden;
}

div#hnav ul {
position: relative;}

div#hnav li { 
margin: 0;
padding: 0;
display: inline;
list-style:none;
}

div#hnav a {
float: left; 
padding: 22px 0 0 0;
height: 0px;
height: /**/:22px;/* for IE5/Win onbly */
overflow: hidden;
text-decoration: none;
}


#hnav_home a { 
width: 63px;
background: url(images/hnav_home.png) top left no-repeat;
}

#hnav_schedule a { 
width: 88px;
background: url(images/hnav_schedule.png) top left no-repeat;
}

#hnav_gameresults a { 
width: 110px;
background: url(images/hnav_gameresults.png) top left no-repeat;
}

#hnav_photos a { 
width: 109px;
background: url(images/hnav_photos.png) top left no-repeat;
}

#hnav_districtstandings a { 
width: 110px;
background: url(images/hnav_districtstandings.png) top left no-repeat;
}

#hnav_classic a { 
width: 145px;
background: url(images/hnav_classic.png) top left no-repeat;
}

#hnav a:hover, body#tourney #hnav_classic a,
body#schedule #hnav_schedule a,
body#gameresults #hnav_gameresults a,
body#photos #hnav_photos a {
background-position: 0 -22px;
}






div#site_info { 
z-index: 100;
position : relative;
width : 100%;
height : 82px;
background : #fff url(images/SiteInfo.png) no-repeat; 
}

div#site_infoindex { 
z-index: 100;
position : relative;
width : 100%;
height : 82px;
background : transparent url(images/SiteInfoindex.png) no-repeat; 
}

#site_info p, #site_infoindex p {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: .65em;
color:#666666;
}



/*nav_features ul (not a div id) is the main navigation on this site*/

ul#nav_features {
position : absolute;
top : 30px;
right : 2em;
margin : 0;
height : 20px;
text-align: right; 
}

ul#nav_features li {
float: left;
display : block;
padding-right: 1em;
text-align: right;
font-size: 1em;  
}


/*this puts the site_info content into horizontal navigation bar */

ul#siteinfocontact {
position : absolute;
bottom : 0px;
right : 0;
margin : 0 0 0 0;
height : 25px; 
width: 97%;
}

ul#siteinfocontact li {
font-size: 145%;
display : block;
padding: 0 1em 0 0em;
text-align: right;  }

#homenav {
position: relative;
left: 0;
padding: 0 0 0 0em;
}

#homenav ul {
margin-left: 0em; }


/*homenav h3 uses PHARK to replace images*/
ul li h3 {
position: absolute;
text-indent: -9999px;
}

/*establishes h2 in nav_main (there is one in content as well)*/
div#nav_main h2 { 
position : absolute;
top : -9999px; }



/*----------------------------------------------------*/
/* typography.css */


body { 
font : .9em "Georgia", serif,;
color : #333;
background: #fff;
}

h1 { 
position : absolute;
top : 0px; 
left : 0px;
width : 150px; 
height : 170px; 
text-indent : -9999px; }

/*PHARK FOR CHILES CREST*/
h1 img{ 
position : absolute;
top : -15px; 
left : 30px;
width : 120px; 
height : 170px; 
}

/*PHARK FOR HOME PAGE "KICKING OFF" image*/
h2.home {
position: absolute;
top: 30px;
left: 200px;
height: 198px;
width: 521px;
text-indent: -9999px;
background: transparent url(images/Kickingoff.png) no-repeat;
}

/*PHARK FOR HOME PAGE "KICKING OFF" image*/
h2.tourney {
top: 0px;
left: 2em;
height: 88px;
width: 500px;
text-indent: -9999px;
background: transparent url(images/Tourneyheaderblank.png) no-repeat;
}

h2.calendar {
top: 0px;
left: 2em;
height: 66px;
width: 500px;
text-indent: -9999px;
background: transparent url(images/calendarheader.png) no-repeat;
padding: 0;
margin: 0;
}

h2.districtstandings {
top: 0px;
left: 2em;
height: 66px;
width: 500px;
text-indent: -9999px;
background: transparent url(images/districtstandings.png) no-repeat;
padding: 0;
margin: 0;
}

div#calendar {
padding: 2em 0 0 0;
margin:0;
}

div#calendar dl {
line-height: 125%;
}

div#calendar dt {
padding:.75em 0 0 0;
margin:0;
color: #d91c5c;
}

div#calendar a {
text-decoration: none;
border-bottom: 1px dotted #fff;
color: #d91c5c;
}

div#calendar a:hover {
color: pink;
}


h2.varsity {
top: 0px;
left: 2em;
height: 66px;
width: 205px;
text-indent: -9999px;
background: transparent url(images/VarsityRosterhead.png) no-repeat;
}

h2.juniorvarsity {
top: 0px;
left: 2em;
height: 66px;
width:400px;
text-indent: -9999px;
background: transparent url(images/JVrosterhead.png) no-repeat;
}

h2.playerstats {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/playerstatsheader.png) no-repeat;
}

h2.forms {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/formsheader.png) no-repeat;
}


h2.alumni {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/alumniheader.png) no-repeat;
}

h2.schedule {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/scheduleheader.png) no-repeat;
}

h2.photos {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/photosheader.png) no-repeat;
}

h2.gameresults {
top: 0px;
left: 2em;
height: 66px;
width: 550px;
text-indent: -9999px;
background: transparent url(images/gameresultsheader.png) no-repeat;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #d91c5c;
font-size: 1.5em;
}

/*PHARK replacement for large player images on home page*/
h6 img {
position: absolute;
right: 510px;
top: -125px;
}


p.home {
margin: 0 0 0 150px;
position: absolute;
left: 100px;
top: 220px;
width: 500px;
font-size: 130%;
line-height: 130%;
}

p {
font-family:Georgia, "Times New Roman", Times, serif;
padding: 0 0 1em 0;
line-height: 140%;
}

h2.tourneylinks {
padding: 2em 0 0em 0;
}

#app p {
position: relative;
}

#app a {
float:left;
background: url(images/TourneyApp2state.png) top left no-repeat;
height: 0px;
padding: 70px 170px 0px 0px;
overflow: hidden;
text-decoration: none;
}

#app a:hover {
background-position: 0 -70px;
color: transparent;
text-decoration: none;
}

/*used for the hotel list on the tourney page*/
dl {
font-family: Georgia, "Times New Roman", Times, serif;
padding: .5em 0 1em 0;
line-height: 145%;
}

dt {
font-weight: bold;
}

dd em {
margin-left: 1em;
}

ul#tourneydownloads {
padding: 1em 0 3em 0; }


table {
position: relative;
top: -4px;
left: -4px;
width: 100%;
border: 1px solid #000;
background: #fff; }

table a {
color: pink;}

table th, td {
margin: 0;
padding: 8px 20px;
text-align: center;
border-bottom: 1px solid #b5b5b5;
}

table th {
background: pink; 
font-weight: bold;}

table th[alt] {
background: #888; 
font-weight: bold;
color: #fff;}

table td.photo {
margin: 0;
padding: 0;
width: 100px;
}

table .name {
text-align: left; }

table .ctralign {
text-align: center; }

table tr {
background: #e6e6e6; }

table tr.alt {
background: #f1f1f1 }

table caption {
margin: 0;
padding: 8px 20px;
text-align:left;
border: 1px solid #000;
border-bottom: none;
background: #fff; }

/*wraps table with a div and makes a drop shadow effect*/
.forums {
background: #919191;}


div#nav_main a:link, div#nav_main a:visited { 
text-decoration : none; 
border-bottom: #333 1px dotted;
color : #333;
font-size: .8em;
font-weight:bold; }


div#nav_main a:hover { 
border-bottom : #fff 1px dotted; 
color : #fff;
text-decoration: none;
}

div#site_info a:link, div#site_info a:visited, div#site_infoindex a:link, div#site_infoindex a:visited { 
text-decoration : none;
font-family: Georgia, serif; 
color : #fff;
font-size: .7em;
font-weight:bold; }

div#site_info li#pstudio a:link, div#site_info li#pstudio a:visited, div#site_infoindex li#pstudio a:link, div#site_infoindex li#pstudio a:visited { 
text-decoration : none;
font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
color : #fff;
font-size: .98em;
border-bottom: 1px dotted pink;}

div#site_info li#pstudio a:hover, div#site_infoindex li#pstudio a:hover { 
color: pink;
}


li#si_email a:link, li#si_email a:visited, li#si_alumni a:link, li#si_alumni a:visited, li#si_forms a:link, li#si_forms a:visited, li#si_archives a:link, li#si_archives a:visited  { 
border-bottom: 1px dotted pink;
}

li#si_email a:hover, li#si_alumni a:hover, li#si_forms a:hover, li#pstudio a:hover, li#si_archives a:hover { 
color: pink;
}


a:link.mainlink {
color: #d91c5c;
text-decoration:none;
border-bottom: 1px dotted pink;
}

a:hover.mainlink {
color: pink;
text-decoration: none;
border-bottom: 1px dotted pink;
}

a:visited.mainlink {
color: #555;
text-decoration: none;
border-bottom: 1px dotted #555;
}

a:link.formslink {
color: #d91c5c;
text-decoration:none;
border-bottom: 1px dotted pink;
padding-bottom: 0;
line-height: 250%;
}

a:link.formslink2 {
color: #d91c5c;
text-decoration:none;
border-bottom: 1px dotted pink;
padding-bottom: 0;
line-height: 250%;
}

a:hover.formslink {
color: pink;
text-decoration: none;
border-bottom: 1px dotted pink;
padding-bottom: 0;
line-height: 250%;
}

a:visited.formslink {
color: #555;
text-decoration: none;
border-bottom: 1px dotted #555;
padding-bottom: 0;
line-height: 250%;
}

#sponsorst ul li a:link {
text-decoration: none;
border-bottom: 0px #fff solid;
}


/*This gets the menu item on a page to "stick on" using page IDs*/
body#nav_varsityroster #nav_varsityroster a,
body#nav_jvroster #nav_jvroster a,
body#nav_stats #nav_stats a {
color: #fff;
border-bottom : #fff 1px dotted; 
}

a:link em, a:visited em { 
font-weight:bold;
}

strong {
font-weight: bold;
}

em {
font-style:italic;
}


/* =si_clear_children */

.pc,.sc { position : absolute; top: 0; left: 0; }

.clear_children,.cc_tallest { position: relative; } 

/*\*/* html .clear_children { display: inline;}/**/

.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */








