body { 
	background: #3A3F80 url(/portfolio/bhsvolsfootball/images/volsbg.gif); 
	margin: 0; 
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
}

a:link { color: #FF9933; }
a:hover { color: #0099FF }
a:visited { color: #CC9900 }

fieldset { border: 1px solid #FF9933; padding: 0 10px 10px 10px; margin-bottom: 20px; }

#wrapper { position: relative; }

.header { 
	position: relative;
	width: 100%;
	height: 148px;
	background: #3A3F80;
    background: -webkit-gradient(linear, left top, left bottom, from(#3A3F80), to(#434ED8));
    background: -moz-linear-gradient(top, #3A3F80, #434ED8);
    background: -webkit-linear-gradient(top, #3A3F80,#434ED8);
    background: -ms-linear-gradient(top, #3A3F80, #434ED8);
    background: -o-linear-gradient(top, #3A3F80, #434ED8);
    background: linear-gradient(to bottom, #3A3F80, #434ED8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3F80', endColorstr='#434ED8',GradientType=0 ); 
	border-bottom: 32px solid #000000;
}

.masthead { 
	position: absolute; 
	left: 21px; 
	top: 0; 
	z-index: 1; 
	width: 880px; 
	height: 180px; 
	z-index: 2; 
	background: url(/portfolio/bhsvolsfootball/images/masthead.jpg) 0 0 no-repeat; 
}

#bhshelmet { 
	position: absolute;
	left: -15px; top: 5px; z-index: 5;
	background: transparent url(/portfolio/bhsvolsfootball/images/bhshelmet.png) 0 0 no-repeat; 
	width: 172px; 
	height: 190px; 
}
#bhshelmet a{ display: block; width: 172px; height: 195px; }

#blackbar { 
	position: absolute; 
	z-index: 5; 
	left:179px; 
	top: 146px; 
	width: 722px; 
	background: #000000; 
	color: #FFFFFF; 
	font-weight: bold; 
	letter-spacing: 5px; 
	text-align: center; 
	padding: 6px 0; 
}

#title { 
	background: transparent url(/portfolio/bhsvolsfootball/images/title.png) 0 0 no-repeat; 
	width: 368px; 
	height: 98px; 
	position: absolute; 
	top: 10px; 
	left: 180px; 
}

#content {
	position: relative;
	margin-left: 112px;
	background: transparent url(/portfolio/bhsvolsfootball/images/content-col-bg.gif) 21px 0 repeat-y;
}

#inner-content {
	margin-left: 190px;
	width: 690px;
	padding: 10px;
	min-height: 545px;
}

#inner-content > p { margin-top: 0;}

.ad { float: right;  margin-bottom: 8px; position: relative; z-index: 1 }
.separator { display: block; background: transparent url(/portfolio/bhsvolsfootball/images/separator.png) 50% 0 no-repeat; height: 14px; }

.photo { text-align: center; }
.caption { display: block; padding: 6px 0; font-size: small; text-align: left !important; }
.caption h4 { text-align: center; }


.summerevents { clear: both; }
.setitle { background: #ff9933; padding: 3px 12px; }
.mainpage { width: 408px; float: right; margin-left: 10px; }
.varsityteam { width: 600px; margin: 0 auto; }
.rosterhead { text-align: center; border-bottom: 2px solid #333;}

.standings { border:1px solid #000000; }
.standings-title { background: #000000; color: #FFFFFF; font-weight: bold; }
.stand-category { background: #FF9933; font-size: .9em; }
.standings hr { color:#CCCCCC; }
.standings tr:last-child td:last-child { font-size: .8em; }

.gameschedule { border-left: 2px solid #FF9933; }
.gameschedule th { text-align: left; background: #ff9933; border-right: 2px solid #FF9933; }
.gameschedule td { border-right: 2px solid #FF9933; border-bottom: 2px solid #FF9933; }
.gameschedule tr:last-child td:last-child { font-size: .8em; }

.statstable { border:1px solid #000000; width: 90%; margin-bottom: 20px;  }
.statstable th { color: #000000; background: #FF9933;}
.statstable .title { background: #000000; }
.statstable .title h4 { color: #FFFFFF; margin: 0; }
.statstable .title h5 { color: #FFFFFF; margin: 0; }

#signees,#alldistrict,#playeroftheweek { 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 8px;
}
#signees legend,#alldistrict legend,#playeroftheweek legend { border: 1px solid #FF9933; padding: 2px 5px; margin: 0 6px; font-weight: bold; }
#signees img { float: right; border: 1px solid #000000; }

.playeroftheweek { float: left; width: 200px; margin-top: 10px; margin-right: 10px; }
.playeroftheweek img { border: 1px solid #000000; }

#mealtime,#signing { margin-left: 15px;}
#mealtime img,#signing img { margin: 0 8px 8px 0;  }

.coach { float: left; width: 46%; margin: 10px; }
.coach span { font-size: .8em; }
.coach img { float: left; margin-right: 10px; }


.booster-links,.roster-links,.cheer-links { display: block; margin: 0; padding: 0 0 10px 15px; overflow: auto; border-bottom: 1px solid #666666; }
.booster-links li,.roster-links li,.cheer-links li { float: left; font-size: .75em; margin-left: 10px; margin-right: 15px; }
.booster-links li a,.roster-links li a,.cheer-links li a { display: block; padding: 2px 10px; }
.booster-links .booster-home,.roster-links .roster-home,.cheer-links .cheer-home  { list-style-type: none; margin-left: 0;}

#booster-officers { margin-bottom: 20px; }
#booster-schedule { font-size: .8em; }

.cell-border { border-bottom: 1px solid #333333; }
.adobe-reader { width: 95%; text-align: right; }

.cheer-lists { list-style-type: none; margin: 0; padding: 0 50px; display: block; overflow: auto; }
.cheer-lists>li { float: left; width: 49%;  }
.cheer-lists .cheer-left,.cheer-lists .cheer-right { display: block; margin: 0 auto; }
.cheer-left,.cheer-right { list-style-type: disc; }

#merchandise { list-style-type: none; display: block; margin: 0; padding: 0;  }
#merchandise > li { float: left; width: 47%; margin-bottom: 20px; margin-right: 1em; }
#merchandise > li p { background: #FF9933; font-weight: bold; padding: 3px 8px; margin: 0 0 8px 0; border: 1px solid #666666; }
#merchandise > li div { float: left; margin-right: 3em; padding: 0px 12px; height: 130px; border: 1px solid #999999; position: relative; }
#merchandise > li div span { display: block; font-size: .7em; margin-top: 8px; position: absolute; bottom: 0px; }
#merchandise > li ul { list-style-type: disc; }

.merchandise { display: none; }

/***  div class - div contains two unordered lists   ***/
.twocol-list ul { display: block; width: 44%; float: left; }

/**
 * CLEARFIX
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#announcements { 
	float: left; 
	width: 220px; 
	height: 100%; 
	background: #fff5e6; 
	font-size: 92%; 
	margin-right: 10px; 
	padding: 5px 5px 5px 8px;
}

#announcements h4 { 
	color: #990000; text-align: center; margin-top: 8px; width: 98%; margin-left: auto; margin-right: auto; 
	border-top: 1px solid #990000; border-bottom: 1px solid #990000; 
}

#navcol { 
	float: left;
	margin-left: 21px;
	height: 364px; 
	width: 159px; 
	background: transparent url(/portfolio/bhsvolsfootball/images/leftcol_static.jpg) 0 0 no-repeat; 
	padding: 15px 0 0 0;
}


/****************   Side Navigation Menu  ****************************/

#menu { margin-left: 7px; }
#menu { width: 150px; }
#menu ul { list-style-type: none; margin:0;padding:0;}
#menu > ul > li {position: relative; float: left; width: 150px; 
				 border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#menu > ul > li:first-child,#menu > ul > li > ul > li:first-child { border-top: 1px solid #333333; }
#menu > ul > li > a,#menu > ul > li > ul > li > a { display: block; font-size: .8em; padding: 2px 5px 2px 10px; text-decoration: none}
#menu > ul > li > ul { position: absolute; left: 120px; top: 3px; z-index: 20; -moz-box-shadow: 3px 3px 5px #333; -webkit-box-shadow: 3px 3px 5px #333; box-shadow: 3px 3px 5px #333;  }
#menu > ul > li > ul > li {float:left; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333;}
#menu > ul > li > ul > li a {display: block; padding: 3px 6px;text-decoration: none;}

.sub { background: transparent url(/portfolio/bhsvolsfootball/images/tri.gif) 95% 6px no-repeat; }
.sub-over { background: transparent url(/portfolio/bhsvolsfootball/images/tridown-wht.gif) 95% 8px no-repeat; }
.innershadow {
	-moz-box-shadow: inset -2px -2px 2px #ccc;
	-webkit-box-shadow: inset -2px -2px 5px #ccc;
	box-shadow: inset -2px -2px 2px #ccc; 
}

.noshadow {
	-moz-box-shadow: 0 0 0 #000;
	-webkit-box-shadow: 0 0 0 #000;
	box-shadow: 0 0 0 #000;
}
.lt-ie8 #menu > ul > li > ul { position: absolute; left: 150px; top: 0px; width: 150px; z-index: 20; }

/****************   End Side Navigation Menu  ****************************/

#openingplayers { 
	background: url(/portfolio/bhsvolsfootball/images/game_opening.jpg) 0 0 no-repeat; 
	width:158px; 
	height:193px; 
}


.map-page { background: #98BADC none; margin: 0; padding: 0; }
.map-info { background: #FFFFFF; overflow: auto; }
.map-info ul { display: block; list-style-type: none; margin: 0 auto; padding: 0; overflow: auto; }
.map-info ul li { float: left; padding: 5px 10px; width: 47%; }
.print-map { background: #FFFFFF; padding: 10px 15px; position: fixed; bottom: 0; width: 97%; }
.print-map a { background: url(/portfolio/bowieband/images/printer_friendly.gif) 10px 0px no-repeat; padding: 7px 0 7px 40px; }
.map-info,.print-it { font-size: .9em; }
#map-canvas { width: 98%; height: 26.5em; margin: 8px; border:1px solid #000000; }
.right { text-align: right; }

footer { 
	margin-left: 133px; 
	background: #434ed8;
	overflow: auto; 
	padding: 6px 0;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000; 
	margin-bottom: 10px; 
	width: 878px; 
	font-size: .8em;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

footer ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	display: block; 
	width: 90%; 
	margin: 0 auto; 
}
footer ul li { float: left; }
footer ul li a { display: block; color: #FFFFFF; padding: 4px 12px; }
footer ul li a:hover { text-decoration: none; color: #FF6600; }

.footerwht { color: #FFFFFF; margin: 10px 0; padding: 10px 0; width: 95%; text-align: center; font-size: .7em; }
.footerwht a { color: #FFFFFF; font-size: .8em; }