ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*default state for each tab*/

ol#toc li {
    background: #000000 url(images/kla_tabs.jpg);
    float: left;
    margin: 0 3px 0 0; /*right gap between tabs*/
    padding-left: 10px; /*width of left part of tab*/
}

/*Will be drawn over the LI element to form a whole tab*/

ol#toc a {
    background: url(images/kla_tabs.jpg) 100% 0; /*100% to the right, no vertical offset*/
    color: #FFCC00;
		font-size: 14px;
		display: block;
    float: left;
    line-height: 2em;
    padding-right: 10px;
    text-decoration: none;
		outline: none;
}

ol#toc li.navlinkon {
    background-color: #000000;
    background-position: 0 -90px; /*Position of active state of tab*/
}

/*Right hand portion of active tab*/
ol#toc li.navlinkon a {
    background-position: 100% -90px;
    color: #FFFF00;
}

/*Container for Tabbed Nav Bar*/

div.tabbednav {
 position: relative;
 width: 790px;
 margin: 0 auto;
 clear: left;
 padding: 1em; /*Content padding, same as font height*/
}