<div id="navbar">
<ul id="navcatlist">
<li<?php if(is_home() ) { ?> class="current-cat"<?php } ?>><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>"><?php echo $newspaper["home"]; ?></a></li>
<?php wp_list_categories('orderby='.$theme_options["orderBy"].'&order='.$theme_options["order"].'&title_li=&depth=3&exclude='.$theme_options["excludeCategories"]); ?>
</ul><div class="clear"></div>
</div>

#navbar {
background:url(../images/bgMenu.gif);
font:20px impact, "arial black", sans-serif;
border-bottom:3px solid #dcddde;
margin-bottom:15px;
}
ul#navcatlist li {
float: left;
width: auto;
}
ul#navcatlist li a {
display: block;
color:#010d37;
text-transform:uppercase;
padding-top:8px;
padding-bottom:4px;
padding-right:10px;
padding-left:10px;
}
ul#navcatlist li.current-cat a {
color:#cd1713;
}
ul#navcatlist li a:hover {
color:#cd1713;
text-decoration:none;
}
ul#navcatlist li li {
float: left;
width: 160px;
}
ul#navcatlist li li a {
background: #e9e9e9;
float: none;
color:#222;
font:bold 14px arial, verdana, sans-serif;
letter-spacing:-1px;
text-transform:uppercase;
padding: 3px 10px;
border-top: 1px solid #afafaf;
border-right:0;
width: 160px!important;
width:180px;
width/**/:/**/160px;
}
ul#navcatlist li li a:hover, ul#navcatlist li li a:active {
background: #ddd;
color:#000;
text-decoration:none;
}
ul#navcatlist li ul {
position: absolute;
width: 180px;
z-index:999;
left: -999em;
border-bottom:1px solid #afafaf;
}
ul#navcatlist li:hover ul, ul#navcatlist li.sfhover ul {
left: auto;
display:block;
}