/* introduction */

/* css organization – break up into separate css files */
* { /* Universal Selector (selects all XHTML elements) */
margin: 0; /* strips out default spacing donw with margins */
padding: 0; /* strips out default spacing donw with padding */
}

body {
	font-size: 75%; /* resets 1em to 12px (instead of default 16px) */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	background: #000 url(images/treasurehunt-wooden-bkg.jpg) top center no-repeat;
	text-align: center; /*  centering hack for ieWin5.x */
}

a {
outline: none;
}

/* =STRUCTURE */
#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align:left; /* reset alignment from ieWin5.x hack */
}

#header {
    position: relative;
	width: 800px;
	height: 180px;
	margin-top: 70px;
	font-size: 1.6em;
	color: #3c342e;
	background: url(images/treasurehunt_paper_top.jpg) top center no-repeat;
}
#contentwrapper {
	position: relative;
    float: left;
	width: 800px;
	background: url(images/treasurehunt_paper_bkg_winner.jpg) top center repeat-y;
	z-index:2;
}
#contentheader {
   width: 720px;
   margin-left: 40px;
   padding: 12px 0;
}
#content {
   width: 720px;
   margin-left: 40px;
}

#content_start_buttons {
	position:absolute;
	top:480px;
}

#leftsidebar {
	float: left;
	width: 350px;
	padding: 10px 0 10px 35px;
}

#rightsidebar {
    position: relative;
	float: right;
	width: 350px;
	padding: 10px 35px 10px 0px;
}

#footer {
	clear:both;
	position: relative;
	color:#262626;
	padding: 5px 0 0 0;
	height: 145px;
	background: url(images/treasurehunt_paper_bottom.jpg) top center no-repeat;
}
#footer p {
	font-size: 0.80em;
	color: #3c342e;
	font-weight: bold;
	text-align:center;
}

/* =CONTENT */
h1 {
	font-size: 1.8em;
	/*color: #544d45;*/
	color: #3C342E;
}
h2 {
	font-size: 1.6em;
	color: #3c342e;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
	color: #3c342e;
	font-weight: bold;
}
h4 {
	font-size: 1.1em;
	color: #3c342e;
	font-weight: bold;
}
p {
	text-align: justify;
	font-size: 1em;
	margin: 10px 0;
	color: #3c342e;
	line-height: 1.2em;
}

.alert {
	color:red;
}

td {
	font-size: 1em;
	margin: 10px 0;
	color: #3c342e;
	line-height: 1.2em;
}
	
div.hr {
	height: 15px;
	background: url(images/hr.png) no-repeat center;
	padding: 20px 0;
}
div.hr hr {
  display: none;
}

.hr_l {
	height: 45px;
	background: url(images/hr.png) no-repeat;
	background-position:50px 20px ;
}

.small {
	font-size: 0.75em;
	color: #3c342e;
}

p a:link, #content a:visited  {
	font-weight: bold;
	text-decoration: none;
}

a:link  {
	color: #3c342e;
}

a:visited  {
	color: #262626;
}

a:hover {
	color: #3c342e;
	text-decoration: underline;
}

.contentinset {
	float: right;
	width: 260px;
	height: 455px;
	padding: 120px 36px 10px 44px;
	background: url(images/book.png) no-repeat;
}
.contentinset p {
	color: #fbd293;
	text-align: left;
	font-size: 1.1em;
}

.contentinset ol {
	margin-left:20px;
}

.contentinset ul {
	margin-left:20px;
}

.contentinset li {
	/*padding-bottom:3px;*/
	color: #fbd293;
	font-size: 1.1em;
	line-height: 1.4em;
}
.contentinset h1 {
	color: #fbd293;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}
.contentinset h2 {
	color: #fbd293;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

.contentinset a:link, .contentinset a:visited {
	color: #fbd293;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

.contentinsetcongrats {
	float: right;
	width: 260px;
	height: 355px;
	padding: 120px 36px 10px 44px;
	background: url(images/book_congrats.png) no-repeat;
}
.contentinsetcongrats p {
	color: #fbd293;
	text-align: left;
	font-size: 1.1em;
}

.contentinsetcongrats ol {
	margin-left:20px;
}

.contentinsetcongrats ul {
	margin-left:20px;
}

.contentinsetcongrats li {
	/*padding-bottom:3px;*/
	color: #fbd293;
	font-size: 1.1em;
	line-height: 1.4em;
}
.contentinsetcongrats h1 {
	color: #fbd293;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}
.contentinsetcongrats h2 {
	color: #fbd293;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

.contentinsetcongrats a:link, .contentinsetcongrats a:visited {
	color: #fbd293;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

.top {
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	color: #3c342e;
	text-decoration: none;
}

.morequestions {
font-size: 1.4em;
}

/* +IMAGES */
.imageleft {
	float: left;
	padding-right: 10px;
}

.imageright {
	float: right;
	padding-left: 10px;
}

#monorail {
	position: absolute;
	top: 80px;
	left: -55px;
	width: 66px;
	height: 66px;
}

.scroll {
	padding: 10px 0 0 30px;
}

#escapetag {
	position: absolute;
	top: 80px;
	right: 30px;
	width: 272px;
	height: 66px;
}

img {
	border:none;
	z-index:1;
}

.certlink { 
	cursor:pointer;
}

/* FORMS */

.treasureText {
	width:550px;
	color:#333333;
	margin:0px 0px 0px 3px;
	border:1px solid #999999;
	background-color:#ffffcc;
}

.treasureText:focus {
	background-color:#ffff99;
	border:1px solid #333333;
}

.treasureArea {
	width:550px;
	color:#333333;
	margin:0px 0px 0px 3px;
	border:1px solid #999999;
	background-color:#ffffcc;
}

.treasureArea:focus {
	background-color:#ffff99;
	border:1px solid #333333;
}

.treasureTextshort {
	width:280px;
	color:#333333;
	margin:0px 0px 0px 3px;
	border:1px solid #999999;
	background-color:#ffffcc;
}

.treasureTextshort:focus {
	background-color:#ffff99;
	border:1px solid #333333;
}

.treasureTextinset {
	width:190px;
	color:#333333;
	margin:0px 0px 0px 3px;
	border:1px solid #999999;
	background-color:#ffffcc;
}

.treasureTextshort:focus {
	background-color:#ffff99;
	border:1px solid #333333;
}
#base #tag {
 position: absolute;
 top: 0px;
 left: 200px;
 width: 500px;
 height: 66px;
}