/* The element that contains your links */
#nav {background-image: url(../images/hd_menu.jpg); background-repeat: repeat-x; height: 32px; border: 0px; margin: 0px; padding: 0px; font-weight: bold; z-index:1;}  

/* If you make the main links vertical, it's best to supply a static width */
#nav  ul { margin: 0px; padding: 0px;}

/* Comment out float:left; to make the main links vertical */
#nav  ul li {left: 0px; top: 32px; width: 220px;  /* */}

/* Level 2 Positioning */
#nav  ul li ul {left: 0px; top: 32px; width: 220px;	background-color: #9e92bd;     /* top:0px; left:70px; */}


/* Level 1 Link Style */
#nav  ul li a  {
	font-family: arial; 
	font-size: 13px; 
	text-align: left; 
	padding:10px 0px 10px 20px; 
	color: #000; 
	background-color: #9e92bd; 
	text-decoration: none; 
	background-image: url(../images/arrows.gif); 
	background-repeat: no-repeat; 
    background-position: 5px 10px;
    float: left;}
    
#nav  ul li a:hover {
	text-decoration: underline; 
    background-color: #d1cadf;
                     }   

/* Level 2 Link Style */

.list_01 a{border-bottom: 1px dotted black; 	background-color: #9e92bd;   width: 210px;}
.list_02 a{border-bottom: 1px dotted black; 	background-color: #9e92bd; width: 322px;}
.list_03 a{border-bottom: 1px dotted black;	background-color: #9e92bd;  width: 180px;} 
        
                         


/* Function - Do not change */
#navi  ul {list-style: none;}
#navi  ul li {position: relative;}
#navi  ul li ul {position: absolute; display: none; z-index:7;}
#navi  ul li:hover ul, #navi ul li.over ul {display: block;}
#navi  ul li ul li {     background-color: #9e92bd; }
#navi  ul li ul li ul {  }
#navi  ul li:hover ul li ul, #navi ul li.over ul li ul {display: none;}
#navi ul li:hover ul li ul a, #navi ul li.over ul li ul a {display: none;}
#navi  ul li:hover ul li:hover ul, #navi ul li.over ul li.over ul {display: block;}
#navi  ul li:hover ul li:hover ul a, #navi ul li.over ul li.over ul a {display: block;}
#navi  ul li ul li ul li {  }

/* Fix IE. Hide from IE Mac \*/
* html #navi  ul li a {height: 1%;}
/* End */


#nav, #nav ul {
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	
}


#nav li ul {
	position: absolute;
	width: 220px;
	left: -999em;
	display: block;
	
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav > a { float: left;}