#navigation { width: 100%; background-color: #25272A; /* Charcoal */ height: 25px; }
#navigation li { float: left; display: block; list-style: none; background-color: #2c2f33; height: 23px; }
#navigation li.on { background-image: url(../images/tab-on.jpg); background-repeat: repeat-x; border: 1px solid #fff; }
#navigation li a { padding:5px 12px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #929395; font-size: 11px; display: block; text-decoration: none; }
#navigation li.on a { color: #242424; }
#navigation li.off { border: 1px solid #2c2f33; }
#navigation li.off:hover { background-color: #343639; }
#navigation li.off:hover a { color: #ebebeb; }

/* Make this containing block relative so that absolute positioning works */
#subnavigation { background-color: White; width: 100%; height: 20px; margin-top:10px; }
#subnavigation ul { background-color: White; width: 100%; height: 20px; }
#subnavigation ul li { float: left; display: block; list-style: none; background-color: White; height: 20px; }
#subnavigation ul li a { padding-right:10px; padding-left:10px; }
#subnavigation ul a { color: #242424; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; text-decoration: none; }
#subnavigation ul li.on { font-weight: bold; }
#subnavigation ul li.off:hover a { background-color: #edf5ff; }
#subnavigation ul li.header a { color: #333333; text-decoration: none; padding-left:0px;}
#subnavigation ul li.header img { vertical-align: bottom; margin-bottom: 1px; }