/********************************** 
 HEADER
 **********************************/

#header #logo {
	position: relative;
	/*display: block;*/
	height: auto;
	padding: 7px 0px 0px 150px;
	margin: 0px;
	float: left;
}
#header #logolabel {
	position: relative;
	float: left;
	line-height: 100%;
	margin: 30px 0 0 10px;
	padding: 0px;
	/*top: 30px;*/ /* IE<6 have to be 15px */
	/*margin-left: 220px;*/ /* IE<6 have to be 217px */
	text-transform: uppercase;
	font-size: 138%;
	font-weight: 300;
	color: #004489;
	width: 490px;
}
#header #logolabel img {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
}

#header #metanavigation {
	float: right;
	font-size: 10px;
}
.metanavigation a,
.printnavigation a {
	text-decoration: none;
}
.metanavigation a:hover,
.printnavigation a:hover {
	text-decoration: underline;
}

.metanavigation  {
	list-style-type: none;
	margin: 8px 25px 0px 0px;
	padding: 0px;
}
.metanavigation  li {
	float: left;
	margin-right: 4px;
	padding-left: 5px;
	background: url("img/meta_divider.gif") left 2px no-repeat;
}
.metanavigation  li.first {
	padding-left: 0px !important;
	background: none;
}

/********************************** 
 CONTENT
 **********************************/
 
.content-wrapper {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 1%;
}

#pageheader {
	background: url("img/dottedline.gif") left bottom repeat-x;
	padding: 30px 0px 7px 0px;
	margin: 0px 17px 30px 17px;
	color: #002346;
}

#clickpath {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 0.83em;
	color: #666666;
}


/********************************** 
 NAVIGATION
 **********************************/

#nav-section {
}

#nav-section a {
	text-decoration: none;	
}
#nav-section a:hover
{
	background: #C7D2DE !important;
}

#nav-section ul {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
}
#nav-section ul li {
	height: 1%;
	display: block;
	position: relative;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	background: url("img/dottedline.gif") left 0 repeat-x;
}
#nav-section ul li.first {
	background: none;
}
#nav-section ul li.current span {
	background-color: #EAEEF1;
	color: #004489;
}

/* first level */
#nav-section ul li a,
#nav-section ul li span {
	display: block;
	position: relative;
	padding: 8px 8px 6px 8px;
	margin: 0px 0px 1px 0px;
}

/* second level */
#nav-section ul li ul li a,
#nav-section ul li ul li span
{
	display: block;
	background: url("img/icon_menu_current.gif") 8px 1em no-repeat;
	padding: 8px 8px 6px 20px;
	margin: 0px 0px 1px 0px;
}
#nav-section ul li ul li.hasSub a
{
	background: url("img/icon_menu_active.gif") 8px 1em no-repeat;
}

/* third level */
#nav-section ul li ul li ul li a,
#nav-section ul li ul li ul li.normal a,
#nav-section ul li ul li ul li span,
#nav-section ul li ul li ul li.normal span
{
	display: block;
	background: url("img/icon_menu_current.gif") 20px 1em no-repeat;
	padding: 8px 8px 6px 30px;
	margin: 0px 0px 1px 0px;
}
#nav-section ul li ul li ul li.hasSub a
{
	background: url("img/icon_menu_active.gif") 20px 1em no-repeat;
}

/* fourth level */
#nav-section ul li ul li ul li ul li a,
#nav-section ul li ul li ul li ul li span,
#nav-section ul li ul li ul li ul li.normal a,
#nav-section ul li ul li ul li ul li.normal span
{
	display: block;
	background: url("img/icon_menu_current.gif") 30px 1em no-repeat;
	padding: 8px 8px 6px 40px;
	margin: 0px 0px 1px 0px;
}
#nav-section ul li ul li ul li ul li.hasSub a
{
	background: url("img/icon_menu_active.gif") 30px 1em no-repeat;
}

/* fifth level */
#nav-section ul li ul li ul li ul li ul li a,
#nav-section ul li ul li ul li ul li ul li span,
#nav-section ul li ul li ul li ul li ul li.normal a,
#nav-section ul li ul li ul li ul li ul li.normal span
{
	display: block;
	background: url("img/icon_menu_current.gif") 40px 1em no-repeat;
	padding: 8px 8px 6px 50px;
	margin: 0px 0px 1px 0px;
}
#nav-section ul li ul li ul li ul li ul li.hasSub a
{
	background: url("img/icon_menu_active.gif") 40px 1em no-repeat;
}