@CHARSET "ISO-8859-1";

html, body
{
	min-height: 100%;
	height: 100%;
	background-color: black;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
	
	min-width: 920px;
	_width: 920px;

	color: rgb(194, 178, 128);
}

html
{
	overflow-y: scroll;
}

p
{
	margin-top: 10px;
	margin-bottom: 20px;
}

input
{
	font-family: arial,sans-serif;
}

select
{
	font-family: arial,sans-serif;
}

li
{
	list-style-position: inherit;
	list-style-type: inherit;
}

.hr
{
	height: 0px;
	
	width: 100%;
	
	border-top: 1px solid #C2B280;
}

a:link
{
	color: rgb(200, 200, 200);
}

a:active
{
	color: rgb(230, 230, 230);
}

a:visited
{
	color: rgb(170, 170, 170);
}

a:hover
{
	color: rgb(230, 230, 230);
}

.clear
{
	clear: both;
	
	/*	Fixes an IE issue where margin is ignored	*/
	overflow: hidden;
}

.page_title
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22pt;
	text-align: center;

	color: rgb(197,179,88);
}


.heading_text_1
{
	color: rgb(197,179,88);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
}

.heading_text_2
{
	color: rgb(189,183,107);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15pt;
}

.heading_text_3
{
	color: rgb(189,183,107);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13pt;
}

.plain_text
{
	color: rgb(194, 178, 128);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: normal;
	
	line-height: 130%;
}



.subsection_container
{
	
}

