/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
* {
	padding:0;
	margin:0;
}
body {
	font-size: 10px;
	background-color: #091424;
	font-family:"trebuchet MS", arial, sans-serif;
	color: white;
	background-image: url(../img/bg_body.jpg);
	background-position:center;
	background-repeat:repeat-y;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

table {
	width: 100%;
}

.page-container {
	width:960px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1.1em;
}
.main {
	clear:both;
	width:960px;
	padding-bottom:0px;
	background-image: url(../img/bg_main.png);
	background-repeat: repeat-y;
	margin: 0px;
	/* background:transparent url(../img/bg_main.gif) top left repeat-y; */
}
.main-content {
	display:inline; /*Fix IE floating margin bug*/
	;
	float:left;
	width:545px;
	padding-left:10px;
	margin:10px 10px 0 0px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
.footer {
	clear:both;
	width:545px;
	padding:1.0em 0 1.0em 0;
	background-color: #0b1729;
	font-size:1.0em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
/* HEADER */
.header {
	width:960px;
}
.lang {
	width:525px;
	height: 20px;
	padding-left:10px;
	margin:10px 10px 0 0px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.header-top {
	width:960px;
	height:135px;
	margin-top:0px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
.header-bottom {
	width:960px;
	height:28px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

/*************/
/*  2. HEAD  */
/*************/
.sitelogo {
	width:545px;
	height:135px;
	position:absolute;
	z-index:1;
	background:url(../img/bg_head_top_logo.png);
	background-repeat: no-repeat;
}

.animate {
	width:565px;
	height:140px;
	position:absolute;
	z-index:999;
	color: white;
}

.left {
	width: 195px;
	margin-left: 2px;
}


/* MAIN CONTENT */
#content {
	float: left;
	width:530px;
	padding: 10px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	
	padding: 0px;	
}
#left {
	float:left;
	width:185px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top: 10px;
	font-size: 1.0em;
	padding: 0px;
}
#right {
	float:right;
	width:190px;
	margin-bottom:10px !important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	font-size: 1.0em;	
	padding: 0px;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:1.3em;
	text-align:center;
	color: #5c6e8a;
	font-weight:normal;
	font-size:90%;
	
}
.footer p.credits {
	font-weight:normal;
}
.footer a {
	text-decoration:underline;
	color:rgb(125,125,125);
}
.footer a:hover {
	text-decoration:none;
	color:rgb(0,0,0);
}
.footer a:visited {
	color:rgb(0,0,0);
}
/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
p:after {
	content:".";
	display:block;
	height:0; /*clear:both*/
	;
	visibility:hidden;
}
.footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear-contentunit {
	clear:both;
	width:490px;
	height:0.1em;
	border:none;
	background:rgb(210,210,210);
	color:rgb(210,210,210);
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {
.header-top {
	width:954px;
	height:80px;
	background:rgb(240,240,240);
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
}
@media print {
.header-breadcrumbs {
	width:954px;
	background:transparent;
}
}
@media print {
.menu {
	float:left;
	width:954px;
	border:none;
	background:rgb(240,240,240);
	color:rgb(75,75,75);
	font-size:1.0em;
	font-size:130%;
}
} /*Color navigation bar normal mode*/
@media print {
.main {
	clear:both;
	width:954px;
	padding-bottom:30px;
	background:transparent;
}
}
@media print {
.main-navigation {
	display:inline /*Fix IE floating margin bug*/;
	float:left;
	width:199px;
	border-right:solid 1px rgb(200,200,200);
	border-bottom:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE*/;
}
}
@media print {
.footer {
	clear:both;
	width:545px;
	height:3.7em;
	padding:1.1em 0 0;
	background:rgb(240,240,240);
	font-size:1.0em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}
}