/*
blue: #003d7d
red: #e96c1e
*/

/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }
h1, h2, h3 { color: #003d7d; }

h1  { font-size: 32px; }
h2 { font-size: 20px; line-height:28px; }
h3 { color:#e96c1e; font-size: 12px; }

a img { border: 0px; }

a { text-decoration: none; color: #e96c1e; }
a:hover { text-decoration: underline; }

body  {
  font-family: Helvetica, Arial, sans-serif;
  font-size:12px;
  background: #003d7d url(/images/body_bg.jpg) top repeat-x;
  margin:0;
  color: #000;
  line-height:18px;
}

small { font-size: 8px; }
.b { font-weight:bold; }
.red { color:#e96c1e; }


/*----------------- layout ------------------ */

#splash {
  background:url(/images/splash.jpg) #fff no-repeat;
  height:700px;
  margin:20px auto;
  width:900px;
}

#splash .kids a{
  float:left;
  height:100px;
  position:relative;
    top:305px;
    left:93px;
  width:140px;
}

#splash .teachers a {
  float:left;
  height:100px;
  position:relative;
    top:305px;
    left:498px;
  width:200px;
}

/*----------------- layout ------------------ */
#container { 
  width: 808px; 
  margin: 0px auto; 
}

#content {
  background: white;
  position:relative;
  top:-15px;
  /*z-index:-1;*/
  padding: 20px 0px;
  min-height: 183px;
  width: 808px;  

}

/*-------------------- banner ------------------ */

#banner { 
  background: url(/images/header_bg.png) top right no-repeat;
  position: relative;
  left: -91px;
  height: 192px; 
  margin:0px;
  padding-left:91px;
  padding-bottom:17px;
  width: 808px; 
  overflow:visible; 
  z-index:100;
}

/*-------------------- menu ------------------ */

#top_menu {
  color:#003d7d;
  font-size:10px;
  text-align:right;
  padding-top:40px;
}

#top_menu a {
  color:#003d7d;
  font-weight:bold;
}

#header .home {position:relative;}

#header .home a {
  display:block;
  float:left;
  position:absolute;
  top:-64px;
  left:-74px;
  height:139px;
  width:217px;
}
 
#header .menu {
  text-transform:uppercase;
  margin:56px 0 0 172px;
  padding:0;
} 

#header .menu li {
  float:left;
  list-style:none;
  margin:0px;  
} 

#header .menu a {
  color:#fff;
  display:block;
  margin:0;
  padding:0;
  text-align:right;
  white-space: nowrap
} 
#header .menu a:hover {
  border-bottom:1px #fff solid;
  text-decoration:none;
}

#header .menu.student { font-size:30px; }
#header .menu.student > li { margin-right:70px;} 

#header .menu.teacher { font-size:15px; }
#header .menu.teacher > li { margin-right:25px;}

#header .submenu {
  background:#003d7d;
  border-bottom:2px #e96c1e solid;
  margin: 4px 0;
  padding: 0 16px 6px;
  position: absolute;
  visibility: hidden;  
}

#header .submenu > li {
  display: inline;
  float: none;
  padding:0;
  margin:0;
  margin-right:0px;
}

#header .submenu li a {
  text-align:left;
  width: auto;
}

/*-------------------- left column ------------------ */

#left {
  background:#fff;
  float:left;
  margin-top:44px;
  padding:0 10px 0 40px;
  width:350px;
}

#left .header {
  margin:-20px 0 10px 0px
}

#left .user_info {
  width:200px;
}

#left #school_district_select {
  width:220px;

}

#content ul, #content ol { padding-left: 30px; margin-bottom: 15px; }

/*-------------------- right column ------------------ */

#right {
  background:#fff;
  display:block;
  float:left;
  padding:0;
  width:408px;
}

/*-------------------- gallery ------------------ */

#right #gallery {
  background:url(/images/gallery_scroll_bg.png) center top #fff no-repeat;
  height:116px;
  margin:0 auto;
  width:380px;
}

#right #gallery .left, #right #gallery #scroll, #right #gallery .right, #right #gallery .thumb {
  float:left;
}

#right #gallery .left, #right #gallery .right {
  margin:30px 14px 0;
}

#right #gallery #scroll {
  height:51px;
  margin:14px auto 0;
  overflow:hidden;
  width:262px;
}
#right #gallery #scroll #thumbs{
  width:9999px;
}
#right #gallery #scroll .thumb{
  margin:0 4px;
}

#right #gallery .click_desc {
  color:#fff;
  display:block;
  font-size:9px;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
}


