body {
	background: url(../images/bg_padding.jpg) top repeat-x;
}

#doc3 {
	margin: auto;
}

#doc_wide {
	margin: auto;
	width: 940px;
}

.main {

}

.document {
	background: url(../images/bg_image.jpg) top no-repeat;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 0em;
	padding-right: 0em;
}

.page {
	padding: 1em;
	background-color: white;
	border: rgb(204,204,204) solid 2px;
} 

.tabs {
	width: 695px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}
.tab {
	font-size: 77%;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em; 
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-right: 0.25em;
	text-decoration: none;
	color: rgb(41,147,187);
	background-color: rgb(205,239,229);
}
.winners_tab {
	width: 126px;
	text-align: center;
}

.tab span {
	color: rgb(41,147,187);
}
.tab:hover span,
.tab.selected span {
	color: rgb(255,255,255);
}
.tab:hover,
.tab.selected {
	color: rgb(255,255,255);
	background-color: rgb(53,152,191);
	text-decoration: none;
}
.panel {
	clear: both;
	width: 656px;
	margin-top: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	border: rgb(53,152,191) solid 1px;
	overflow: hidden;
}

.fast_computer {
	height: 10px;
	padding-left: 652px;
	font-size: 10px;
	font-weight: bold;
}
.fast_computer a{color: #d5281b;}

.navigation {
	height: 26px;
	width: 735px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
.navigation a.first {
	margin-left: 1px;
}
.navigation a {
	margin-left: 5px;
	padding: 0px;
	display: block;
	text-decoration: none;
	float: left;
}
.navigation #student_registration {
	background: url(../images/btn_base_student_registration.jpg) top no-repeat;
	width: 141px;
	height: 26px;
}
.navigation #student_registration:hover,
.navigation #student_registration.selected {
	background: url(../images/btn_over_student_registration.jpg) top no-repeat;
}
.navigation #student_login {
	background: url(../images/btn_base_student_login.jpg) top no-repeat;
	width: 98px;
	height: 26px;
}
.navigation #student_login:hover,
.navigation #student_login.selected {
	background: url(../images/btn_over_student_login.jpg) top no-repeat;
}
.navigation #play_games {
	background: url(../images/btn_base_play_games.jpg) top no-repeat;
	width: 89px;
	height: 26px;
}
.navigation #play_games:hover,
.navigation #play_games.selected {
	background: url(../images/btn_over_play_games.jpg) top no-repeat;
}
.navigation #playbook {
	background: url(../images/btn_base_playbook.jpg) top no-repeat;
	width: 70px;
	height: 26px;
}
.navigation #playbook:hover,
.navigation #playbook.selected {
	background: url(../images/btn_over_playbook.jpg) top no-repeat;
}
.navigation #the_competition {
	background: url(../images/btn_base_the_competition.jpg) top no-repeat;
	width: 105px;
	height: 26px;
}
.navigation #the_competition:hover,
.navigation #the_competition.selected {
	background: url(../images/btn_over_the_competition.jpg) top no-repeat;
}
.navigation #school_enrollment {
	background: url(../images/btn_base_school_enrollment.jpg) top no-repeat;
	width: 128px;
	height: 26px;
}
.navigation #school_enrollment:hover,
.navigation #school_enrollment.selected {
	background: url(../images/btn_over_school_enrollment.jpg) top no-repeat;
}
.navigation #winners_circle {
	background: url(../images/btn_base_winners.jpg) top no-repeat;
	width: 105px;
	height: 26px;
}
.navigation #winners_circle:hover,
.navigation #winners_circle.selected {
	background: url(../images/btn_over_winners.jpg) top no-repeat;
}


