#topnav
{ height:20px; width:auto; background-color:#DDDBCA; }

#toptabs
{ margin-left:200px; height:20px; width:560px; background-color:#DDDBCA; }

#toptabs .off, .on
{ margin-right:2px; margin-top:2px; height:18px; vertical-align:bottom; padding-left:10px; float:left; cursor:hand;}

#toptabs .off
{ background: url("../gfx/tabs/tabOffLeft.gif") left top no-repeat; }

#toptabs .on
{ background: #FFFFFF url("../gfx/tabs/tabOnLeft.gif") left top no-repeat; }

#toptabs .off div
{ background: url("../gfx/tabs/tabOffRight.gif") right top no-repeat; padding-right:10px; float:left; padding-top:2px; color:#FFFFFF; }

#toptabs .on div
{ background: #FFFFFF url("../gfx/tabs/tabOnRight.gif") right top no-repeat; padding-right:10px; float:left; padding-top:2px; color:#000000; }

#toptabs .off a, #toptabs .off a:hover, #toptabs .off a:visited
{ text-decoration:none; color:#FFFFFF; }

#toptabs .on a, #toptabs .on a:hover, #toptabs .on a:visited
{ text-decoration:none; color:#000000; }