#right #photo, #right #facts {
  background:#e96c1e;
  margin:0 auto;
}

#right #photo {
  background:url(/images/gallery_photo_bg.jpg) #e96c1e no-repeat;
  background-position:15px 18px;
  height:254px;
  padding:44px 0 0 37px;
  width:301px;
}

#right #photo img {
  border:2px #003d7d solid;
}

/*-------------------- fast facts ------------------ */

#right #facts {
  margin:265px auto 0;
  padding:0 20px;
  width:298px;
}

#right #facts .fact {
  padding:12px 0
}

#right #facts .fact .content{
  background:#fff;
  margin:0 0 0 7px;
  padding:10px 30px;
  width:226px;
}

#right #facts .fact .content img {
  margin:-4px 0 -4px -18px;
}

#right #facts .fact .top {
  background:url(/images/fastfact_top.jpg) center no-repeat; 
  height:9px;
  width:298px;
}

#right #facts .fact .bottom{
  background:url(/images/fastfact_bottom.jpg) center no-repeat; 
  height:9px;
  width:298px;
}

#right_bottom {
  background:url(/images/right_bg_bottom.jpg) no-repeat;
  height:20px;
  margin:0 auto;
  width:338px;
}

#right #logo {
  margin:20px 0 0 36px;
}

/*-------------------- footer ------------------ */

#footer { 
  background:white;
  color:#000; 
  font-size:9px;
  line-height:11px;
  padding:20px;
  text-align:right;
  width:768px;
}

#footer .footer_menu {
  font-size:10px;
  margin:0 0 10px 0;
}

#footer .footer_menu a {
  color:#000;
}

#footer img {
  float:right; 
  margin:0 0 0 10px;
}


/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #BFBEAE;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d0bf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 20%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}

span.label {
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.form td.control {
	width: 80%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

.post {
	margin-bottom: 20px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}


/*------------- photo gallery ------------- */
#photo-thumbnails {
	list-style: none;
}

#photo-thumbnails li {
	float: left;
	margin: 0px 26px 25px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li img {
	width: 90px;
	height: 90px;
	padding: 2px;
	border: 1px solid silver;
}

#photo-thumbnails li.last {
	margin-right: 0px;
}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
	padding: 5px 10px 5px 30px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: bold;
}
#flash-notice {
	color: #577700;
	border: 1px solid #658900;
	background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: red;
	border: 1px solid red;
	background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
	display: none;
}
div.fieldWithErrors {
	display: inline;
}



/*------------- quiz game ------------- */

.question_wrap {
}

.question_wrap h3 {
color:#003373;
font-size:20px;
line-height:26px;}

.question_wrap input {
margin-left:24px;
}

.question_wrap label {
margin-left:12px;
font-size:1.6em;
}

.final_wrap h2 {
padding:12px 0;
font-size:2.4em;
color:#003373;
}

.final_wrap h3 {
padding:12px;
font-size:1.2em;
color:#333;
}

.final_wrap h4 {
font-size:1.6em;
color:#333;
margin-top:8px;
padding:24px 12px;
border-top:3px #003373 solid;
}

.final_wrap .results{
font-size:1.6em;
padding:4px 24px 16px;
line-height:1.6em;
}

.final_wrap .results strong {
color:#a00000;
font-size:1.2em;
}

.display_results {
border-top:3px #003373 solid;
font-size:1.4em;
margin:8px 0px;
padding:12px 12px;
line-height:1.6em;
}

.display_results strong {
color:#a00000;
font-size:1.2em;
}

.summary_wrap {
}

.summary_wrap h2 {
color:#003373;
font-size:24px;
line-height:28pt;
}

.summary_wrap #count_down {
font-size:1.4em;
}

.summary_wrap #correct {
font-size:1.4em;
margin:24px 21px;
line-height:1.2em;
}

.summary_wrap #correct strong {
font-size:1.2em;
color:#a00000
}

.summary_wrap .next_question {
display:block;
font-size:12pt;
margin:0 0 10px 0;
padding:6px 0 10px 0px;
text-align:center;
font-weight:bold;
}

.summary_wrap .next_question p{
font-size:12px;
}
.summary_wrap .next_question p a{
padding:30px;
}

.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}


/*------------- surveys ------------- */
table#survey td{ vertical-align: top; padding: 10px; }
ul.checkbox-list { list-style-type: none; margin: 0px;}
.survey-question { margin-bottom: 15px; border-bottom: 1px solid silver; }