/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{ text-align: center; left: 12px; overflow: hidden; width: auto; z-index: 400; margin: 0 0 0 50px; padding: 0; list-style-type: none; }

.tabsmenuclass li{ z-index: 400; float: left; }

.tabsmenuclass a{ display: block; background: gray; color: white; font: bold 12px "trebuchet ms"; margin-right: 1px; text-decoration: none; text-align: center; z-index: 400; margin-top: 2px; padding: 2px 7px; }

.tabsmenuclass a:hover, .tabsmenuclass a.selected{ background: #6f3; color: white; font-family: "trebuchet ms"; }

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{ clear: left; background: #e8e8e8; width: 100%; height: 15px; z-index: 400; padding: 5px; border: solid 1px silver; }

.tabsmenucontentclass ul{ z-index: 400; margin: 0; padding: 0; list-style-type: none; }

.tabsmenucontentclass li{ z-index: 400; float: left; margin-right: 1em; }