/* MENU GENERAL CSS STYLES */
#nav{height: 25px;width: 105%;margin: -18px 5px 0px 0px;background: url(images/menu_bg.png);}
html>body #nav{height: auto;}
/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{content: ".";display: block;height: 0px;clear: both;visibility: hidden;color: #ccc;}
#nav ul{margin: 0px;padding: 0px;list-style: none;z-index: 50;color: #ccc;}
#nav li{float: left;position: relative;color: #ccc;}
#nav :first-letter{color:#fff;font-size: 14px;font-weight: normal;padding-right: 1px;}
#nav a{display: block;padding: 15px 20px 5px 6px; /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */text-align: left;font-family: Verdana, Optima, Helvetica, sans-serif;font-weight: normal;background: none;height: 20px;
color: #ccc;font-size: 10px;padding-left: 20px;}
#nav li:hover ul a, #nav li.sfhover ul a{background: #000;color: #fff;}
#nav #current {background: #666;height: 25px;color: #ccc;	padding-bottom: 0px;}
/* MENUS LEVEL 2 CSS STYLES */
#nav ul ul{position: absolute;top: 100%; left: 0px; /* SET TO TOTAL LINK THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */display: none;width: 144px;}
#nav ul ul li{display: block;width: 144px;position: relative;}
#nav li:hover ul, #nav li.sfhover ul{display: block;width: 100%; background:#none;}
#nav li:hover ul ul, #nav li.sfhover ul ul{display: none;width: 144px;}
#nav ul ul li:hover, #nav ul ul li.sfhover{width: 144px;}
#nav ul ul a{border: none; /* REMOVE BORDERS SET ABOVE */width: 144px;}
/* MENUS LEVEL 3 CSS STYLES */
#nav ul ul ul{display: none;border-left: 1px solid #727272; width: 144px;position: absolute;background: #000;}
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul{display: block; top: -1px;left: 144px; /* SET HORIZ OFFSET */width: 1px;width: 144px;background: #000;}
#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul{display: none;width: 144px;background: #000;}
/* MENUS LEVEL 4 CSS STYLES */
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul{ display: block;width: 144px;}
#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul{
display: none;width: 144px;background: #000;}