@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/main_bg_02.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:repeat-y;
	background-color:#000000;
	z-index:-1;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.clearboth {
	clear:both;
}

html, body {
	height: 100%;
}

th, td {
	vertical-align:top;
}

#container {
	min-height: 100%;
	width: 985px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	background:url(images/middle/paper_bkgd.jpg) top center repeat-y scroll;
}

* html #container {
	height: 100%;
}


#header {
	width: 985px;
	height:186px;
	padding: 0px;
	margin:0px;
}

#headerlogo {
	display:block;
	width: 143px;
	height: 143px;
	float:left;
	background:url(images/header/header_logo.jpg) no-repeat;
	position:relative;
	top:0px;
	left:0px;
}    
#headerlogo:hover {
    background-position: 0 -143px;
	cursor:pointer;
}

#headertopimg {
    display:block;
    width: 842px;
    height: 114px;
    background:url(images/header/header_top.jpg) top left no-repeat;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}

/* HEADER MAIN NAV */
#nav {
	display:inline;
	width:auto;
    height: 29px;
    text-align: left;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	left:0px;
	float:none;
}
#nav ul { 
    list-style: none;  
    padding: 0; 
    margin: 0;
}
#navlist li {
    list-style: none;
    float: left;
    height: 29px;
    overflow: hidden; /* if text-resize, this'll keep the nav the same size */
}
#navlist li a {
    display: block;
    line-height: 29px;
    text-indent: -9999px;
    font-size:3px;
    background-position: center top; /* horizontally centers the background image */
}
#navMarching{
    display:block;
    width: 174px;
    height: 29px;
    background:url(images/header/bttn_marching.jpg) no-repeat;
}    
#navMarchingUp {
    display:block;
    width: 174px;
    height: 29px;
    background: url(images/header/bttn_marching_down.jpg) no-repeat;
}    
#navMarching:hover {
    background-position: 0 -29px;
}
#navConcertBand{
    display:block;
    width: 113px;
    height: 29px;
    background:url(images/header/bttn_concertband.jpg) no-repeat;
}    
#navConcertBandUp {
    display:block;
    width: 113px;
    height: 29px;
    background:url(images/header/bttn_concertband_down.jpg) no-repeat;
}    
#navConcertBand:hover {
    background-position: 0 -29px;
}
#navJazz{
    display:block;
    width: 88px;
    height: 29px;
    background:url(images/header/bttn_jazz.jpg) no-repeat;
}    
#navJazzUp {
    display:block;
    width: 88px;
    height: 29px;
    background: url(images/header/bttn_jazz_down.jpg) no-repeat;
}    
#navJazz:hover {
    background-position: 0 -29px;
}
#navPercuss{
    display:block;
    width: 158px;
    height: 29px;
    background:url(images/header/bttn_percuss.jpg) no-repeat;
}    
#navPercussUp {
    display:block;
    width: 158px;
    height: 29px;
    background: url(images/header/bttn_percuss_down.jpg) no-repeat;
}    
#navPercuss:hover {
    background-position: 0 -29px;
}
#navChoir{
    display:block;
    width: 118px;
    height: 29px;
    background:url(images/header/bttn_choir.jpg) no-repeat;
}    
#navChoirUp {
    display:block;
    width: 118px;
    height: 29px;
    background: url(images/header/bttn_choir_down.jpg) no-repeat;
}    
#navChoir:hover {
    background-position: 0 -29px;
}
#navBoosters{
    display:block;
    width: 119px;
    height: 29px;
    background:url(images/header/bttn_boosters.jpg) no-repeat;
}    
#navBoostersUp {
    display:block;
    width: 119px;
    height: 29px;
    background: url(images/header/bttn_boosters_down.jpg) no-repeat;
}    
#navBoosters:hover {
    background-position: 0 -29px;
}
#navTheater{
    display:block;
    width: 72px;
    height: 29px;
    background:url(images/header/bttn_theater.jpg) no-repeat;
}    
#navTheaterUp {
    display:block;
    width: 72px;
    height: 29px;
    background: url(images/header/bttn_theater_down.jpg) no-repeat;
}    
#navTheater:hover {
    background-position: 0 -29px;
}

