/*----------------------- 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: 54px;
  color: #D80414;
}

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.gif) repeat;
  margin: 14px;
  margin-bottom: 0px;
  color:black;
  line-height:18px;
}

.spacer, ul#photo-thumbnails li.spacer {
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 0;
}

small { font-size: 8px; }


/*----------------- layout ------------------ */
#container { width: 920px; margin: 0px auto; }
#header { background: url(/images/header.jpg) top right no-repeat; height: 299px; }
#menu { margin-top: 15px; }
#middle {
  background-color: #8FD2F4;
  background-image: url(/images/gradient-bg.gif);
  background-repeat: repeat-x;
  margin: 0px 28px 0px 23px;
}
#content { min-height: 300px; }
#footer { background-color: #8FD2F4; height: 100px; margin-bottom: 0px; }

/*----------- the gallery and content boxes ------------ */
#gallery { float: left; width: 227px; position: relative; left: -18px; }
#gallery-top { height: 82px;}
#gallery-content { padding: 15px; background: url(/images/sidebar-bg.gif) repeat-y;}
#gallery-bottom { background: url(/images/sidebar-bottom.gif); height: 64px; }
#gallery-content .image { color: #FF1E1E; font-size: 10px; margin-left: 20px; text-transform: uppercase; margin-bottom: 15px; }
#gallery-content .image img { border: 2px solid #C41130; width: 150px; }

#content-area { float: left; width: 607px; }
#content-top { padding: 30px 30px 0px; background: url(/images/content-top.gif); height: 11px; }
#content { background: url(/images/content-bg.gif) repeat-y; padding: 10px 30px; }
#rink-div { background: url(/images/rink-bg.jpg) top center no-repeat; min-height: 427px;}
#content-bottom { background: url(/images/content-bottom.gif); height: 45px; }

/*-------------------- menu ------------------ */
#menu ul { list-style-type: none; margin: 0px; padding: 0px; }
#menu ul li { float: right; font-size: 22px; margin: 0px 8px 0px 0px; padding: 6px 8px 0px 0px; font-weight: normal; font-family: GoodDog; }
#menu ul li.last { padding-right: 0px; margin-right: 0px; border: 0; }
#menu ul li a { color: black; text-decoration: none; padding: 0px; margin: 0px;  }
#menu ul li a:hover { color: #C41130; }
#menu ul.submenu { margin: 0px; padding: 0px; padding-right: 4px; }
#menu ul.submenu li { margin: 0px; margin-right: 18px; padding: 0px; }
#menu ul.submenu li a { font-size: 18px; color: #D80414; padding: 0px; margin: 0px; line-height: 16px; }

/*------------------- splash ---------------- */
#splash_middle { background: url(/images/splash.jpg) no-repeat; width: 800px; height: 605px; margin-left: 45px; }
#splash_middle #fr { float: left; margin: 60px 0px 0px 60px; width: 342px; }
#splash_middle #en { float: right; margin: 280px 50px 0px 0px; width: 342px; }
#splash .enter .section { padding-right: 30px; }
#splash h2 { margin: 0px;}
#splash h2 a { color: black; font-size: 34px; text-decoration: none; }
#splash a { text-decoration: none; }
#splash_footer { font-size: 11px; color: white; line-height: 14px; margin-left: 45px; margin-top: 15px; text-align: center; }
#splash_footer a { color: #FFDD00; }

/*----------- general stylings --------------- */
.logo { position: relative; top: 10px; left: 25px;}
.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right;}
#locale_link { text-align: right; padding-right: 15px; }
#locale_link a { color: white; }
ul, ol {
  margin-left: 20px;
}
li {
  margin-left: 20px;
}

/*--------------- footer --------------------- */
#footer {
  color: #EC2228;
  font-size: 10px;
  padding-top: 30px;
  padding-right: 45px;
  text-align: right;
  text-transform: uppercase;
}

#footer a {
  color: #023675;
  font-weight: bold;
  font-size: 11px;
}

/************* 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;
}
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:420px;
top:-40px;
width:120px;
}

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

/*------------- 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; }