#nav { height: 47px;}
#nav li { margin: 0px; float: left; position: relative; list-style: none; background: url(../Images/menuMid.png) no-repeat right top;} 
#nav li:last-child { background: none !important;}
#nav li.last-child { background: none !important;}
#nav li a.first-child { padding-left: 10px !important;}

#nav a { display: block; width: auto; padding: 0px 15px; text-align: center; line-height: 47px; color: #e0f7fd; font-weight: normal;}
#nav a:hover, #nav a:focus, #nav a:active, #nav a:link {text-decoration:none;}
#nav a:visited {text-decoration:none}
#nav li li {border:0 none; font-weight:normal; z-index:20} 
#nav li li a {width: 180px !important; min-width: 180px; padding:0 0.5em 0px; display: block; line-height: 32px;} 
#nav ul > li {display:block; float:none} 
#nav ul {position:absolute; left:-9999px; top:100%; width:12em; padding:0; background: #000; z-index: 999;}
#nav li > ul  {top:auto; width:auto}

#nav li.sfhover ul,
#nav li a:active ul,
#nav li.sffocusparent ul,
#nav li a.sffocus ul {left:0}

#nav li:hover > ul,
#nav li.sfhover > ul,
#nav li.sffocusparent > ul,
#nav li a:active > ul,
#nav li a:focus + ul,
#nav li a.sffocus + ul {left:auto}

#nav li:hover ul ul,
#nav li:active ul ul,
#nav a:focus ul ul,
#nav li.sfhover ul ul,
#nav a.sffocus ul ul,
#nav li.sffocusparent ul ul,
#nav li.sffocus ul ul {left:-9999px}

#nav ul li a:hover ul, #nav ul li.sfhover ul,
#nav ul li a:active ul,
#nav ul li.sffocusparent ul,
#nav ul li.sffocus ul {margin-left:223px; top:-1px; left:0px}

#nav ul li:hover > ul,
#nav ul li.sfhover > ul,
#nav li li a.sffocus + ul,
#nav li li.sffocus > ul {margin-left:223px; top:-1px; left:0px}

#nav.jsoff li li a:focus, #nav.jsoff li li a:active { position:relative; left:9999px; top:-1px;	z-index:21;}
#nav.jsoff li li li a:focus, #nav.jsoff li li li a:active { left:19999px; margin-left:15.01em;	top:-2.9em;}

#nav.jsoff li:hover li a:focus, #nav.jsoff li:hover li a:active { position:relative; left:auto; top:-1px; margin-left:0}
#nav.jsoff li:hover a:focus + ul { margin-left:0px;}
#nav.jsoff li li a:focus + ul { top:-1px; left:12em; margin-left:10000px;}
#nav.jsoff li:hover li a:focus + ul { left:223px; margin-left:1px;}

#nav li a.child { background: url(../Images/down.gif) no-repeat 90% 50%; padding-right: 34px;}
#nav li a.child:hover, #nav li a.child:focus, #nav li a.child:active  { background: #79b8fe url(../Images/down.gif) no-repeat 90% 50%;}
#nav ul li a.child {background: url(../Images/right.gif)}

#nav li a:link, #nav li a:visited, #nav li a:focus  {background-color:transparent;}
#nav li a.sffocus, #nav li a.hover { background: #000;}
#nav li a.child:hover, #nav li:hover a.child, #nav li a.child:focus, #nav li a.child:active, 
#nav li.sfhover a.child, #nav li.sffocusparent a.child {background: #000 url(../Images/down.gif) no-repeat 90% 50%; color: #FFF;}
#nav li a:hover, #nav li:hover a, #nav li a:focus, #nav li a:active, 
#nav li.sfhover a, #nav li a.sffocus, #nav li.sffocusparent a {color: #FFF; background: #000;}
#nav li li a:link, #nav li li a:visited  { color: #c4c4c4; border: none; border-bottom: 1px solid #555555; padding: 0px 0px 0px 12px !important; text-align: left; font-weight: normal;}
#nav ul li a:hover, #nav ul li:hover a, #nav ul li a:focus, #nav ul li a:active, 
#nav ul li.sfhover a, #nav ul li a.sffocus, #nav ul li.sffocusparent a {color: #FFF !important; height: auto; background: #2a2a2a;}
#nav li li li a:link, #nav li li li a:visited  {background-color:transparent}
#nav li li li a:hover, #nav li li li:hover a, #nav li li li a:focus, #nav li li li a:active, 
#nav li li li.sfhover a, #nav li li li a.sffocus, #nav li li li.sffocusparent a {background:#79b8fe}
#nav:after { content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
#nav { display: inline-block;} 
html[xmlns] #nav { display: block;}
 
* html #nav { height: 1%;}