﻿#nav{
	float: left;
	background-position: left bottom;
	padding-top: 240px;
	position: absolute;
	z-index: 100;
	float: left;
	list-style: none;
	line-height: 1;
	height: 35px;
	font-size: 9pt;
	font-family: verdana;
	width: 1000px;
	background-image: url('../../multimedia/pictures/template/template/nav.png');
	background-repeat:no-repeat;
	margin:0px;
	padding-left:27px;
}

/*************************************************************************************************************************
	FIRST LEVEL : This is the horizontal menu displayed
**************************************************************************************************************************/

#nav li {
	float: left;
	padding: 0;
	display: inline;
	margin:0px;
}
#nav  li p {
	margin:0px;
}
#nav li p a {
	text-decoration:none;
	display: block;
	color: #1d1f1c;
	font-size:9pt;
	padding:12px;
	margin:0px;
}


/*************************************************************************************************************************
	SECOND LEVEL : First drop down
**************************************************************************************************************************/

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	background-color:#796d5d;
	width:180px;
	float:left;
	padding:0px;
	margin:0px;

}
#nav li ul li {
	background-position: 10px 10px;
	border: none;
	background-color: #796d5d;
	width: 180px;
	left: -999em;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../../multimedia/pictures/template/template/bullet.png');
	background-repeat: no-repeat;
}
#nav li ul li a {
	font-size:8pt;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding: 5px 15px 4px 20px;
	float:left;
}



/*************************************************************************************************************************
	THIRD LEVEL : The second drop down coming on the side
**************************************************************************************************************************/
#nav ul ul {
	margin: -20px 0 0 178px;
	z-index:100;
	border:none;
	border-top:1px white solid;
	border-left:1px white solid;
}

#nav ul ul li {
	width: 180px;
	z-index: 100;
	border:none;
	background-color:#b09fbd;
	border-bottom:1px white dotted;
}

#nav ul ul li a {
	display: block;
	width: 140px;
	color:#ffffff;
	font-size:8pt;
}











/*************************************************************************************************************************
	HOVERING : The ultimate effect when moving mouse over the menus
**************************************************************************************************************************/

#nav a:hover {
	color:#ffffff;
}
#nav li:hover, #nav li.sfhover {
	/*background-image:url('../../images/top.nav.hover.png')*/
	background-color:#796e5c;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


#nav li li:hover, #nav li li.sfhover, #nav li li a:hover {
	color:#473c2a;
}

#nav li li li:hover, #nav li li li.sfhover, #nav li li li a:hover {
	color:#ffffff;
	background-image: none;
	font-weight:bold;
}

#nav li a:hover li ul {
	display:none;
}
.newStyle15 {
	clear: both;
	text-align: right;
}

#nav li:hover, #menu li.hover {
    position: static;
}