/* HEADER SUB NAV */
#subnav {
	width:985px;
    height: 42px;
    text-align: left;
}
#subnav ul { 
    list-style: none;  
    padding: 0; 
    margin: 0;
}
#subnavlist li {
    list-style: none;
    float: left;
    height: 42px;
    overflow: hidden; /* if text-resize, this'll keep the nav the same size */
}
#subnavlist li a {
    display: block;
    line-height: 42px;
    text-indent: -9999px;
    font-size:3px;
    background-position: center top; /* horizontally centers the background image */
}
#subnavNLSD{
    display:block;
    width: 114px;
    height: 42px;
    background:url(images/header/bttn_sub_nlsd.jpg) no-repeat;
}    
#subnavNLSD:hover {
    background-position: 0 -42px;
}
#subnavNLHS{
    display:block;
    width: 114px;
    height: 42px;
    background:url(images/header/bttn_sub_nlhs.jpg) no-repeat;
}    
#subnavNLHS:hover {
    background-position: 0 -42px;
}
#subnavAddress {
	float:left;
	display:block;
	width:519px;
	height:42px;
	font-size: 7pt;
	color:#333333;
	text-align:center;
	line-height:4.5em;
	background:url(images/header/address_area.jpg) center repeat-x;
}
#subnavAddress span, #footerlinks span {
	margin:0px 7px 0px 7px;
	font-weight:normal;
}
#subnavNLMS{
    display:block;
    width: 113px;
    height: 42px;
    background:url(images/header/bttn_sub_nlms.jpg) no-repeat;
}    
#subnavNLMS:hover {
    background-position: 0 -42px;
}
#subnavDirections{
    display:block;
    width: 125px;
    height: 42px;
    background:url(images/header/bttn_sub_directions.jpg) no-repeat;
}    
#subnavDirections:hover {
    background-position: 0 -42px;
}

/* FOOTER STYLES */
#footer {
	width: 985px;
	color: #FFF;
	text-align: center;
	height: 90px;
	padding-top: 10px;
	margin: -104px auto 0 auto;
	border-top:#FFF double 4px;
	background:url(images/footer/footer_bkgd.jpg) center no-repeat;
}
#clearfooter {
	height: 104px;
	clear:both;
}
#footer a {
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	font-size:7.5pt;
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#FFFFFF;
	text-decoration:underline;
} 
#footer a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}   /* mouse over link */

#footer_info {
	padding-top:10px;
	font-size: 7pt;
	font-weight: normal;
}

/* CONTENT */
#content {
	width: 985px;
	height:auto;
	clear:both;
}

/* SITE LINKS START */
a:link, a:visited, a:active {
	color:#000;
	text-decoration:underline;
} 
a:hover {
	color:#666;
	text-decoration:underline;
}   /* mouse over link */

/* */

#middle_container {
	background:url(images/middle/paper_bkgd.jpg) top center repeat-y scroll;
	padding: 0px 40px 20px 40px;
}

#middle_container img {
	margin:0px 10px 10px 10px;
	border: 2px #000 solid;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:0px 0px 20px 0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:inherit;
	padding:10px 0px 10px 0px;
	margin:0;
}

hr {
	border-style:none;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #000;
	height:1px;
	clear:both;
	margin:10px 0px 10px 0px;
}

#index_info {
	text-align:left;
}

#index_info hr {
	border-style:none;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #000;
	height:1px;
	clear:none;
	margin:10px 0px 10px 0px;
}

#index_img img {
	float:right;
	clear:right;
	margin:0px 5px 10px 20px;
}

/* TABLE STYLES */

#scoretable table {
	width:80%;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:10px;
}

#scoretable th {
	background:#000033;
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
}

#scoretable tr {
	background:none;
} 

#scoretable td {
	padding:2px;
	border:#999 1px solid;
}

#linktable table {
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:10px;
}

#linktable tr {
	background:none;
} 

#linktable td {
	padding:4px 8px 4px 4px;
	border:#999 1px solid;
	text-align:left;
}

/* MAP STYLE */
#map {
	width:100%;
	height:540px;
	overflow:hidden;
	clear:both;
	border:#000 1px solid;
}
#map div {
	font-size:10px;
}