/* Navigation */

/* Homebutton */

* {
	padding: 0px;
	margin:0px;
}

#topnav {
		font-weight: bold;
		width:996px;
		clear:both;
		height: 18px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		left: 0px; 
		position: absolute; 
		top: 69px; 
		background-color:rgb(051, 153, 051);
		border-top:1px solid white;
		z-index:160;
		line-height:16px;
}	

#home_leer {
	 height: 18px;
	 border-right: 1px solid #FFF;
	 float:left;
	 width:170px;
	 background-color: #393;
}

	#topnav UL {
		COLOR: white;
		list-style: none;
		list-style-type: none;
	}
	
	#topnav UL LI {
 		margin:0px;
	}

	UL#menumain {
		display: block;
		list-style-type: none;
		height: 18px;
		float:left;
	}

		#topnav UL#menumain LI {
		float: left;
		position: relative;
		margin:0px;
	}

#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 0px 7px;
	text-decoration: none;
}

#topnav UL LI A:hover, #topnav LI A:visited:hover, #topnav li#topnavact A:hover { 
	color:rgb(051, 153, 051);
	background-color:rgb(204, 250, 204);	
}

/* 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:#FFF;
	background-color:rgb(0, 204, 0);
}

DIV#topnav UL#menumain {
	display: block;
}

UL#menumain LI UL {
	display: none;
}

#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: -1px;
	width: 14em;
	border-right:none;
}

#topnav ul li:hover ul li a {
	width: 11.6em;
	font-weight: normal;
	border-top: 1px solid #FFF;
	display: block;
	padding-left: 20px;
}

#topnav ul li#topnavact a {
	border: 0;
	color: white;
	display: block;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

/* End New Styles */
li#topnavact {
	background:#ffcc00;
	color:#FFF;
}

#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 {
	COLOR:#666; 
	BACKGROUND-COLOR:#CFC;
}
#topnav ul li:hover ul li a:hover {
	background:#CFC url(../images/arrow.gif) no-repeat 0.5em 0.6em;
}

/******************************************************/
/********************* 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, * HTML #topnav ul li a:visited, * HTML #topnav ul li a:hover, * HTML #topnav ul li a:visited:hover {
	border-bottom:none;
	padding-bottom:0px;
	padding-top:1px;	
}

/** The crazy IE bug: a common A won't have the correct height ***/
* HTML #topnav UL#menumain li#topnavact A:hover, * HTML #topnav UL#menumain li#topnavact A, * HTML #topnav DIV#home_leer UL li A:hover {
	padding-top:1px;
	padding-bottom:1px;	
}

* HTML #topnav ul li a:hover ul {
	display:block; 
	position:absolute; 
	top:1.3em; 
	left:-1px; 
	padding-top:.2em;
	width:14em;
	border-right:none;
 }
 
* HTML #topnav ul li a:hover ul li a {
	display:block; 
	width:12em;
	font-weight:normal;
	border-top:1px solid #FFF;
	COLOR:#666; 
	BACKGROUND-COLOR:#CFC;
	padding-top:1px;
	padding-bottom:1px;	
	padding-left: 20px;
}

* HTML #topnav ul li a:hover ul li a:hover {
    background:#CFC url(../images/arrow.gif) no-repeat 0.5em 0.6em;
}


/******************************************************/



/* Support Navigation */

#snav {
	left:665px;
	position:absolute;
	text-align:left;
	top:53px;
	width:227px;
}

* html #snav {
	top:52px;
}
.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 {
	width: 170px;
}
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li {
	margin: 0;
}

#navcontainer a {
	display: block;
	padding: 1px 18px;
	width: 134px;
	color: #393;
	background-color: #DAF0DA;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

#navcontainer a:hover {
	text-decoration: none;
	background-image: url(../images/leftnav_over.gif);
	background-repeat: no-repeat;
}
#navcontainer ul ul li {
	margin: 0;
}

#navcontainer ul.sublist a {
	background-color: #EAFFBC;
	border-bottom: 1px solid #7AAE00;
	display: block;
	padding: 1px 5px 1px 30px;
	width: 135px;
	color: #7AAE00;
	text-decoration: none;
}

#navcontainer ul.sublist a:hover {
	text-decoration: none;
	background-image: url(../images/subleftnav_over.gif);
	background-repeat: no-repeat;
}
#navcontainer a.active {
	color: #fff;
	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:#5B9D30;
	border-bottom:1px solid #FFF;
}

#navcontainer ul.sublist ul.sublist2 a {
	padding-left:40px;
	width:125px;
}

#navcontainer ul.sublist ul.sublist2 a.active {
	color: White;
	background:#5B9D30 url(../images/arrow_white.gif) no-repeat 1.5em 0.1em;
}

#navcontainer ul.sublist UL.sublist2 a:hover {
	color:#7AAE00;
	background:#EAFFBC url(../images/arrow_over.gif) no-repeat 1.5em 0.1em;
	border-bottom: 1px solid #7AAE00;
}

#navcontainer ul.sublist a.active:hover {
	color: White;
	background-image: url(../images/subleftnav_act.gif);
	background-repeat: no-repeat;
	background-color:#5B9D30;
}

/* 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;
	padding:0px;
}

UL.sitemap LI {
	background-color:#393;
}

UL.sitemap LI A{
	color:white;
	font-weight: bold;
	margin-left:1em;
} 

UL.sitemap LI UL LI A{
	color:#393;
	margin-left:2.18em;
} 
UL.sitemap LI UL LI UL LI A{
	font-weight: normal;
	margin-left:3.37em;
} 


ul.sitemap LI UL, ul.sitemap LI UL LI {
	background-color:white;
	margin:0px;
}

.sitemap a:hover {
	text-decoration:none;
}

a.blockLink {
	display:block;
	text-align:left;
	margin:3px;
}