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

html {background:url(../images/backgroundTile.gif) repeat-x top left #5567a9;}

body {
	width:800px; 
	padding:0; 
	margin:0 auto;
	background:url(../images/contentTile.gif) repeat-y top center #FFFFFF;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:95%;
}

body div {margin:0; padding:0;}

img {border:none}
h1, h2, h3, h4 {margin:0 170px 0 245px; padding:0;}
h1 {font-size:160%; padding:.1em 0 .5em 0;}
h2 {font-size:125%; color:#5567a9; padding:.2em 0 .2em 0;}
h3 {font-size:100%; text-transform:uppercase;}
li {
	margin-left:-1.5em;
	padding-bottom:.2em;
	list-style-image:url(../images/bullet.gif);
}
*html li {margin-left:15px;}


/*-----layout-left column-----*/
#leftSide {
	float:left;
	width:245px;
	background-color:#fff;
	padding:0px;
}

#para {
	color:#D67D00;
	font-size:75%;
	font-weight:bold;
	text-transform:uppercase;
 }
*html #leftSide {margin-right:-3px;}


/*-----layout-right column-----*/
#rightSide {
	float:right;
	width:125px;
	background-color:#eee;
	padding:0px;
}
*html #rightSide {margin-left:-3px;}


/*-----center column content styles-----*/
.withButtons {background:url(../images/contentBG.gif) no-repeat 450px 197px;}
.noButtons {background:url(../images/contentBG_noButtons.gif) no-repeat 450px 197px;}

#content p,
#content ul,
#content ol, 
#content form,
#content table {margin:0 170px 0 245px; padding-bottom:1em;}
#loginControlDiv table { margin:0px 0px 0px 0px; width: 250px}

#content ul ul, 
#content ol ol {margin:0;}

/*-----Register and Report buttons-----*/
#content #register {text-align:right; padding:0 21px 0 0;}
*html #content #register {padding-right:18px;}
#content #report {float:right; text-align:right; padding:0px; margin:0px;}
*html #content #report {padding-right:3px;}


/*-----banner style for pages without Register and Report buttons-----*/
img.banner {margin-bottom:40px;}


#footer {
	text-align:center;
	clear:both;
	padding-top:1em;
}

/*-----character styles-----*/
.bold {font-weight:bold;}
.noCaps {text-transform:lowercase;}
.placeholder {font-weight:bold; color:#FF0000; font-size:75%;}


/*-----<table> tags-----*/
#loginControlDiv table { width: 250px;}
#content table {margin-top:1.5em; width:385px;}
*html #content table {width:379px;}


td, th {
	text-align:center;
	border-bottom:1px solid #D67D00;
	padding-bottom:.3em;
}

td, .leftCol {vertical-align:top;}

.leftCol {
	background-color:#FFFF99;
	color:#000000;
	font-size:100%;
	font-weight:normal;
	text-transform:none;
	width:13%;
}

.totalCol, .totalCol th {
	background-color:#FF9900;
	color:#000000;
	font-weight:bold;
}

.tdLeft {
	text-align:left; 
	padding-left:.5em; 
	vertical-align:top;
}

.th4col {width:29%;}
.th3col {width: 43%;}
.thAdmin {width:33%}


/*-----<form> tags-----*/
form {margin-top:.5em; padding:0; height:1%;}

#content form p {margin:0px; padding-bottom:.25em;}

fieldset {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	padding: 0;
	margin: .6em 0 .5em 245px;
	width: 877px;
}

/*formatting for brown, CAPITALIZED text*/
label, legend, .label, th {
	color:#D67D00;
	font-size:75%;
	font-weight:bold;
	text-transform:uppercase;
}

/*adjustment to counteract brown, CAPITALIZED text for radio button labels*/
fieldset label, th.tdLeft {
	color:#000000;
	font-size:100%;
	font-weight:normal;
	text-transform:none;
}
fieldset label {padding:0 12px 0 4px;}
*html fieldset label {padding-left:0px;}

/*adjustment for <legend> tag*/
legend {padding:0 0 .3em 0;}
*html legend {margin-left:-7px;}

input {margin:0; padding:0;}

.submit {padding-top:1.5em;}
.submit input {margin-right:.6em;}

/*-----page-specific styles-----*/
/*width of labels*/
#schoolProfile .label, 
#resultsQuery p label, 
#registrationForm label, 
#registrationForm .label,
#reportingForm label,
#approvalForm .label {display:inline-block; width:10.5em;}
#resultsQuery p label {width:8.5em;}
#registrationForm fieldset label {width:auto;}
#reportingForm label {width:20em;} 
#approvalForm .label {width:17em;}

.registrationForm label {display:inline-block; width:10.5em;}
.registrationForm fieldset label {width:auto;}


/*width of text fields for Registration Form*/
#students, #teachers, #staff {width:3em;}
#password, #confirm {width:6em;}

/*width of text fields for Reporting Form*/
#reportingForm input {width:3em; margin-right:.2em;}
#reportingForm p.submit input {width:auto; margin-right:.6em;}

/*extra style for Registration form*/
.formHeader {
	padding-top:1em; 
	font-size:80%; 
	font-weight:bold;
}

/*-----for Participating Schools page-----*/
#schoolListing {margin-top:.5em;}

#schoolListing p,
#schoolProfile p,
#approvalForm p {
	padding-bottom:.15em;
	margin-bottom:.2em;
	border-bottom:1px solid #CCC;
}

#schoolListing p a,
#schoolProfile p,
#approvalForm p {font-weight:bold;}

#approvalForm form p {border-bottom:0px solid #CCC;}


/*-----for Admin Approval Form and Details pop-up window-----*/
#return {
	padding-top:.5em;
	text-align:right;
	font-size:85%;
	font-weight:bold;
}

/*-----winners page-----*/

.winners {padding:.5em 0;}

.winners p {height:75px;}

.medal {float:left; padding-right:10px;}

.winnerName {font-size:130%; font-weight:bold; color:#5567a9;}

.winnerTotal {display:block; font-style:italic; font-weight:bold;}