﻿/* SETTINGS CSS DEFAULT VALUES */

ul,ol,li {
	margin: 0;
	padding: 0;
}

/* ------------------------- */

/* Text */
BODY{
	font-family: verdana, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	margin: 10px 0px 10px 0px;
	background : #210;
}

#pageWrapperOut {
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px;
	background-color: #221100;
	border: 1px dotted #630;
}

#pageWrapperIn {
	margin: 20px 20px 0px 20px;
}

#header{
	clear: both;
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

#header #headerLine{
	float: right;
	text-align: right;
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	width: 510px;
	height: 20px;
	color: #FFF;
	margin-top: 0px;
}

#header #logo{
	float: left;
	width: 230px;
	height: 120px;
	background-color: #241103;
	padding: 0px;

	vertical-align : middle;
	
}

#header #logo img{
	margin: 0px 0px 0px 0px;
}

#header #menu{
	float: right;
	width: 510px;
	border: 0px solid #fff;
	margin:0;
	padding:0;
}

#headerImage img{
	clear: both;
	margin: 10px 0px 0px 0px;
	padding: 0;
	border-bottom: 5px solid #0CF;
}

/* Main Menu */

ul.mainMenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 8pt;
	vertical-align : baseline;
	text-align: center;
}

ul.mainMenu a{
	font-size: 8pt;
	display:block;
	width: 111px;
	height: 100px;
	color: #FFF;
	background-color: #241103;
	text-decoration: none;

	margin: 0px 5px 0px 0px;
}

ul.mainMenu p{
	margin: 0;
	padding: 10px 3px 0px 3px;
	vertical-align : center;
	font-variant : small-caps;
}

ul.mainMenu a:hover, ul.mainMenu a.selected{
	color: #fff;
	text-decoration: none;
	background-color: #4CC4EB; /*9BD9ED, 4CC4EB*/
}

ul.mainMenu li{
	float: right;
}


#content{
	clear:both;
}
/* Text Content */

#content #textContent{
	width: 480px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
	font-family: Arial, sans-serif;
	color:#FFF;
}

#content #textContent A{
	color:#00CCFF;
	text-decoration: none;
	font-weight: bold;
}

#content #textContent A:hover{
	color:#FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

#content #textContent h1{
	color:#0CF;
	font-size: 11pt;
	margin: 10px;
	padding: 0px 10px 10px 0px;
	text-align: justify;
	font-weight: normal;
	font-style: italic;
}

#content #textContent h2{
	font-size: 9pt;
	font-weight: normal;
	margin: 10px;
	padding: 0px 10px 10px 0px;
	text-align: justify;
}

#content #textContent h3{
	font-size: 9pt;
	font-weight: bold;
	margin: 10px;
	padding: 10px 10px 10px 0px;
	text-align: justify;
	color: #0CF;
}

#content #textContent p{
	font-size: 9pt;
	margin: 10px;
	padding: 0px 10px 10px 0px;
	text-align: justify;
}

#content #textContent ul{
	font-size: 9pt;
	margin: -20px 20px 0px 30px;
	padding: 0;
	text-align: justify;
	list-style-type: square;
}

#content #textContent ol{
	font-size: 9pt;
	margin: -20px 40px 0px 30px;
	padding: 0;
	text-align: justify;
	list-style-type: decimal;
}

#content #textContent li{
	padding-top: 5px;
}

/* Left Menu */
#content #leftMenu{
	float:left;
	width: 220px;
	margin-bottom: 70px;
}

ul.leftMenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 8pt;
}

ul.leftMenu a{
	display:block;
	width: 210px;
	/*line-height: 50px;*/
	color: #0CF;
	text-decoration: none;
	background-color: none;
	vertical-align : middle;
	padding: 10px 0px 10px 5px;
	border-top: 1px dotted #442200;
	font-variant : small-caps;
}

ul.leftMenu a:hover, ul.leftMenu a.selected{
	color: #fff;
	text-decoration: none;
	background-color: #420;
	border-top: 1px solid #420;
}

ul.leftMenu li{
	display: inline;
}

/* Footer Menu */

#footer{
	clear: both;
	display:block;
	position:relative;
	width: 740px;
	height: 40px;
	margin: 0px 0px 10px 0px;
}

ul.footerMenu{
	padding: 0;
	list-style-type: none;
	font-size: 8pt;
	vertical-align : middle;
	text-align: center;
}

ul.footerMenu a{
	display:block;
	/*line-height: 50px;*/
	width: 185px;
	height: 30px;
	color: #FFF;
	font-variant : small-caps;
	background-color: #210;
	text-decoration: none;
	vertical-align : center;
	padding: 10px 0px 5px 0px;
	border-top: 1px solid #420;
}

ul.footerMenu a:hover, ul.footerMenu a.selected{
	color: #fff;
	text-decoration: none;
	background-color: #420;
}

ul.footerMenu li{
	float: left;
}

.small{
	font-size: 8pt;
}
