@import url(nav.css);
@import url(popup.css);
@import url(sIFR-screen.css);
@import url(js/scroller/scroller.css);
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*font: 62.5%/1.2 Arial, Helvetica, Verdana, sans-serif; /* reset 1em to 10px, 1.2 is correct default for paras */
	font-size: 70%;
	color: #333333;
	line-height: 1.5em;
	text-align: center;
	background-color: #ffffff;
	background-repeat: no-repeat;
}
/* IE6 hack (horizontal scrollbar)
----------------------------------*/
html {overflow:hidden;}
/*body {margin-right:28px;}*/

/* global
----------------------------------*/
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.2em;
}
img {border: none;}
form, input, select, textarea {
	margin: 0px;
	padding: 0px;
	display: inline;
}
form p {
	margin: 0px 0px 1px 0px;
	padding: 0px;
}
input, select, textarea {
	border: 1px solid #636467;
	padding: 3px 0px 0px 0px;
	line-height: 1.2em;
	background-color: #FFFFFF;
}
form p {width: 200px;}
form p input, form p select {width: 180px;}
form p input.fclear {width: auto;}
form p .submit {padding-left: 10px;}
form p textarea {width: 380px;}

input.fclear {border: none; background: none;}

.right {float: right;}
.left {float: left;}
.spacer {clear: both; margin: 0; padding: 0; font-size: 2px; line-height: 2px; float: none;}
.clear {clear: both;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hidden {visibility: hidden;}
a, a:link, a:hover, a:active, a:visited {color: #333333; text-decoration: none;}
a.active, a.active:link, a.active:hover, a.active:active, a.active:visited {font-weight: bold;}

h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 1.5em;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
}
p, li {
	margin-top: 0px;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

td p, th p, caption p {font-size: 1.0em;}

h2.noSpace, h3.noSpace, p.noSpace {margin-bottom: 0em;}

.gold {color: #ceaa5a;}

/* png support
----------------------------------*/
img {behavior: url(../../iepngfix.htc)}

/* page, main
----------------------------------*/
#page, #top, #main, #bottom, #colLeft, #colRight {
	position: relative;
}
#page {
	width: 924px;
	height: 2000px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #230f12;
	border-bottom: none;
	background-position: 0px 530px;
	background-repeat: no-repeat;
}
#top {
	height: 117px;
	background-color: #9b0e1b;
	border-top: 13px solid #f2efdb;
	border-bottom: 4px solid #ffffff;
}
#logo {
	border-top: 1px solid #ffffff;
	padding: 52px 0px 0px 59px;
}

/* main
----------------------------------*/
#main {height: 369px; text-align: left;}

#colLeft, #colRight, #colLeftInner {position: absolute;}
#colLeft, #colLeftInner {width: 522px; height: 369px;}
#colRight {left: 522px; width: 328px; border-top: 1px solid #52070a; border-bottom: 1px solid #52070a;}
#colContent {height: 367px;}
#contentInner {position: absolute;}

div.bgRed {
	color: #ffffff;
	background-color: #780c14;
	border-left: 1px solid #52070a;
	border-right: 1px solid #52070a;
}
div.bgRed td, div.bgRed a  {color: #ffffff !important;}

div.bgWhite {
	color: #470007;
	border-left: 1px solid #5a2617;
	border-right: 1px solid #5a2617;
	/*background: url(img/content_white.png) no-repeat left top;*/
}
div.bgWhite td, div.bgWhite a  {color: #470007 !important;}

#bgWhite{position: absolute;}
div.bgRed #bgWhite{display: none;}
div.bgWhite #bgWhite{display: block;}

div.bgRed #scroller #content {background-color: #780c14;}
div.bgWhite #scroller #content {background-color: #ffffff;}


/* lists
----------------------------------*/
#colRight ul {
	margin: 0px 0px 1.5em 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#colRight li, .li {
	display: block;
	margin: 0px 0px 1.0em 0px;
	padding: 0px 0px 0px 12px;
	background: url(img/li_arrow.gif) no-repeat left 0.55em;
}

/* bottom
----------------------------------*/
#bottom {
	width: 924px;
}

/* music
----------------------------------*/
#music {
	position: absolute;
	width: 924px;
	height: 25px;
	/*background-color: #B01F23;*/
	background-color: #9b0e1b;
	background-position: left bottom;
	z-index: 11;
}
#music div {
	width: 924px;
	height: 25px;
	background: url(img/bg/bg_nav.png);
}

/* nav
----------------------------------*/
#nav {
	position: absolute;
	right: 65px;
	top: 4px;
	height: 20px;
	text-align: right;
	overflow: hidden;
	z-index: 21;
}
#nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	position: relative;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1em;
	/*background: url(img/bg_nav.gif) no-repeat 0px 40px;*/
	display: inline;
	list-style: none;
	float: left;
}
#nav .active {}
#nav a, #nav a:link, #nav a:hover, #nav a:active, #nav a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	padding: 0px 4px 7px 4px;
}
/** html #nav a {
  width:1%;
}*/

#lang{
	position: absolute;
	left: 880px;
	top: 118px;
	width: 15px;
	z-index: 101;
}

#popupHTML {overflow:auto;}

body#popup {
	color: #ffffff;
	background-color: #9b0e1b;
}
body#popup td, body#popup a {color: #ffffff !important;}

#mainPopup {
	position: relative;
	padding: 20px;
	text-align: left;
}