/* 	New drop-down menu    */

#navWrapper
{
    padding-bottom: 0px;
    width:998px; 
    padding-right: 0px;
    height: 30px;
    padding-top: 3px;
    background-color:#b5aca6;
    
}

/* remove the list style */  
#nav 
{  
	margin:0 auto 0 auto; 
	padding:0;
	width:845px;
	list-style:none;
}     
       
/* make the LI display inline */  
/* it's position relative so that position absolute */  
/* can be used in submenu */  
#nav li 
{
	float:left;
	display:block;     
	background:#b5aca6;   
	position:relative;  
	z-index:100; /* make sure its behind minibag (minibag z-index: 500) */  
	margin:0 1px;
	padding: 0 10px 0 10px;
}  
            
/* this is the parent menu */  
#nav li a 
{  
	display:block;   
	padding:5px 5px 0 5px;     
	text-decoration:none;    
	text-align:center;   
	font-family: Arial;
	font-size: 10pt;
	text-transform:uppercase;
	color: #fff;
}  
 
#nav li a:hover 
{  
	color:#e2dfdd;  
}  
       
/* you can make a different style for default selected value */  
#nav a.selected 
{  
	color:#e2dfdd;  
}  
       
/* submenu, it's hidden by default */  
#nav ul 
{  
	position:absolute;   
	left:0;   
	display:none;   
	margin:0 0 0 -1px;   
	padding:0;  
	padding-top: 6px;
	padding-bottom: 6px;
	list-style:none;
	*margin-bottom: 10px;
}  

        
#nav ul li 
{
	background-color:Transparent;
	*background-color:#b5aca6;
}

      
/* display block will make the link fill the whole area of LI */
#nav ul a 
{
	width: 125px; /* 40 less than .dropDown width */
	text-align:left;
	color: #fff;
	text-transform: none;
	
} 

         
#nav ul a:hover {  
	text-decoration:none;
	color: #e2dfdd;
}

.dropDown
{
	width:165px;
	float:left;
	/* take care of opacity on all browsers that support it */
	opacity: .95; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=95); /* IE lt 8 */
	-ms-filter: "alpha(opacity=95)"; /* IE 8 */
	-khtml-opacity: .95; /* Safari 1.x */
	-moz-opacity: .95; /* FF lt 1.5, Netscape */
	background-color: inherit;
}

/* fix ie6 small issue */  
*html #nav ul {  
	margin:0 0 0 -2px;  
}

/*
* See http://positioniseverything.net/easyclearing.html
* for a description of this code.
*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */