/* ------- POSITIE BEPALEN MENU ------- */

div.menu
{
        float: left;
		/*position: relative;
		 top: 0px; */
		margin: 0px auto;
		padding-top: 19px;
		text-align: left;
		width: 600px;;
		z-index: 50;
        border: 0px solid #000000;
		/* height: 45px; */
}

/* ------------------------------------ */


#nav, #nav ul { /* all lists */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	color: #FFFFFF;
	/*line-height: 1;*/
    z-index: 1000;
}
/* FF */
html>body #nav { /* all list items */
	margin: 0 0 0 0;
}

	
#nav a {
	display: block;
	width: 86px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;	
}
#nav a:hover {
	display: block;
	width: 86px;
	line-height: 28px;
	text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #f48c16;
	background-color: #FFFFFF;	
}

#nav div.topmenu_off a{
	display: block;
	width: 86px;
	line-height: 28px;
	text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFFFFF;	
	border-right: 1px solid #ffffff;
}

#nav div.topmenu_off a:hover{
	display: block;
	width: 86px;
	line-height: 28px;
	text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #f48c16;
	background-color: #FFFFFF;	
	border-right: 1px solid #ffffff;
}



#nav div.topmenu_on a, #nav div.topmenu_on a:hover{
	display: block;
	width: 86px;
	line-height: 28px;
	text-align: center;
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	color: #f48c16;
	background-color: #FFFFFF;	
	border-right: 1px solid #ffffff;
}




/* -------------------------------------------------- */


#nav li { /* all list items */
	float: left;
	width: 10px; /* width needed or else Opera goes nuts */
	padding-left : 5px;
	padding-right : 5px;
	padding: 0 0 0 0;
    z-index: 1000;
}
/* FF */
html>body #nav li { /* all list items */
	width: auto;
}

#nav li ul { /* second-level lists */
	width: 160px;
	margin-left: -1px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
}

#nav li ul li { /* second-level lists */
	width: 100%;
	color: #FFFFFF;
	border-top: 1px solid #000000;
}


#nav li ul a{ /* second-level lists */
	/*
	background-image: url(http://www.dedigate.com/gfx/submenu_semitransp.gif);
	background-position: left top; 
	background-repeat: repeat;
	*/
	
	display: block;
	height: 22px;	
	width: 100%;
	line-height: 20px;
	
	padding: 0 0 0 0;
	margin: 0 0 0 0;

	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
		
	border-top: 0px solid #000000;
	white-space: nowrap;
	text-transform: uppercase;

	background-color: #414141;
	filter:alpha(opacity=87);
	-moz-opacity:.87;opacity:.87;

}

#nav li ul a:hover
{ 
	display: block;
	height: 22px;	
	width: 100%;
	line-height: 20px;
	
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #f48c16;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	
	background-color: #161616;
	border-top: 0px solid #000000;
	text-transform: uppercase;	
	filter:alpha(opacity=90);
	-moz-opacity:.90;opacity:.90;
}


/* -------------------------------------------------- */

	
#nav li ul ul { /* third-and-above-level lists */
	margin: -24px 0 0 160px;
	border-top: 1px solid #000000;
}
/* FF */
html>body #nav li ul ul {
	margin: -24px 0 0 160px;	
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}


div.clear {
	clear:both;
}