body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #525d67;
}
body {
	background-image: url(/img/body/background.gif);
	background-repeat: repeat-x;
	margin: 0px;
	height: 100%;
}

a:link, a:hover {
	color: #525d67;
	text-decoration: none;
}

a:visited {
	color: #525d67;
}


#header {
	margin: 0 auto;
	padding: 0;
	height: 100px;
	width: 900px;
	position: relative;
}
#logo {
	float: left;
	margin-top: 35px;
	margin-left: 8px;
}


/*------------- M A I N   M E N U ----------------*/
#menu {
	margin-left: auto;
	margin-right: 0px;
	height: 34px;
	padding: 0;
	margin-top: 50px;
	float: right;
	background-color: #FFFFFF;
}
#menu a {
	font: bold 11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	height: 35px;
	line-height: 35px;
	padding-left: 6px;
	padding-right: 6px;
	color: #858585;
	text-transform: uppercase;
	text-decoration: none;
	cursor:pointer;
	float: left;
}
#menu a:hover, #menu .active {
	background-color: #e2e7e9;
	text-decoration: none;
}

#menu .ulsep {
	height: 35px;
	width: 4px;
	background:transparent url(/img/header/mainmenu_sep.gif) center;
	float:left;
}
/* DROP DOWN BOXES */
/* 
The drop down boxes are being positioned absolutely on the page.
The actual left offset will be determined via a javascript. While this
is admittedly an awkward aproach, it was the only way to achieve the
desired drop-down menu structure, where the main menu items have a variable
while the drop down boxes are of fixed width. All attempts to complete this
task with CSS only failed in one of the Internet Explorer versions.
*/

.dd {
	z-index: 5000;
	position: absolute;
	top: 85px;
	left: 0px;
	width: 190px;
	display: none;
	border-bottom:1px solid #d7dcd9;
	font: normal 11px arial, helvetica, sans-serif;
}
.dd ul {
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 11px;
}
.dd li {
	display: block;
	height: 28px;
	padding: 0;
	margin: 0;
	width: 190px;
}
.dd a, .dd a:visited {
	background-color: transparent;
	color: #5e5e5e;
	text-decoration: none;
	width: 172px;
	padding: 10px 9px 10px 9px;
	height: 8px;
	line-height: 14px;
	display: block;
	background-color:#e2e8ea;
	opacity: 0.9;
 	filter:alpha(opacity: 90);
	border-right:1px solid #d7dcd9;
	border-left:1px solid #d7dcd9;
}
.dd a:hover {
	color: #1EAF53;
	background: #fff;
	opacity: 1;
 	filter:alpha(opacity: 100);
	/*border-left: 5px solid #1EAF53;
	margin-left: -4px;
	text-decoration: underline;*/
}