body {margin:0; padding:0; background:url(img/gradient-grey.png) repeat-x;}
#global {}
#content {}

#noJavaScript {
    margin:1em;
    background: #fff6bf;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
#noJavaScript h2 {font-size:1.2em; margin-bottom:0;
    font-family: Georgia,serif; color:#BF4B0B;}
#noJavaScript p {margin-top:0;}

.hidden {display:none;}

#title {color:#000; margin:1em; padding:0;
  font-family: Arial, sans-serif; border-bottom:2px solid #999;
  margin-bottom:0;}
#subtitle {font-family:Arial, sans-serif; font-weight:bold; color:#999;
text-align:right;
text-transform:lowercase;margin:0 2em 1em;}

#canvas {overflow:hidden; height:500px; width:100%;
    position:relative;}
#river {height:390px; background-color:#CCF; background-image:url(img/water.jpg);
    position:relative; top:50px; overflow:visible;
    width:3000px; border:5px dashed #29475F;}
#river-bottom {width:50%; color:#F00; font-weight:bold; font-size:1.5em; position:absolute; z-index: -1; top: 60px; margin: 1em;}
#river-bottom .extra {font-size:0.7em;}
#boat {position:absolute; top:35px; left:80px; z-index:1;}
#buoy {position:absolute; top:50px; left:95px; background:#F00;
    height:400px; width:1px; font-size:1px;}
#target {position:absolute;
  background:url(img/target.gif) no-repeat; z-index:1;
  width:25px; height:25px; bottom: 35px; left:83px;
}

#environment {
  border: solid #29475F;
  border-width: 1em 0;
  background: #A6C2D9;
  float: left;
  padding: 1em;
  margin: 0 1em 1em;
  width: 40%;
}
#variables dt {float: left; font-weight: bold; margin-right: 1em;}
#selection-form {float: right;}

#console {
  margin-left: 50%;
  margin-right: 1em;
}
#console h2 {
  margin: 0 1em 0 0;
  font-family: Arial, sans-serif;
}

#input {
  padding: 0 1em;
}
#input h2 {
  display: inline;
}
#results {color: #FFF; padding: 1em;}
#next-question {border: 1px solid #FFF; background:inherit;color:inherit;}
#next-question-container {text-align:right;}

#copyright {color:#999; font-family:sans-serif; text-align: right;
    font-size:.7em; background:#FFF; padding:.2em; clear:both;
    }
#copyright a {color:#44F; text-decoration:none;}
#copyright a:hover {color:#99F;}