/**
 * Basic styles.
 **/
html {
	height: 100%;
	
	background-color: white;
	
	overflow: hidden;
}

body {
	margin: auto;
	
	width: 1020px;
	height: 100%;
	
	background-color: #957066;
	color: #F9EDBB;
}

.clear {
	clear: both;
}

/**
 * The loader.
 **/
div#loader {
	position: absolute;
	
	top: 49%;
	left: 49%;
	width: 31px;
	height: 31px;
	
	background-image: url("../Graphics/loader.gif");
	
	vertical-align: middle;
	text-align: center;
	
	z-index: 5000;
	
	font-size: 150%;
	color: white;
	
	visibility: hidden;
}

/**
 * The popup window.
 **/
div#popup_filter {
	position: absolute;
	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	background: #000000;
	
	visibility: hidden;
}

div#popup_window_wrapper {
	position: absolute;
	
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	
	background-color: #FFFFFF;
	border: solid 3px #999999;
	padding: 10px;
	
	overflow: auto;
	
	visibility: hidden;
}

div#popup_window_wrapper a.close {
	float: right;
	
	background-color: #999999;
	color: #333333;
	
	padding: 0 2px 0 2px;
	
	font-family: "arial";
	font-weight: bold;
	text-decoration: none;
	
	border: solid 1px #000000;
}

div#popup_window_wrapper a.close:hover {
	color: #FFFFFF;
}

/**
 * The header.
 **/
div#header {
	height: 200px;
}

div#header img {
	display: block;
	
	height: 130px;
	
	background-image: url("../Graphics/header.jpg");
}

div#header ul {
	display: block;
	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

div#header li {
	float: left;
	
	height: 70px;
}

div#header li a {
	display: block;
	
	height: 70px;
}

div#header li.left {
	width: 190px;
	
	background-image: url("../Graphics/header_menu_left.jpg");
}

div#header li.home {
	width: 130px;
	
	background-image: url("../Graphics/header_menu_home.jpg");
}

div#header li.home a:hover {
	background-image: url("../Graphics/header_menu_home_hover.jpg");
}

div#header li.downloads {
	width: 210px;
	
	background-image: url("../Graphics/header_menu_downloads.jpg");
}

div#header li.downloads a:hover {
	background-image: url("../Graphics/header_menu_downloads_hover.jpg");
}

div#header li.links {
	width: 130px;
	
	background-image: url("../Graphics/header_menu_links.jpg");
}

div#header li.links a:hover {
	background-image: url("../Graphics/header_menu_links_hover.jpg");
}

div#header li.browser {
	width: 170px;
	
	background-image: url("../Graphics/header_menu_browser.jpg");
}

div#header li.browser a:hover {
	background-image: url("../Graphics/header_menu_browser_hover.jpg");
}

div#header li.right {
	width: 190px;
	
	background-image: url("../Graphics/header_menu_right.jpg");
}

/**
 * The content.
 **/
div.content_top {
	height: 18px;
	
	font-size: 10px;	/* Hack for IE6 */
	
	background-image: url("../Graphics/content_top.jpg");
}

div#content_wrapper {
	background-image: url("../Graphics/content_fill.jpg");
}

div#content {
	padding: 0 18px 0 14px;
	
	overflow: auto;
}

div.content_bottom {
	height: 15px;
	
	font-size: 10px;	/* Hack for IE6 */
	
	background-image: url("../Graphics/content_bottom.jpg");
}

/**
 * The footer.
 **/
div#footer {
	height: 40px;
	
	background-image: url("../Graphics/footer.jpg");
	
	padding: 0 3px 0 3px;
	
	overflow: auto;
}

div#footer img {
	border: none;
}

div#footer div.validated {
	display: block;
	
	float: left;
	
	padding: 4px 0 0 6px;
}

div#footer div.copyright {
	display: block;
	
	float: right;
	
	padding: 18px 4px 0 0;
	
	text-align: right;
	font-size: 12px;
}

div#footer div.copyright a {
	color: #F9EDBB;
	
	text-decoration: none;
}

div#footer div.copyright a:hover {
	color: #F9EDBB;
	
	text-decoration: underline;
}