
#topnav ul { margin:0; padding:0; list-style-type:none;}
#topnav ul li { width:100px; height: 30px; float: left; display:inline; padding :0px; font-size: 11px; color: white; position:relative; margin: 0px; background: url(../images/navi-tab-white.png) no-repeat; }
#topnav ul li a { display:block; height:30px; width:100px; background: url(../images/navi-tab-red.png); color: #ffffff; padding: 8px; font-weight: bold; }
#topnav ul li a:hover,#topnav li.current a { background: url(../images/navi-tab-white.png); color:red } /* hide anchor on hover (and set current tab)*/


#sidenav ul { width: 200px; margin: 0 0px 10px 0px; padding: 0 10px;}
#sidenav ul li { width: 100px; list-style: none; background-color: #fff; text-align: left; padding: 3px;}
#sidenav ul li a { width:100px; color: #ffffff; text-decoration:none;  padding: 5px; font-weight: normal; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#sidenav ul li a:link, #sidenav ul li a:visited { color: black; background-color: inherit; display: block; text-decoration: none; }
#sidenav ul li a:hover, #sidenav ul li a:active { font-weight:bold; color:#ffffff; background-color: #e30000; }

