/* ========== */
/* PAGE SHELL */
/* ========== */

#wrapper {
	width: 975px;
	height: 674px;
	position: relative;
	background-color: #ffffff;
	background-image: url('../img/bg.jpg');
	background-repeat: no-repeat;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#content {
	position: absolute;
	top: 66;
	left: 199;
	background-color: #ffffff;
	z-index: 20;
	width: 596px;
	height: 440px;
}

#footer {
	position: absolute;
	top: 596;
	left: 8;
	z-index: 1;
}

/* ============= */
/* INNER CONTENT */
/* ============= */
#innerContent {
	background-image: url('../img/content_bg.jpg');
	width: 596px;
	height: 430px;
	_height: 440px;
	padding: 10px 0 0 0;
}

#innerContent_no_device {
	background-image: url('../img/content_bg_no_device.jpg');
	width: 596px;
	height: 430px;
	_height: 440px;
	padding: 10px 0 0 0;
}

.main_indent {
	margin: 0 0 0 40px;
}

#innerContent_title {
	margin: 16px 0 10px 0;
}

a {
	color: #636470;
}

ul {
	padding:0 0 0 20px;
}

#fine_print {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
}

/* ========================= */
/* START STUFF FOR SCROLLING */
/* BASED ON THINGS FROM http://www.lucasarts.com/games/indianajones/gameinfo/news/summary.html */
/* ========================= */

#lyr1 {
	width: 385px;
	margin: 0;
	padding: 0 0 25px 0; /* add some default space to the bottom of content */
}

#lyr1, #lyr1 td {
	font-family: verdana, arial, sans-serif;
	color: #73767d;
	font-size: 13px;
	line-height: 15px;
}

/*
Styles for scrolling layers  
Specify width and height in '#hold' and '#wn' and clip in '#wn' 
*/

div#hold {
	position: relative;
	overflow: hidden;
	width: 555px;
	height: 400px; 
  	z-index: 20;
	top: 10px;
}

div#wn { 
	position: absolute; 
	left: 0px;
	top: 0px; 
	width: 555px;
	height: 400px; 
	clip:rect(0px, 555px, 400px, 0px); 
	overflow: hidden;	
	z-index: 1;
}

div.content { 
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px; 
	z-index: 1; 
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
	position: relative;
	left: 0px;
	top: 10px;
	width: 18px;
	height: 200px;
	font-size: 1px;
	z-index: 1;
	background-color: transparent;
}

div#track { /* the scrollbar track */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 18px;
	height: 400px;
	background-image: url('../img/scroll_track.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	z-index: 1;
	cursor: pointer;
}

div#dragBar { /* the scrollbar grabber */
	position: absolute;
	left: 5px;
	top: 1px;
	width: 14px;
	height: 18px;
	background-image: url('../img/scroll_dragger.gif');
	z-index: 1;
	cursor: pointer;
	background-color: transparent;
}  

div#up {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

div#down {
	position: absolute;
	left: 0px;
	bottom: -5px;
	z-index: 3;
}  

#dragBar, #track, #scrollLinks, #scrollbar {
	visibility: hidden;
}

/* ======================= */
/* END STUFF FOR SCROLLING */
/* ======================= */