/******************************
RESETS
******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need Ôcellspacing=Ó0ÓÕ in the markup /
table { border-collapse: collapse; border-spacing: 0;
}

/*******************************
MAIN LAYOUT
*******************************/
body{
	font: 11px/16px Verdana, sans-serif;
	color:#777;
	background:url(../images/bg.jpg) top center;
}
#container{
	width:945px;
	margin:0 auto;
}
#header{
	height:215px;
	margin-top:5px;
}
#content{
	width:871px;
	padding:31px;
	margin:0 auto;
	background:url(../images/content.png) top left no-repeat;
	overflow:auto;
}
#contentTop{
	width:925px;
	height: 36px;
	margin:0 auto;
	background:url(../images/contentEnds.png) top left no-repeat;
}
#contentLong{
	width:871px;
	padding:31px;
	margin:0 auto;
	background:url(../images/longContent.png) top left repeat-y;
	overflow:auto;
}
#contentBottom{
	width:925px;
	height:36px;
	margin:0 auto;
	background:url(../images/contentEnds.png) 0 -36px no-repeat;
}
/*******************************
HEADER/NAV
*******************************/
h1 a{
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png);
	width:301px;
	height:210px;
	margin:0 auto;
	overflow:hidden;
}
/*******************************
HEADER/NAV
*******************************/
h1{
	width:301px;
	float:left;
	margin-left:30px;
}
h1 a{
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png);
	width:301px;
	height:210px;
	margin:0;
	overflow:hidden;
}
#nav{
	height:33px;
	float:left;
	margin:89px 0 0 0px;
	width:578px;
}
#nav li{
	float:left;
	font-size:12px;
	line-height:33px;
	color:#fff;
	text-transform:uppercase;
	margin-top:8px;
	height:33px;
	background:url(../images/navBG.png) top center;
}
#nav>li:first-child{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topLeft: 4px;
	-moz-border-radius-bottomLeft: 4px;
}
#nav>li:last-child{
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topRight: 4px;
	-moz-border-radius-bottomRight: 4px;
}
#nav img{
	vertical-align:middle;
	position:relative;
	top:-2px;
}
#nav li a{
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:0 17px;
	border-left:1px solid #383737;
	border-right: 1px solid #040404;
}
#nav li a:hover{
	color:#ccc;
}
#nav li ul{
	position:absolute;
	margin-top:0px;
	background:url(../images/subNavBG.png);
	border:1px solid #000;
	border-top-width:0;
	display:none;
	z-index:99;
}
#nav li ul li{
	float:none;
	font-size:10px;
	text-transform:none;
	padding:none;
	margin:0;
	height:auto;
	background:none;
	height:auto;
	line-height:12px;
	
}
#nav li ul li a{
	font-size: 11px;
	text-transform:none;
	border-bottom: 1px solid #111;
	border-top:1px solid #313131;
	border-left:none;
	border-right:none;
	padding:5px 10px;
	min-width:140px;
}
#nav li ul li a:hover{
	color:#ccc;
}
/*******************************
HOME SPECIFIC
*******************************/
#banner{
	background:url(../images/nhsi_tournament_field.jpg) top left no-repeat;
	width:870px;
	height:358px;
	margin:0 0 15px 0;
}
#main{
	width:510px;
	background:url(../images/BGmainHeader.png) top left no-repeat;
	float:left;
	padding-top:45px;
}
#when{
	float:left;
	padding:0 0 0 15px;
	margin-right:15px;
}
#when p{
	line-height:16px;
	border-right: 1px solid #ccc;
	padding:0 15px 0 0;
}
#where{
	float:left;
}
#where p{
	padding: 0;
}
#sidebar{
	background:url(../images/BGsidebar.png) top left no-repeat;
	width:308px;
	height:99px;
	padding:45px 15px;
	float:right;
}
#sidebar p{
	padding: 0;
}
#btnTourneyInfo{
	display:block;
	background:url(../images/btnTourneyInfo.png);
	width:220px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	margin: 216px 0px 0px 25px;
}
#btnTourneyInfo:hover{
	background-position: 0 -26px;
}
#btnTourneyInfo:active{
	background-position: 0 -52px;
}
#btnPurchase{
	background: url(../images/btnPurchase.png);
	display: block;
	width:168px;
	height:33px;
	text-indent: -9999px;
	margin: 15px 0;
	float: right;
}
#btnPurchase:hover{
	background-position: 0 -33px;
}
#purchaseLayer{
	position: absolute;
	width:166px;
	height:94px;
	background: url(../images/purchaseLayer.png);
	margin: 39px 0px 0px 146px;
}
#purchaseList{
	padding:6px 15px;
}
#purchaseList li{
	border-bottom: 1px solid #cc8010;
	border-top: 1px solid #fab752;
	padding:4px 0;
}
#purchaseList a{
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}
#purchaseList a:hover{
	text-decoration: underline;
}
/*******************************
BRACKET
*******************************/
#boysBracketHeader{
	height:32px;
	width:859px;
	text-indent:-9999px;
	background:url(../images/boysBracketHeader.png);
}
#girlsBracketHeader{
	height:32px;
	width:859px;
	text-indent:-9999px;
	background:url(../images/girlsBracketHeader.png);
}
#boysBracket{
	width:859px;
	height:461px;
	background:url(../images/boysBracketBG.png) no-repeat;
	font-size:10px;
}
#girlsBracket{
	width:859px;
	height:461px;
	background:url(../images/girlsBracketBG.png) no-repeat;
	font-size:10px;
}
.score{
	display:block;
	width:30px;
	float:right;
	text-align:right;
	padding-right:5px;
}
.team{
	display:block;
	float:left;
	padding-left:5px;
}
#quarterfinals{
	width:205px;
	margin: 52px 10px 10px 10px;
	float:left;
	
}
#semifinals{
	width:205px;
	margin: 52px 10px 10px 10px;
	float:left;
}
#girlsSemifinals{
	width:205px;
	margin: 80px 10px 10px 5px;
	float:left;
}
#girlsFinals{
	width:205px;
	margin: 108px 10px 10px 10px;
	float:left;
}
#finals{
	width:205px;
	margin: 135px 10px 10px 10px;
	float:left;
}
#game1TeamA{
	margin-top:4px;
	overflow:auto;
}
#game1TeamB{
	margin-top:44px;
	overflow:auto;
	clear:both;
}
#girlsSemifinals #game1TeamB{
	margin-top:86px;
}
#game2TeamA{
	margin-top:26px;
	overflow:auto;
	clear:both;
}
#girlsSemifinals #game2TeamA{
	margin-top:84px;
}
#game2TeamB{
	margin-top:44px;
	overflow:auto;
	clear:both;
}
#girlsSemifinals #game2TeamB{
	margin-top:84px;
}
#game3TeamA{
	margin-top:26px;
	overflow:auto;
	clear:both;
}
#game3TeamB{
	margin-top:43px;
	overflow:auto;
	clear:both;
}
#girlsFinals #game3TeamB{
	margin-top:187px;
}
#game4TeamA{
	margin-top:25px;
	overflow:auto;
	clear:both;
}
#game4TeamB{
	margin-top:43px;
	overflow:auto;
	clear:both;
}
#game5TeamA{
	margin-top:31px;
	overflow:auto;
	clear:both;
}
#game5TeamB{
	margin-top:87px;
	overflow:auto;
	clear:both;
}
#game6TeamA{
	margin-top:85px;
	overflow:auto;
	clear:both;
}
#game6TeamB{
	margin-top:84px;
	overflow:auto;
	clear:both;
}
#game7TeamA{
	overflow:auto;
	clear:both;
}
#game7TeamB{
	margin-top:185px;
	overflow:auto;
	clear:both;
}
/*******************************
MISCELLANEOUS
*******************************/
h2{
	font:bold 16px Verdana, sans-serif;
	color:#222;
	text-transform:uppercase;
}
h2#teamName{
	font:bold 26px Verdana, sans-serif;
	color:#222;
	text-transform:uppercase;
	margin:-35px 0 15px 0;
}
h3{
	font:bold 11px/25px Verdana, sans-serif;
	color:#222;
	text-transform:uppercase;
}
a{
	color:#e99d2c;
}
p{padding:8px 0}

/*******************************
TEAM BIOS
*******************************/
#teamMain{
	float:left;
	width:518px;
	padding-top:15px;
}
#teamSidebar{
	float:right;
	width:317px;
	padding-top:15px;
}
#keyPlayers{
	background:url(../images/keyPlayersHeader.png) top left  no-repeat;
	padding:35px 10px;
}
#road{
	background:url(../images/roadHeader.png) top left  no-repeat;
	padding:35px 10px;
	zoom:100%;
}
#the411{
	background:url(../images/the411Header.png) top left  no-repeat;
	padding:35px 10px;
	zoom:100%;
}
#roster{
	background:url(../images/rosterBG.png) top left repeat-y;
	margin-bottom:15px;
}
#roster table{
	margin:10px;
}
#roster table td{
	padding:2px 0 !important;
	height:auto !important;
}
#roster table td p{
	padding:0;
	margin:0;
}
.odd{
	background:#f0f0f0;
}
#rosterHeader{
	background:url(../images/rosterHeader.png) top left  no-repeat;
	height:32px;
	text-indent:-9999px;	
}
#rosterBottom{
	background:url(../images/rosterBottomBG.png) top left  no-repeat;
	height:24px;
	text-indent:10px;
}