/* Navigation */ 


/* Homebutton 9*/
#home_leer {
	width: 170px;
	height: 20px;
	background-color:#999;
	float:left;
	border-right: 1px solid #FFF;
}

/* Topnavigation */ /* New styles */	
	/* topnav */		
	#topnav {
		font-weight: bold;
		width:900px;
		clear:both;
		height: 20px;
		background-color:#999;
		margin-bottom:1px;
	}


	#topnav UL {
		COLOR: white;
		list-style: none;
		list-style-type: none;
	}

	UL#menumain {
		display: block;
		list-style-type: none;
		height: 18px;
		float:left;
	}

	UL#menumain LI {
		float: left;
		position: relative;
	}

#topnav UL LI A,UL#menumain LI A,UL#menumain LI A:visited, #topnav UL#menumain li#topnavact A:hover, #topnav UL#menumain li#topnavact A  {
	color: #FFF;
	border-right: 1px solid #FFF;
	display: block;
	font-weight: bold;
	overflow: hidden;
	padding: 2px 7px;
	text-decoration: none;
}

#topnav UL LI A:hover, #topnav LI A:visited:hover, #topnav li#topnavact A:hover { 
	color:#09c;
	background:#FFF;
}

/* topnavact */
li#topnavact {
	color: #FFF;
	display: block;
	font-weight: bold;
	overflow: hidden;
}

#topnav UL#menumain li#topnavact A , #topnav UL#menumain li#topnavact A:hover {
	color:#09c;
	background:#FFF;
}

DIV#topnav UL#menumain {
	display: block;
}

UL#menumain LI UL {
	display: none;
}

/** The crazy IE bug: a common A won't have the correct height ***/
* HTML UL#menumain LI A,* HTML UL#menumain LI A:visited {
	padding:2px 7px 1px;
}

#topnav #home_leer UL LI A {
		border:none;
		padding-left:18px;
}


#topnav ul a:hover {
	color:#7CC35C;
	background-color: #FFF;
}

/*FOR MOZILLA*/
#topnav ul li:hover ul {
	display: block !important;
	position: absolute;
	z-index: 1501;
	font-weight: normal;
	top: 1.5em;
	left: 0;
	width: 14em;
}

#topnav ul li:hover ul li a {
	width: 11.6em;
	font-weight: normal;
	padding: 2px 10px 2px 1.5em;
	border-bottom: 1px solid #CCC;
	display: block;
}

#topnav ul li#topnavact a {
	border: 0;
	color: white;
	display: block;
	font-weight: bold;
	padding: 0pt 0.5em;
	text-decoration: none;
	vertical-align: middle;
}

}

/* End New Styles */
li#topnavact {
	background:#ffcc00;
	color:#FFF;
}

* html #topnavact {
	padding-top: 0;
}

#topnavrest {
	width: 100%;
	height: 18px;
	background-color: #06c;
	border-bottom: 1px solid #FFF;
}

* html #topnavrest {
	position: absolute;
	width: 489px;
	height: 19px;
}

#topnavrest ul {
	float: left;
}

#topnavrest ul li {
	display: inline;
}

#topnav ul li:hover ul li a {
	background:#999 url(../images/arrow.gif) no-repeat 0.5em 0.6em;
	color:#fff;
}
#topnav ul li:hover ul li a:hover {
	background:#FFF url(../images/arrow.gif) no-repeat 0.5em 0.6em;
	color:#09c;
}

/******************************************************/
/********************* IE6 styles *********************/
/******************************************************/

* HTML #topnav table {
	border-collapse:collapse;
	border-spacing:0;
	font-size: 100%;
}

/* ie realy goes crasy here: in case the background-color value is the same as 
defined in :hover, no submenu will be displayed !? */

* HTML #topnav ul li a {
	border-bottom:none;
}

* HTML #topnav ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:1.3em; 
	left:0; 
	padding-top:.2em;
	width:14em;
 }
 
* HTML #topnav ul li a:hover ul li a {
	display:block; 
	width:12em;
	font-weight:normal;
	padding: 2px 10px 2px 1.5em;	
	border-bottom:1px solid #CCC;
	COLOR: #055ca4; 
	BACKGROUND-COLOR: #999;
}

* HTML #topnav ul li a:hover ul li a:hover {
    background:#999 url(../images/arrow.gif) no-repeat 0.5em 0.6em;
}
/******************************************************/



/* Support Navigation */

div#wrapper #snav {
		position:relative;
		height:15px;
		left:0px;
		top:-5px;
		width:258px;	
		text-align: center;
	}

.supportnav {
	font-size: 10px;
	color: #5A5A5A;
	text-decoration: none;
}

.supportnav:hover {
	color: #3C3C3C;
	text-decoration: none;
}

.pipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

/* Leftnavigation */

#navcontainer ul {
	list-style-type: none;
}


#navcontainer a {
	display: block;
	padding: 1px 18px;
	width: 134px;
	color: #06c;
	background-color: #EBF6FA;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

#navcontainer a:hover {
	text-decoration: none;
	background-image: url(../images/leftnav_over.gif);
	background-repeat: no-repeat;
}


#navcontainer ul.sublist a {
	display: block;
	padding: 1px 5px 1px 30px;
	width: 135px;
	color: #06c;
	background-color: #EBF6FA;
	text-decoration: none;
}
#navcontainer ul.sublist ul a {
	padding: 1px 5px 1px 40px;
	width: 125px;
}
* html #navcontainer ul.sublist a.active {
	width: 134px;
}
* html #navcontainer ul.sublist ul a.active {
	width: 124px;
}
#navcontainer ul.sublist a:hover {
	text-decoration: none;
	background-image: url(../images/subleftnav_over.gif);
	background-repeat: no-repeat;
}

#navcontainer a.active {
	color: White;
	background-image: url(../images/leftnav_act.gif);
}

#navcontainer a.active:hover {
	color: White;
	background-image: url(../images/leftnav_act.gif);
	background-repeat: no-repeat;
}

#navcontainer ul.sublist a.active {
	color: White;
	background-image: url(../images/subleftnav_act.gif);
	background-repeat: no-repeat;
	background-color: #1A478A;
}

#navcontainer ul.sublist a.active:hover {
	color: White;
	background-image: url(../images/subleftnav_act.gif);
	background-repeat: no-repeat;
	background-color: #1A478A;
}

/* Sitemap */
UL.sitemap {
	LIST-STYLE-IMAGE: none;
	LIST-STYLE-TYPE: none;
	float: left;
	margin: 0 .5em;
	width: 19.5em;
}

UL.sitemap LI UL {
	LIST-STYLE-IMAGE: none;
	LIST-STYLE-TYPE: none;
}

UL.sitemap LI {
	background-color: #FFF;
	line-height: 1.75em;
}

UL.sitemap LI A {
	color: white;
	font-weight: bold;
}

UL.sitemap LI A.title {
	color: white;
	font-weight: bold;
	padding-left: 1em;
	display:block;
	background:#1A478A;
}

UL.sitemap LI UL LI A {
	color: #06C;
	margin-left: 0px;
	padding-left:0px;
}

UL.sitemap LI UL LI UL LI A {
	font-weight: normal;
	margin-left: 0px;
	padding-left:0px;
}

ul.sitemap LI UL LI {
	padding-left:20px;
}

ul.sitemap LI UL,ul.sitemap LI UL LI {
	background-color: white;
}

.sitemap a:hover {
	text-decoration: none;
}