@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #e4f0f0;
	margin: 0px;
	padding:0px;
	line-height: 1.5em;
}

#maincontainer{
	width: 880px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: #FFF;
}

#topsection{
	background: #2F5761;
	height: 350px; /*Height of top section*/
	color: #FFF;
	background: url('../images/banner.jpg') repeat-x #2F5761;
}

#topsection h1{
margin: 0;
padding-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
color: #FFE300;
padding-right: 24px;
font-weight: normal;
}
h3 
{
	margin: 0;
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4A828C;
	font-weight: normal;
	}
#topsection_name 
{
	width: 250px;
	height: 50px;
	margin-top: 0px;
	margin-left: 25px;
	text-align: right;
	}
#topsection_menu 
{
	width: 196px;
	height: 260px;
	margin-top: 50px;
	margin-left: 25px;
	z-index: 100;
	background: url('../images/menu_back2.gif') top no-repeat;
	}
#topsection_hand 
{
	width: 500px;
	height: 273px;
	margin-top: -279px;
	margin-left: 210px;
	background: url('../images/backhand.gif') no-repeat;
	}
#topsection_logo 
{
	width: 116px;
	height: 152px;
	margin-top: -325px;
	margin-left: 725px;
	background: url('../images/logo.gif') no-repeat;
	}
#topsection_languages
{
	width: 130px;
	height: 25px;
	margin-top: 120px;
	margin-left: 725px;
	}
#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-left: 375px; /*Set left margin to LeftColumnWidth*/
}
#contentcolumn_upper
{
	width: 480px;
	height: 250px;
	margin-top: -20px;
	margin-left: 10px;
	}
#contentcolumn_upper_header 
{
	width: 480px;
	height: 21px;
	background: url('../images/bg-rightbox-header.gif') no-repeat;
	}
#contentcolumn_upper_content
{
	width: 480px;
	height: 245px;
	background: url('../images/bg-rightbox.gif') repeat-y;
	}
#contentcolumn_upper_footer
{
	width: 480px;
	height: 11px;
	background: url('../images/bg-rightbox-bot.gif') repeat-y;
	}
#contentcolumn_lower {
	margin-top: 35px;
	}
#leftcolumn{
	float: left;
	width: 375px; /*Width of left column*/
	margin-left: -880px; /*Set left margin to -(MainContainerWidth)*/
	background: #FFF;
}

#footer{
clear: left;
width: 100%;
background: #3D6B78;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertube20{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

img{
	border:0;
}.bg-rightbox {
	background-image: url(../images/bg-rightbox.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.brd-3side {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.white-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


b{font-size: 110%;}
em{color: red;}

/* http://www.cssplay.co.uk/menus/flyoutt.html */
/* common styling */
.menu 
{
	font-family: arial, sans-serif; 
	width:164px; 
	height:150px; 
	position:relative; 
	margin:0; 
	font-size:12px; 
	padding-left: 10px;
	padding-top: 35px;
}
.menu ul li a, .menu ul li a:visited 
{
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:162px; 
	height:25px; 
	text-align:center; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background: url('../images/menu_btn.gif') no-repeat #E7EFF7; 
	line-height:25px;
	font-size:12px; }
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#333; background: url('../images/menu_btn_hover.gif') no-repeat #C2D9EF;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:162px; width:162px;}
.menu ul li:hover ul li a.hide {background:#C2D9EF; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#E7EFF7; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#C2D9EF; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#C2D9EF; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#E7EFF7; color:#fff;}