/*----------------------- 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  {
	font-size: 48px;
	color: #f47937;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

a img { border: 0px; }

a { text-decoration: none; color: #D61D23; }

a:hover { text-decoration: underline; }

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

small { font-size: 8px; }


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

#outer-header { width: 100%; background: url(/images/top-bg.jpg) top center repeat; height: 147px; margin: 0px;}
#header { background: url(/images/header-bg.jpg) top right no-repeat; height: 147px; width: 1000px; margin: 0px auto; position: relative;}

#container { width: 800px; margin: 0px auto; }
#content { width: 506px; min-height: 183px; float: left; background: url(/images/content-bg.jpg) no-repeat #fff; padding: 20px;}
#right-area { width: 254px; float: left; }
#column-top { height: 46px; width: 254px; background: url(/images/column-top.jpg) no-repeat; }
#column { width: 254px; background: url(/images/column-bg.jpg) repeat; color: white; text-align: center;}
#rounded-bottom { width: 800px; height: 53px; background: url(/images/rounded-bottom.png) no-repeat; }
#footer { height: 100px; margin-bottom: 0px; }

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

a#islanders-link { display: block; width: 160px; height: 15px; position: absolute; left: 310px; top: 30px; text-decoration: none; }
a#home-link { display: block; width: 165px; height: 130px; position: absolute; left: 130px; top: 25px; text-decoration: none; }

#utility-menu { float: right; padding-top: 20px; margin-right: 110px; text-align: right;}
#header ul { list-style: none; }
#header li { float: left; }


ul#top-items, #teacher-menu ul { 
	padding: 10px 0px 0px 320px; 
	*padding-top: 0px;
	float: left; 
}



ul#top-items { height: 27px; }
#teacher-menu ul { padding-top: 25px; width: 600px; }

/* ul#top-items { border: 1px solid black; width: 580px; overflow: hidden; } */
ul#top-items li, #teacher-menu ul li { margin-right: 30px; }
li.last { margin: 0px; }

ul#bottom-items { 
	padding: 6px 0px 0px 340px; 
	float: left;
	*margin-top: -32px;
}
ul#bottom-items li { margin-right: 60px;}
#teacher-menu ul li { margin-right: 35px; }
#teacher-menu ul li.last { margin-left: -10px }


/*------------------ submenu --------------- */
#submenu h2 { color: #11447a; }
#submenu { text-align: left; padding: 0px 22px; }
#submenu a { color: white; font-weight: bold; display: block; border-top: 1px solid #f7a173; padding: 3px; }

/*------------- photo ------------*/
#photo-gallery-holder { position: relative; height: 555px; margin: 0px; padding: 0px; }
#photo-gallery { height: 555px; margin: 0px; float: left; padding-left: 50px; overflow: hidden; width: 160px; }
.photo img { border: 1px solid white; width: 120px; }
.photo { margin: 0px 0px 15px 0px; height: 170px; width: 160px; }

/*------------ print stuff -------------- */
.hide-on-print { display: none; }


/*------------- styles -----------*/
#content ul, #content ol { padding-left: 30px; margin-bottom: 15px; }
.video-holder { height: 265px; margin-bottom: 15px;}

.ad-box { 
	width: 206px; 
	height: 105px; 
	background: url(/images/ad-box.jpg) bottom center no-repeat; 
	
	margin: 0px 0px 0px 20px; 
	padding: 41px 0px 0px 9px;
}

#footer { color: white; }

#footer a, a.splash-link { color: #f47937; }
#footer li{ display: inline;
  list-style: none;
  color: #FFFFFF;
}

/*------------------------ callouts -------------- */
#callouts { float: left; margin: 0px; padding: 0px; width: 190px; height: 97px; overflow: hidden; }
.callout { margin: 0px; padding: 0px; width: 190px; z-index: 9999;}
.callout a { margin: 0px; padding: 0px; }
.callout img { margin: 0px; padding: 0px;}

/************* 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:2.2em;
line-height:28pt;}

.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.8em;
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:2.2em;
line-height:28pt;
}

.summary_wrap #count_down {
font-size:48pt;
padding:20px 0px;
text-align:center;
font-weight:bold;
}

.summary_wrap #correct {
font-size:1.6em;
margin:24px 21px;
position:relative;
top:-110px;
width:360px;
line-height:1.2em;
}

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

.summary_wrap .next_question {
display:block;
position:relative;
left:340px;
top:-40px;
width:120px;
}

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

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