@charset "utf-8";
/* CSS Document */

#nav {
	padding:0;
	margin:0 10px;
	height:41px;
	background:url(../imgs/menu-bg.jpg) repeat-x left center;
	border-bottom: 4px solid #CCCCCC;
}
#navbar {
   margin: 0;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; 
   	background:url(../imgs/nav-li-bg.png) no-repeat right center;
}   
#navbar li a {
    color: #F5F5F5;
    display: block;
    font-size: 12px;
	font-weight:bold;
	padding:13px 19px;
    text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navbar li a:hover {
	color:#ccc;
}
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #F6D86A;
	box-shadow:0 2px 3px #999;
	z-index:999;
   }
#navbar li ul li { background:none; }

#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding:0;
   background: #000; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */
	border:1px solid #000;
	

   }
#navbar li:hover li, #navbar li.hover li {
   float: none;
   border-right:none;}
#navbar li:hover li a, #navbar li.hover li a {
	color: #fff;
   border-right:none;
   border-top: 1px dotted #444;
   padding:10px 15px;
   font-size:12px;
   text-shadow:0px 1px 1px #444;
   }
#navbar li li a:hover {
   background-color: #543C13; }