@charset "UTF-8";
body {
	background: #fff url(../images/backgroundRepeat.jpg) repeat center top;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 1.5em;

}
p, td, li {
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
}
p {
	color: #fff;
	margin-bottom: 1em;
}
strong, b {
	color: #ffc;
	font-weight: bold;
}
a:link, a:visited {
	color: #ffc;
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF6;
	font-weight: bold;
	text-decoration: underline;
}
h1 {
	color: #ffc;
	margin-bottom: 8px;
	font-size: 1.2em;
}
h2 {
	color: #ffc;
	margin-bottom: 8px;
	font-size: 2em;
}

#adspace {
	width: 468px;
	height: 60px;
	border: 3px #000 solid;
	background-color: #313131;
	margin: 5px 0;
}
table.enroll td {
	padding: 3px;
}

/* Custom styles for 2011 */

#pageWrapper {
	background: transparent url(../images/2012wrapperHeader.jpg) no-repeat center top;
	text-align: center;
}
#contentWrapper {
	margin: 0 auto;
	text-align: left;
	padding-top: 525px;
	width: 960px;
	position: relative;
}
h1.noshow a:link, h1.noshow a:visited, h1.noshow a:hover, h1.noshow a:active {
	margin-bottom: 0;
	display: block;
	text-indent: -9820px;
	text-decoration: none;
	width: 369px;
	height: 480px;
	left: 0;
	top: 15px;
	position: absolute;	
}
/*#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
	width: 168px;
	height: 109px;
	display: block;
	text-indent: -9923px;*/

}

div#navigation {
}

div#navigation ul {
	display: block;
	position: absolute;
	top: 423px;
	left: 0px;
}

div#navigation ul li {
	float: left;
	padding: 10px 18px;
}

div#navigation ul li a {
	font-size: 250%;
	text-decoration: none;
	color: rgb(0,0,0);
	font-family: Georgia, "Times New Roman", Serif;
}

div#navigation ul li a:hover {
	color: rgb(0,122,255);
}

li.bandsLink {

}

/* This is currently commented out.  removed the / * at both the top and bottom to "un-comment".  I left this here so that you could revert back to the old layout if you chose to
li.bandsLink a:link, li.bandsLink a:visited, li.bandsLink a:hover, li.bandsLink a:active {
	position: absolute;
	top: 268px;
	left: 446px;
	background: transparent url(../images/menuBands.png) top left no-repeat;
}
li.enrollLink a:link, li.enrollLink a:visited, li.enrollLink a:hover, li.enrollLink a:active {
	position: absolute;
	top: 268px;
	left: 640px;
	background: transparent url(../images/menuSignup.png) top left no-repeat;
}
li.scoresLink a:link, li.scoresLink a:visited, li.scoresLink a:hover, li.scoresLink a:active {
	position: absolute;
	top: 148px;
	left: 391px;
	background: transparent url(../images/menuScores.png) top left no-repeat;
}
li.prizesLink a:link, li.prizesLink a:visited, li.prizesLink a:hover, li.prizesLink a:active {
	position: absolute;
	top: 148px;
	left: 580px;
	background: transparent url(../images/menuPrizes.png) top left no-repeat;
}
li.datesLink a:link, li.datesLink a:visited, li.datesLink a:hover, li.datesLink a:active {
	position: absolute;
	top: 148px;
	left: 767px;
	background: transparent url(../images/menuDates.png) top left no-repeat;
}
li.homeLink a:link, li.homeLink a:visited, li.homeLink a:hover, li.homeLink a:active {
	position: absolute;
	top: 400px;
	left: 0px;
	background: transparent url(../images/menuHome.png) top left no-repeat;
}

*/

#sideBar {
	position: absolute;
	left: 740px;
	top: 324px;
	background: transparent url(../images/sidebarTop.png) top left no-repeat;
	width: 296px;
	padding-top: 273px;
}
#sideBar ul {
	list-style: none;
	background: transparent url(../images/sidebarBottom.png) bottom left no-repeat;
	padding-bottom: 57px;
	margin: 0;
}
#sideBar ul li {
	background: transparent url(../images/sidebarRepeat.png) top left repeat-y;
	padding: 3px 0 0 80px;
}
#content {
	width: 780px;
}
table.scores td, table.scores th {
	padding: 2px;
	text-align: center;
	border: 2px solid rgb(140,140,140);
	background-color: rgb(0,0,0);
	vertical-align: middle;
}
table.scores td {
	color: rgb(0,122,255);
	font-size: 1.2em;
}
table.scores th {
	color: #fff;
}

/***********************************************/
/******** signup form ****/

fieldset{
	border: 1px solid #333;
	margin: 2em;
}

legend{
	font-size: 90%;
	text-transform: uppercase;
	color: #CCC;
	padding: 10px;
}

fieldset p{
	margin: 1em 0;
}

p label{
	display: block;
	width: 155px;
	float: left;
	text-align: right;
	padding-right: 1em;
	color: #CCC;
	font-size: 14px;
}

input {
	font-size: 100%;
}

form {
	margin-top: 2em;
	margin-bottom: 2em;	
}

div#submit {
margin: 2em;
}

div#members {
	float: left;
}

div#schools {
	float: right;
	margin-right: 8em;
}