.navigation #adults {
	background: url(../images/btn_base_adults.jpg) top no-repeat;
	width: 58px;
	height: 26px;
}
.navigation #adults:hover,
.navigation #adults.selected {
	background: url(../images/btn_over_adults.jpg) top no-repeat;
}
.navigation #adults_post {
	background: url(../images/btn_base_adults_post.jpg) top no-repeat;
	width: 61px;
	height: 26px;
}
.navigation #adults_post:hover,
.navigation #adults_post.selected {
	background: url(../images/btn_over_adults_post.jpg) top no-repeat;
}
.navigation #flash_version {
	background: url(../images/btn_base_flash_version.jpg) top no-repeat;
	width: 103px;
	height: 26px;
}
.navigation #flash_version:hover,
.navigation #flash_version.selected {
	background: url(../images/btn_over_flash_version.jpg) top no-repeat;
}
.navigation #track {
	background: url(../images/btn_base_track.jpg) top no-repeat;
	width: 61px;
	height: 26px;
}
.navigation #track:hover,
.navigation #track.selected {
	background: url(../images/btn_over_track.jpg) top no-repeat;
}
.navigation #scoreboard {
	background: url(../images/btn_base_scoreboard.jpg) top no-repeat;
	width: 94px;
	height: 26px;
}
.navigation #scoreboard:hover,
.navigation #scoreboard.selected {
	background: url(../images/btn_over_scoreboard.jpg) top no-repeat;
}
.navigation #flash_scoreboard {
	background: url(../images/btn_base_flash_scoreboard.jpg) top no-repeat;
	width: 134px;
	height: 26px;
}
.navigation #flash_scoreboard:hover,
.navigation #flash_scoreboard.selected {
	background: url(../images/btn_over_flash_scoreboard.jpg) top no-repeat;
}
.navigation #logout {
	background: url(../images/btn_base_logout.jpg) top no-repeat;
	width: 63px;
	height: 26px;
}
.navigation #logout:hover,
.navigation #logout.selected {
	background: url(../images/btn_over_logout.jpg) top no-repeat;
}
.navigation #activation_kit {
	background: url(../images/btn_base_activation_kit.jpg) top no-repeat;
	width: 105px;
	height: 26px;
}
.navigation #activation_kit:hover,
.navigation #activation_kit.selected {
	background: url(../images/btn_over_activation_kit.jpg) top no-repeat;
}
.navigation #grants {
	background: url(../images/btn_base_grants.jpg) top no-repeat;
	width: 70px;
	height: 26px;
}
.navigation #grants:hover,
.navigation #grants.selected {
	background: url(../images/btn_over_grants.jpg) top no-repeat;
}
.navigation #home {
	background: url(../images/btn_base_home.jpg) top no-repeat;
	width: 62px;
	height: 26px;
}
.navigation #home:hover,
.navigation #home.selected {
	background: url(../images/btn_over_home.jpg) top no-repeat;
}
.navigation #school_management {
	background: url(../images/btn_base_school_management.jpg) top no-repeat;
	width: 135px;
	height: 26px;
}
.navigation #school_management:hover,
.navigation #school_management.selected {
	background: url(../images/btn_over_school_management.jpg) top no-repeat;
}
.navigation #who_can_help {
	background: url(../images/btn_base_who_can_help.jpg) top no-repeat;
	width: 96px;
	height: 26px;
}
.navigation #who_can_help:hover,
.navigation #who_can_help.selected {
	background: url(../images/btn_over_who_can_help.jpg) top no-repeat;
}
.navigation #advisor_playbook {
	background: url(../images/btn_base_advisor_playbook.jpg) top no-repeat;
	width: 75px;
	height: 26px;
}
.navigation #advisor_playbook:hover,
.navigation #advisor_playbook.selected {
	background: url(../images/btn_over_advisor_playbook.jpg) top no-repeat;
}


