@charset "utf-8";
/* CSS Document */
#nav{
  /*position: absolute; 
   bottom: 0px;
   right: 0;*/
   z-index: 999;
   list-style: none;
   float:right;
   margin:0 57px 0 0;
   padding:0;
}

#nav li{
   float: left;
   margin-right: 3px;
   background: url(/asset/images/bg_nav_li.gif) no-repeat right top;
   font-size: 10px;
   text-transform: capitalize;
   position:relative;
}

#nav li.current{
   background-position: right bottom;
}

#nav li a{
   float: left;
   display: block;
   line-height:22px;
   padding: 0px 10px;
   background: url(/asset/images/bg_nav_li_a.gif) no-repeat left top;
   color:#FFF;
   text-decoration: none;
   text-transform:uppercase;
}

#nav li.current a{
   background-position: left bottom;
   color:#3A6C34;
}

#nav li:hover,
#nav li.sfhover{
   background-position: right -23px;
}

#nav li.current:hover,
#nav li.sfhover.current{
   background-position: right bottom;
}

#nav li:hover a,
#nav li.sfhover a{
   background-position: left -23px;
   color: #3A6C34;
}

#nav li.current:hover a,
#nav li.sfhover.current a{
   background-position: left bottom;
}

#nav li ul {
    width: 190px;
    position: absolute;
    left: -999em;
    margin:22px 0 0 0;
    padding:0;
    background-color: #3C6D35;
    border: 1px solid #3D6C38;
	border-top:1px solid #3D6C38;
	border-bottom:none;
	list-style-type:none;
}

#nav li ul li {
    margin:0;
    padding:0;
    width: 190px;
    border-bottom: 1px solid #9D9EA0;
	background:none;
	color:#FFF;
}

#nav li ul li a {
    margin:0;
    padding:0 5px;
	width: 180px;
	color:#FFF;
    font-size: 10px;
	background:none;
	text-transform:capitalize;
}

#nav li ul li a:hover {
	background-image:none;
    background-color:#FFF;
	color:#3C6D35;
}

#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: 0;
}
#nav li:hover li a,
#nav li.sfhover li a{
   color: #FFF;
}