#topbar { background: #c00; height: 1.2em; font-size: xx-small;}

#topbar ul {
/*  float: right; */
 display: block;
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: xx-small;
 text-align: right;
}

#topbar li {
 display: inline;
 margin: 0;
 padding: 0;
}

#topbar li a {
 background: #c00;
 padding: 0 20px;
 margin: 0;
 border: none;
 color: #fff;
 border-left: 1px solid;
}

#topbar li.active a { font-weight: bold; }

#topbar li a:hover {
 background-color: #fff !important;
 color: #b00;
}


#topnav {
 clear: both;
 float: left;
 margin: 0;
 padding: 0;
/*  border-top: 1px solid #600; */
/*  width: 750px; */
 width: 100%;
 background: #fff url(/gfx/whtgrad.png) repeat-x;
}

#topnav ul { 
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#topnav li {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
}

#topnav li.active { 
 color: #fb0;
 font-weight: bold;
}

#topnav a { 
 float: left;
 display: block;
 padding: 4px 15px;
 margin: 0;
 color: #555;
 text-decoration: none;
 font-size: 13px;
 letter-spacing: -1px;
 border-bottom: none;
 border-right: 1px solid #ddd;
}

/* #topnav li.trac { */
/*  background: #fb2 url(/gfx/ylwgrad.png) repeat-x; */
/* } */

#topnav a.trac { color: #800;}

#topnav a.blog { color: #760;}

#topnav li.active a { 
 color: #eee;
 background: #000 url(/gfx/blkgrad.png) repeat-x;
}

#topnav li a:hover { 
 color: #eee;
 background: #999;
}

#topnav li.active a:hover { color: #eee; }

/*  background: #000 url(/gfx/grate.png) top right no-repeat; */
/*  border-top: 1px solid #000; */
/*  border-bottom: 1px solid #000; */

#crumbs {
 clear: both;
 font-size: x-small;
 background: #ffe;
 color: #999;
}

#crumbs ul {
 display: block;
 margin: 0;
 padding: 3px 1.2em; 
 list-style-type: none;
/*  background: #fffff7; */
 border-bottom: 1px solid #eed;
}

#crumbs li {
 display: inline;
 margin: 0 .2em;
 padding: 0;
}

#crumbs li.active { font-weight: bold; }

#crumbs :link, #crumbs :visited {
 color: #998;
 text-decoration: none;
 border-bottom: none;
/*  display: block; */
/*  float: left; */
}

#crumbs :link:hover, #crumbs :visited:hover {
 color: #b00;
 background: inherit;
 border-bottom: 1px solid;
}

#crumbs .active { font-weight: bold; }