.marquee {
	width: 735px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

.marquee_big {
	width: 960px;
	margin-top: 0em;
}

.body {
	width: 695px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	color: rgb(110,111,117);
	font-size: 100%;
}

.body_blogger {
	width: 940px;
}

.blogger_copy {
	width: 565px; 
	border: solid #d8d8d8 1px;
	margin:auto; 
	display:block;
	overflow:hidden;
	font-family:Courier;
	padding:10px;
}

.body p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.body a, 
.body a:hover, 
.body a:visited {
	color: rgb(216,54,42);
}
.body dl {
	margin-top: 1em;
	margin-bottom: 1em;
}
.body dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.body dt {
	margin-left: 1em;
	float: left;
	width: 25%;
	margin-bottom: 1em;
	font-weight: bold;
}
.body dd {
	margin-right: 1em;
	width: 70%;
	float: left;
	margin-bottom: 1em;
}

.body ul,
.body ol {
	margin-left: 2em;
}
.body.third .right ul,
.body.third .right ol {
	margin-left: 1em;
}
.body li {
	list-style-position: outside;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.body ul li {
	list-style-type: disc;
}
.body ul li.checkbox {
	list-style-type: circle;
}
.body ol li {
	list-style-type: decimal;
}
.body h1 {
	font-weight: bold;
	font-size: 131%;
	color: rgb(43,147,188);
	margin-bottom: 1em;
}
.body h2 {
	font-weight: bold;
	font-size: 116%;
	color: rgb(110,111,117);
	margin-bottom: 1em;
}
.body .winners_header {
	font-weight: bold;
	font-size: 116%;
	color: rgb(43,147,188);
	margin-bottom: 1em;
}
.body .winners_face {
	border: 1px solid #666666;
}

.body em {
	font-style: italic;
}
.body strong {
	font-weight: bold;
}
.body .highlight {
	color: rgb(43,147,188);
}

.body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.body .left {
	float: left;
	padding-right: 2em;
	border-right: rgb(204,204,204) solid 1px;
	margin-bottom: 2em;
}
.body .right {
 	float: right;
	padding-left: 2em;
	width: 320px;
	
}
.body.half .left, 
.body.half .right {
	width: 320px;
}
.body.third .left {
	width: 450px;
} 
.body.third .right {
	width: 190px;
}

.body .side_link {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	border-top: rgb(204,204,204) solid 1px;
	border-bottom: rgb(204,204,204) solid 1px;
}

.body .side_button {
	margin-top: 1em;
	margin-bottom: 1em;
}

.ranking {
	width: 320px;
	height: 30px;
	margin-bottom: 5px;
}

.ranking .box {
	position: relative; 
	height: 28px; 
	border: rgb(204,204,204) solid 1px;
	float: left;
	margin-left: 10px;
}

.ranking .box.first {
	margin-left: 0px;
}

.ranking .score {
	width: 70px;
	text-align: center;
}

.ranking .position {
	width: 40px;
	text-align: center;
}

.ranking .position .label {
	font-weight: bold;
	font-size: 108%;
	margin-top: 6px;
}

.ranking.school .name {
	width: 265px;
}
.ranking.individual .name {
	width: 180px;
}

.ranking .fill {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	height: 28px; 
}
.ranking .fill {
	background-image: url(../images/fill_ranking_blue.jpg);
}
.ranking.top .fill {
	background-image: url(../images/fill_ranking_red.jpg);
}

.ranking .score .label {
	font-size: 93%; 
	font-weight: bold; 
	color: black;
	margin-top: 7px;
}

.ranking .name .label {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	margin-top: 7px; 
	margin-left: 1em; 
	font-size: 93%; 
	font-weight: bold; 
	color: black;
}

.ranking.top .position .label {
	color: rgb(230,40,27);
}
.ranking .position .label {
	color: rgb(43,147,188);
}


.breadcrumbs {
	width: 695px;
	height: 16px;;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: rgb(204,204,204) solid 1px;

}
.breadcrumbs img.spacer {
	float: right;
}
.breadcrumbs a {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2px;
	height: 14px;
	float: right;
	display: inline;
}
.breadcrumbs a.last {
	padding-right: 0px;
}

.footer {
}
#doc.footer {
	margin-top: 2em;
	text-align: center;
}

.footer .links {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.footer .links a {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 85%;
	text-decoration: none;
	color: rgb(153,153,153);
}

.footer .sponsors {
}
.footer .sponsors img {
	margin: 1em;
}

div.form form label,
div.form form .left,
div.form form .left_col {
	width: 215px;
	padding-right: 10px;
	display: block;
	float: left;
	text-align: right;
	clear: left;
	color: rgb(43,147,188);
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.error {
	color: rgb(216,54,42);
	width: 100%;
	font-size:15px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.form form input,
div.form form select,
div.form form textarea {
	width: 215px;
	display: block;
	clear: none;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.form form input[type=checkbox] {
	width: auto;
	display: block;
	clear: right;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.form .right_col {
	padding-left: 225px;
	width: 215px;
	display: block;
	clear: none;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
div.form form input[type=submit] {
	margin-left: 225px;
	width: 100px;
	height: 25px;
	float: left;
	background: rgb(213,40,26);
	color: white;
	border: rgb(164,17,1) solid 1px;
}

div.form {
	width: 450px; 
	margin-left: auto; 
	margin-right: auto;
}

.info th {
	color: rgb(43,147,188);
	font-weight: bold;
	font-size: 108%;
}
.info th, .info td {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

div.flush input {
	margin-right: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.flush input[type='image'] {
	margin-top: 1em;
}

div.flush input[type='submit'] {
	background: rgb(213,40,26);
	color: white;
	border: rgb(164,17,1) solid 1px;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
div.flush label {
}
div.flush br {
}

.track th {
	color: rgb(52,52,52);
	font-weight: bold;
}
.track h1 {
	margin-bottom: 0.25em;
}
.track p {
	margin: 0em;
}
.track table {
	margin-top: 1em;
	margin-bottom: 1em;
}
.track td {
	padding-right: 2em;
	padding-bottom: 0.25em;
}
.track th {
	padding-right: 2em;
	padding-bottom: 0.5em;
}
div.track {
	border-bottom: rgb(204,204,204) solid 1px;
	width: 415px;
	margin-bottom: 1em;
}
.input {
	width: 415px;
	float: left;
	clear: none; 
}
.output {
	width: 225px;
	float: right;
}

.output #total {
	background-image: url(../images/col_total_score.jpg);
	width: 225px;
	height: 93px;
	margin-bottom: 0.5em;
}
.output #today {
	background-image: url(../images/col_tracking.jpg);
	width: 225px;
	height: 904px;
}

.breakBoxes {
	background-color: #00a9d2;
	width: 656px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 14px;
	color: #FFFFFF;
	font-size: 14px;	
}

.winnerBreakBox {
	font-size: 18px;	
}

.breakBoxes a{ color: #FFFFFF; };

#date.track {
	height: 100px;
}
#food.track {
	height: 272px;	
}
#activity.track {
	height: 391px;
}
#school_activity.track {
	min-height: 197px;
}

.submit {
	width: 500px;
}

.output dl {
}
.output dt {
	width: 75%;
	float: none;
	text-align: left;
	margin-top: 0.25em;
	margin-bottom: 0em;
}
.output dd {
/*	width: 100%; */
	float: none;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-left: 3em;
	font-size: 93%;
}