@charset "utf-8";

/* Banner sdf */
div.exampleborderradiuse {
	background-color: #ffffff;
	margin-top:		10px;
	margin-left: 	10px;
	margin-right: 	10px;
	
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	text-align: center;
	vertical-align: middle;
	

}
.shadow {

	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px #888;
	box-shadow: 0 0 5px 5px #888;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}

/*  */
body {
	width:auto;
	margin:0;
	margin-top:5px;
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}
/* ----- HEADER ----- */
#header {
	width:auto;
	height:115px;
	background-color:#ffffff;
	text-align: center;
}
/* ----- TOP-MENU ----- */

#top-menu {
	width:auto;
	height:30px;
	background-color:#CF9;
	margin-top:2px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border:solid 1px #b8d6dc;

}

/* ----- TOP-MENU2 ----- */

#top-menu2 {
	width:auto;
	height:25px;
	background-color:#CF9;
	margin-top:0px;
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border:solid 1px #b8d6dc;
    
}
/* FAUX LAYOUT WRAPPER */


/*
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper {
	width:1150px;
	/* background:url(background_3.gif) repeat-y; */ /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
	overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
	margin-top:10px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;

}
/* ----- NAVIGATION ----- */



#navigation {
	width:180px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:300px; /* for IE5.x and IE6 */
	background-color:#CF9;
	float:left;
	background:#e2f9fe;
	border:solid 1px #b8d6dc;
	padding-left:10px;
	text-align: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
/* ----- MAIN CONTENT ----- */
#content {
  	vertical-align: top;

	margin-left:190px;
	width:auto;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 *//* background-color:#CF9; */ /* margin-top:10px; */
	padding-left:10px;
	text-align: left;
}
/* ----- FOOTER ----- */
#footer {
	margin-top:10px;
	width:auto;
	height:100px;
	background-color:#CF9;
	border:solid 1px #b8d6dc;
	margin-left:auto;
	margin-right:auto;
}