/* NAVIGATION Menu */

div#navigation {
 position: relative;
 margin-top: 5px;
 margin-left: 5px;
 padding: 2px 0 6px 0;
 background: transparent;
 height: 12px;
 z-index: 50;
}


#nav, #nav ul {
 float: left;
 width: 100%;
 list-style: none;
 line-height: 1;
 background: transparent;
 padding: 0;
 margin: 0;
 }

#nav a {
 display: block;
 width: auto;
 color: #fff;
 text-decoration: none;
 padding: 0.15em 1.2em;
 font: 0.90em arial,verdana,helvetica,sans-serif;
 }

#nav li a:hover {
 color: #EEC9B0;
 }

#nav li {
 float: left;
 padding: 0;
 /*width: 5em;*/
 }

#nav li ul {
 position: absolute;
 left: -999em;
 /*height: auto;*/
 width: 5em;
 /*font-weight: normal;*/
 border-width: 0.25em;
 margin: 0;
 }

#nav li li {
 padding-right: 0.25em;
 width: 5em;
 }

#nav li ul a {
 display: block;
background: #B9472B;
 width: 10em;
 color: #fff;
 text-decoration: none;
 padding: 0.50em 1em;
 font: bold 0.75em arial,verdana,helvetica,sans-serif;
/* border-right: none;*/
border-top: dotted 1px #DEDACC;
border-left: solid 1px #DEDACC;
 }
 
#nav>ul a{/*ie hack for width*/
 width: auto;
 }


#nav li li a:hover {
 color: #EEC9B0;
 position: static;/*make not sticky in IE 7.0*/
 }

#nav li ul ul {
 margin: -1.75em 0 0 8em;
 }

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

#nav li:hover, #nav li.sfhover {
color: #EEC9B0;
}