.subsection_center
{
	position: relative;
	height: 100%;
	z-index: 1;
	
	margin-left: 0px;
	margin-right: 0px;

	margin-top: -15px;
	margin-bottom: -15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.subsection_inner
{
	position: relative;
	
	margin-left: 40px;
	margin-right: 40px;
	
	margin-top: -0px;
	#margin-top: -15px;
	margin-bottom: -0px;
	
	padding-bottom: 1px;
	padding-top: 1px;
	
}

.subsection_content
{
	margin: -15px;
	overflow: hidden;
	
	#margin-top: -30px;
	#bottom: -15px;
}

.subsection_top
{
	height: 40px;
	position: relative;
	z-index: 0;
}

.subsection_bottom
{
	height: 40px;
	position: relative;
	z-index: 0;
}

.subsection_left
{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0px;
	
}

.subsection_right
{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0px;
	
}


.subsection_top_bar
{
	background-position: 0px 0px;
	
	margin-left: 40px;
	margin-right: 40px;
	height: 40px;
	#height: 25px;
	width: auto;
	position: relative;
}


.subsection_bottom_bar
{
	position: relative;
	
	background-position: 0px -40px;
	#background-position: 0px -55px;
	
	margin-left: 40px;
	margin-right: 40px;
	height: 40px;
	#height: 25px;
	
	#top: 15px;
	
	width: auto;
}

.subsection_left_bar
{
	height: auto;
	_height: 2000px;

	background-position: 0px 0px;
	
	width: 40px;
	
	position: absolute;
	left: 0px;
	top: 15px;
	bottom: 15px;
	
}

.subsection_right_bar
{
	height: auto;
	_height: 2000px;

	background-position: -40px 0px;
	
	width: 40px;
	
	position: absolute;
	right: 0px;
	top: 15px;
	bottom: 15px;
	
}


@CHARSET "ISO-8859-1";

.mini_subsection_container
{
	
}


.mini_subsection_top
{
	position: relative;
	
	height: 8px;
	
}

.mini_subsection_top_left
{
	width: 8px;
	height: 100%;
	
	position: absolute;
	left: 0px;
	
	background-image: url("/images/subsection/mini_corners.png");
	background-position: 0px 0px;
}

.mini_subsection_top_right
{
	width: 8px;
	height: 100%;
	
	position: absolute;
	
	right: 0px;
	
	background-image: url("/images/subsection/mini_corners.png");
	background-position: -8px 0px;
}

.mini_subsection_top_bar
{
	height: 100%;
	
	position: relative;
	
	margin-left: 8px;
	margin-right: 8px;
	
	background-image: url("/images/subsection/mini_horizontal.png");
	background-position: 0px 0px;
}

.mini_subsection_center
{
	width: 100%;
	position: relative;
	
	overflow: hidden;
}

.mini_subsection_left
{
	position: absolute;
	height: 100%;
	width: 8px;
	
	left: 0px;
	
	background-image: url("/images/subsection/mini_vertical.png");
	background-position: 0px 0px;
}

.mini_subsection_right
{
	position: absolute;
	height: 100%;
	width: 8px;
	
	right: 0px;
	
	background-image: url("/images/subsection/mini_vertical.png");
	background-position: -8px 0px;
}


.mini_subsection_content
{
	overflow: hidden;
	background-image: url("/images/subsection/filler.png");
	
	margin-left: 8px;
	margin-right: 8px;
}

.mini_subsection_bottom
{
	position: relative;
	
	height: 8px;
	
}

.mini_subsection_bottom_left
{
	width: 8px;
	height: 100%;
	
	position: absolute;
	left: 0px;
	
	background-image: url("/images/subsection/mini_corners.png");
	background-position: 0px -8px;
}

.mini_subsection_bottom_right
{
	width: 8px;
	height: 100%;
	
	position: absolute;
	
	right: 0px;
	
	background-image: url("/images/subsection/mini_corners.png");
	background-position: -8px -8px;
}

.mini_subsection_bottom_bar
{
	height: 100%;
	
	position: relative;
	
	margin-left: 8px;
	margin-right: 8px;
	
	background-image: url("/images/subsection/mini_horizontal.png");
	background-position: 0px -8px;
}






#body_high_outer
{
	position: relative;
	
	z-index: 100;
	
	top: 0px;
	
	height: 350px;
	width: 100%;
	
	overflow-x: hidden;
	overflow-y: visible;
}

#body_high_inner
{
	margin-top: -350px;
	height: 327px;
	
	overflow: visible;
	
	
	z-index: 200;
}

#panorama
{
/*
	width: 1060px;
	height: 220px;
*/
	position: absolute;
	
	margin-left: -600px;
	left: 50%;
	
	
}

#scroll_frame
{
	position: relative;
	
	overflow: visible;
	
	height: 160px;
	width: 920px;
	
	top: 170px;
	
	margin: auto;
	
	z-index: 10;
	
}

.scroll_end
{
	position: absolute;
	
	width: 130px;
	height: 180px;
	
	
}

#scroll_left
{
	left: -130px;
	background-image: url("images/static/caps.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#scroll_right
{
	right: -130px;
	background-image: url("images/static/caps.png");
	background-position: -130px 0px;
	background-repeat: no-repeat;
}



#scroll_shadow
{
	position: absolute;
	
	margin-left: -460px;
	
	width: 920px;
	height: 65px;
	
	top: -20px;
	left: 50%;
	
	
	background-image: url("images/static/scroll_case_shadow.png");
	background-repeat: no-repeat;
	z-index: 5;
}

#scroll
{
	position: relative;
	
	margin: auto;

	width: 920px;
	height: 137px;
	
	top: 193px;
	
	z-index: 100;
	
	background-image: url("/images/static/scroll_case.png");
}

#case_switch_container
{
	position: relative;
	float: right;

	top: 20px;
	margin-right: 260px;
	
	z-index: 25;
}

#case_switch
{
	position: relative;
	
	float: left;
	
	margin-top: 8px;
	margin-right: -5px;
	
	width: 27px;
	height: 25px;
	
	cursor: pointer;
	
	background-image: url("/images/static/switches.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	z-index: 3;
}

#case_icons
{
	position: relative;
	
	float: left;
	
	width: 33px;
	height: 25px;
	
	background-image: url("/images/static/switches.png");
	background-position: -81px 0px;
	background-repeat: no-repeat;
	
	z-index: 2;
}

#case_address_container
{
	position: absolute;
	top: 50px;
	left: 310px;
	z-index: 100;
	font-size: 9pt;
	
	width: 300px;
	margin: auto;
}

#case_address_shadow
{
	position: absolute;
	color: #403429;
	margin-left: 1px;
	margin-top: 1px;
	z-index: -5;
}

#case_address
{
	padding-right: 1px;
}

#case_address_shadow a
{
	color: #403429;
	
	text-decoration: none;
}

#case_address_shadow a:visited
{
	color: #403429;
}

#case_address_shadow a:hover
{
	color: #403429;
	
	text-decoration: underline;
}

#case_address a
{
	color: #BF9D7A;
	
	text-decoration: none;
}

#case_address a:visited
{
	color: #BF9D7A;
}

#case_address a:hover
{
	color: #E5BC93;
	
	text-decoration: underline;
}

#menu_index
{
	position: absolute;
	
	top: 67px;
	height: 40px;
	
	margin: auto;
	left: 50%;
	margin-left: -156px;

	width: 311px;
	
	z-index: 25;
}

.menu_button
{
	float: left;
	
	cursor: pointer;
}

.menu_button_text
{
	position: relative;
	
	text-align: center;
	
	opacity: 0.7;
	
	margin: 7px;
}

#menu_button_container
{
	width: 71px;
	height: 45px;
	
	background-image: url("/images/static/blank.gif");
}

#menu_button
{
	background-image: url("/images/static/case_buttons.png");
	background-position: 0px 0px;
	
	width: 54px;
	height: 17px;
	
	margin-top: 8px;
	margin-left: 7px;
}

#game_button_container
{
	width: 68px;
	height: 45px;
	
	background-image: url("/images/static/blank.gif");
	
}

#game_button
{
	background-image: url("/images/static/case_buttons.png");
	background-position: -54px 0px;
	
	width: 50px;
	height: 17px;
	
	margin-top: 8px;
	margin-left: 7px;
}

#media_button_container
{
	width: 74px;
	height: 45px;
	
	background-image: url("/images/static/blank.gif");
}

#media_button
{
	background-image: url("/images/static/case_buttons.png");
	background-position: -104px 0px;
	
	width: 59px;
	height: 17px;
	
	margin-top: 8px;
	margin-left: 6px;
}

#support_button_container
{
	width: 98px;
	height: 45px;
	
	background-image: url("/images/static/blank.gif");
}

#support_button
{
	background-image: url("/images/static/case_buttons.png");
	background-position: -163px 0px;
	
	width: 76px;
	height: 17px;
	
	margin-top: 8px;
	margin-left: 7px;
}

#sub_menu_template
{
	position: fixed;
	top: 0px;
	left: 0px;
	
	z-index: 500;
}

.sub_menu_container
{
	display: none;
	
	z-index: 1000;
}

.sub_menu_content
{
	padding: 4px;
}

.sub_menu_list
{
	
}

.sub_menu_item
{
	#padding-top: 1px;
	text-decoration: none;
}

.sub_menu_item:hover
{
	text-decoration: none;
}

.sub_menu_item_content
{
	position: relative;
	
	padding-top: 1px;
	padding-bottom: 1px;
	
	font-size: 12pt;
	
	text-decoration: none;
	
	color: rgb(194, 178, 128);
	
	border: none;
}

.sub_menu_item_content:hover
{
	padding-top: 0px;
	padding-bottom: 0px;
	
	border-top: 1px solid rgb(189,183,107);
	border-bottom: 1px solid rgb(189,183,107);
	
	color: rgb(189,183,107);
	
	cursor: pointer;
}

.sub_menu_item_arrow
{
	position: absolute;
	
	right: 0px;
	
	margin-top: 5px;
}

#body_middle
{
	position: relative;
	
	top: -37px;
	
	overflow: hidden;
	
	width: 100%;
	min-width: 920px;
	
	
}

.body_index
{
	position: relative;
	
	width: 920px;
	
	margin: 0 auto;
}

#parchment_edge_left
{
	position: absolute;
	left: 0px;
	
	height: 100%;
	
	/*
		Complete and total hack.
		IE6 will not listen to 100%, so this needs to be
		set to the highest possible content height.
	*/
	_height: 10000px;
	
	width: 40px;
	
	background-image: url("images/static/parchment_borders.png");
	background-position: 0px 0px;
	background-repeat: repeat-y;
	

}

#parchment_edge_right
{
	position: absolute;
	right: 0px;
	
	height: 100%;
	
	/*
		Complete and total hack.
		IE6 will not listen to 100%, so this needs to be
		set to the highest possible content height.
	*/
	_height: 10000px;
	
	width: 40px;
	
	background-image: url("images/static/parchment_borders.png");
	background-position: -40px 0px;
	background-repeat: repeat-y;
	

}

#page_main
{
	width: 840px;
	margin: auto;
	
	background-image: url("images/static/parchment.png");
}


#top_seperator
{
 	height: 20px;
 	width: 100%;
}

#bottom_bar
{
	position: relative;

	height: 88px;
	line-height: 0px;
	margin-left: 1px;
	

	background-image: url("images/static/scroll_stop.png");
}

#sitemap
{
	position: absolute;
	
	width: 100%;
	
	bottom: 6px;
	
	line-height: 100%;
	
	text-align: center;
}

#sitemap a
{
	color: rgb(194, 178, 128);
}

#sitemap a:link
{
	text-decoration: none;
	color: inherit;
}

#sitemap a:active
{
	text-decoration: none;
	color: inherit;
}

#sitemap a:visited
{
	text-decoration: none;
	color: inherit;
}

#sitemap a:hover
{
	text-decoration: none;
	color: rgb(230, 230, 230);
	cursor: pointer;
}

#scroll_handle
{
	position: relative;
	
	width: 320px;
	height: 50px;
	
	margin: auto;
	
	background-image: url("images/static/scroll_handle.png");
	
}

#scroll_handle_content
{
	margin: 6px;
	margin-left: 55px;
	margin-right: 55px;
	
	
	font-size: 8pt;
	font-family: Arial;
	line-height: 100%;
	
	text-align: center;
	
}

#terms_link
{
	float: left;
	
	width: 100px;
	
	margin-top: 6px;
	
	text-align: center;
}

#privacy_link
{
	float: right;
	
	width: 100px;
	
	margin-top: 6px;
	
	text-align: center;
}

#copyright
{	
	height: 14px;

	margin-top: 7px;
	#margin-top: -7px;
}

#bottom_seperator
{
	height: 50px;
		
}

#body_bottom
{
	position: relative;
	
	text-align: center;
	
	height: 0px;
}

#ideal_logo_container
{
	position: absolute;
	
	bottom: 25px;
	
	left: 50%;
}

#ideal_logo
{
	position: relative;
	left: -50%;
	
	bottom: 0px;
}