/*****************************
*** CSS Document by SteMaX ***
*****************************/

/*************************************************************************************
*********************************   XHTML elements   ********************************/
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body{
	background-color: #C7DBF8;
	color: #000844;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: center;
	margin: 10px auto 0;
}
h4{
	color: #F00;
}
.hideItem{
	display: none;
}
/*************************************************************************************
*******************************   LAYOUT definition   *******************************/
#boxScreen{
	position: relative;
	text-align: center;
	width: 1020px;
	margin: 0 auto;
}
#boxHeader{
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	height: 228px;
	width: 1016px;
	padding: 29px 0 0 33px;
	margin: 0 auto;
}
div>#boxHeader{
	height: 199px;
	width: 983px;
}
#boxMenu{
	position: absolute;
	top: 260px;
	left: 50px;
	height: 400px;
	width: 216px;	
}
#boxContent{
	clear: both;
	position: relative;
	background-image: url(../img/content_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	height: 517px;
	width: 1016px;
	margin: 10px auto 10px;
	padding: 0 50px 0 330px;
}
div>#boxContent{
	width: 636px;
}
#boxFooter{
	clear: both;
	position: relative;
	background-image: url(../img/footer_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: .9em;
	text-align: center;
	height: 41px;
	width: 1016px;
	margin: 10px auto;
	padding-bottom: 10px;
}

/*************************************************************************************
***************************   boxHeader definitions   *******************************/
#boxHeader h1{
	float: right;
	font-size: 2.5em;
	padding-right: 35px;
	margin-top: -10px;
}
#boxHeader div{
	float: left;
	text-align: center;
	height: 150px;
	width: 211px;
	margin: 0;
	padding: 0;
}
#boxHeader h2{
	font-size: 2.1em;
	padding: 10px 10px 10px 0;
}
#boxHeader p{
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 10px;
}

/*************************************************************************************
****************************   boxContent definition   ******************************/
#boxContent h2{
	font-size: 1.5em;
	padding: 30px 0 20px 30px;
}
#boxContent h3{
	font-size: 1.2em;
	padding: 10px 0 5px 30px;
}
#boxContent a{
	color: #000844;
}
#boxContent a:hover, #boxContent a:focus{
	color: #0084FF;
	text-decoration: none;
}
#boxContent .overFlowAuto{
	position: relative;
	height: 400px;
	overflow: auto;
}

/*************************************************************************************
****************************   boxMenu definitions   ********************************/
#boxMenu li{
	position: relative;
	font-size: 1.25em;
	text-align: center;
	line-height: 56px;
	list-style-type: none;
	height: 61px;
	width: 216px;
	margin-bottom: 5px;
}
#boxMenu a:hover, #boxMenu a:focus{
	background-image: url(../img/menu_button_hover.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#boxMenu a{
	display: block;
	background-image: url(../img/menu_button_passive.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #0031EE;
	text-decoration: none;
	height: 61px;
	padding-left: 60px;
}
#boxMenu li.open{
	display: block;
	background-image: url(../img/menu_button_active.gif);
	background-repeat: no-repeat;
	color: #50556D;
	width: 216px;
	padding-left: 60px;
}
div>#boxMenu li.open{
	width: 156px;
}

/*************************************************************************************
****************************   boxContent definition   ******************************/
#boxFooter p{
	line-height: 30px;
	text-align: left;
	padding-left: 15px;
}
#boxFooter span{
	float: right;
	margin-top: -30px;
	padding-right: 20px;
}
#boxFooter span a{
	color: #005A9C;
	font-weight: bold;
}
#boxFooter span a:hover, #boxFooter span a:focus{
	text-decoration: blink;
}
#valid{
	position: absolute;
	left: 370px;
	top: 1px;
	height: 31px;
	width: 190px;
}
#valid img{
	height: 31px;
	width: 88px;
}
/*************************************************************************************
****************************   classes definition   *********************************/
.blue{
	color: #009FFF;
}
.red{
	color: #E60000;
}
.black{
	color: #000;
}
.bold{
	font-weight: bold;
}
.textCenter{
	text-align: center;
}
.textSmaller{
	font-size: .8em;
}
.textSmall{
	font-size: .9em;
}
.textBig105{
	font-size: 1.05em;
}
.textBig115{
	font-size: 1.15em;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.clearBoth{
	clear: both;
}
.alignLeft{
	text-align: left;
}
.noBorder{
	border: none;
}
.marginRight{
	margin-right: 1px;
}