#top-nav
{
   background:url(../images/navi_bkgr.png) no-repeat center top;
   height:1%;
   width:971px;
   margin:0 auto;
}

#top-nav, #top-nav a
{
   color: #fff;
   text-decoration:none;
   color: #8d0925;
}

.clear
{
   clear:both;
}

#nav, #nav ul 
{
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;
   font: small Arial, Helvetica, sans-serif;
   margin:0 auto;
}

#nav a 
{
   display: block;
   padding: 7px 3px 6px 3px;
}

#nav a:hover
{
   color: #f6e0a2;
   background: #b53646;
}

#nav li:hover, #nav li:hover a
{
   color: #f6e0a2;
   background: #b53646;
}

#nav li 
{
   float: left;   
   margin:0 15px;
}

#nav li ul
{
   position: absolute;
   width: 11em;
   left: -999em;
   filter:alpha(opacity = 80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}

#nav li ul li 
{
   float:none;
   margin:0 0 -3px 0;
   height:1%;
}

#nav li ul li a 
{
   padding:6px 10px 8px 10px;
   color: #f6e0a2;
   background: #b53646;
}

#nav li ul li a:hover
{
   color: #f6e0a2;
   background:#a50a1d;
   filter:alpha(opacity=100) !important;
   -moz-opacity: 1 !important;
   -khtml-opacity: 1 !important;
   opacity: 1 !important;
}

#nav li ul ul 
{
   margin: -1em 0 0 10em;
}

#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;
}