/* 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: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #000 url(images/treasurehunt_bkg.jpg) top center no-repeat;
	text-align: center; /*  centering hack for ieWin5.x */

}
a {
outline: none;
}


/* =STRUCTURE */
#wrapper {
    
	margin: 0 auto;
	width: 750px;
	text-align:left; /* reset alignment from ieWin5.x hack */
	position:relative;
	z-index:1;
}
#content {
	float: left;
	width: 230px;
	height: 363px;
	/* padding-right: 10px; */
	margin-right: 10px; /* triggers DOUBLE MARGIN FLOAT BUG (because the div#content is floated to the right and has a right margin) */
	margin-top: 205px;
	display: inline; /* fixes DOUBLED MARGIN FLOAT BUG */
	position:relative;
	z-index:0;

}
#sidebar {
    position: relative;
	width: 280px; /* incorrect value for IE 5.x */
	width: 240px;/* correct value for modern browsers (which ignore the backslash) ESCAPED PROPERTY HACK  (overrides the above - because it is AFTER the above)*/
	padding: 20px;
	float: right;
}
#base #tag {
 position: absolute;
 top: 0px;
 left: 24px;
 width: 500px;
 height: 66px;
}
#monorail {
	position: absolute;
	top: 120px;
	left: -88px;
	width: 66px;
	height: 66px;
}

#footer {
	clear:both;
	color:#262626;
	text-align:center;
	padding: 25px 0 0 0;
	width: 640px; /* incorrect value for IE 5.x */
	width: 620px; /* We added a width so the the height becomes correct. If we dont have a width the height changes in all IE's  */
}
#footer p {
	font-size: 0.80em;
	color: #3c342e;
	font-weight: bold;
	
	}
#base {
    position: relative;
	width: 750px;
	text-align:center;
	margin-top: 1px;
}
/* =CONTENT */
#content h1 {
	font-size: 1.6em;
	color: #544d45;
}
#content h2 {
	font-size: 1.2em;
	color: #3c342e;
}
#content p {
	text-align: justify;
	font-size: 0.9em;
	margin: 10px 0;
	color: #3c342e;
	z-index:1;
	}
.small {
	font-size: 0.75em;
	color: #3c342e;
	
}
#footer p a:link, #content a:visited  {
	font-weight: bold;
	text-decoration: none;
}
#footer p a:link  {
	color: #3c342e;
}
#footer p a:visited  {
	color: #3c342e;
}
#footer p a:hover {
	color: #262626;
	text-decoration: underline;
}
#content a:link, #content a:visited  {
	font-weight: normal;
	text-decoration: none;
}
#content a:link  {
	color: #000;
}
#content a:visited  {
	color: #000;
}
#content a:hover {
	color: #000;
	text-decoration: underline;
}

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