/* un-beleeted! */

ul#nav{ background:url(../images/menu.png) repeat-x; clear:both; padding: 13px 15px 32px 35px; position: relative; z-index: 999;}
ul#nav li {float: left;}
ul#nav li a{ color: #fff; font-weight: bold; font-size: 13px; margin: 0 10px 0 0; text-decoration: none;}
ul#nav li.last{ }
ul#nav a { display: block; padding-bottom: 20px;}
ul#nav a:hover { }

ul#nav ul{padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #666; }
ul#nav ul li{ clear: both; width: 100%;}
ul#nav ul li a{ font-weight: normal; line-height: 20px; padding-bottom: 2px;}


/* level 2 nav */
ul#nav li:hover ul ul{ display: none;}

/* this stuff makes the dynamic-ness of the drop down happen */
ul#nav ul{ display:none; position:absolute; z-index:500; top:30px; }
*+html ul#nav ul{/*if IE */ margin-left:-110px;}
ul#nav li:hover ul{ display:block;}
ul#nav li:hover ul li:hover ul{ display:block; left:95%; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
ul#nav li:hover ul li:hover ul li a{min-width: 90px;}

/* bottom Nav */
#footer ul{ float: left; margin-left: 40px;}
#footer ul li{line-height: 20px;}
#footer ul li h4{ color: #fff; line-height: 20px; text-decoration: none; font-size: 14px;}
#footer ul li a{ color: #fff; line-height: 20px; text-decoration: none;}
#footer ul li a:hover{ color: #fff; line-height: 20px; text-decoration: underline;}

