ul.tabs a:link, ul.tabs a:visited, ul.tabs a:active 
  { text-decoration:none; color:#cc6600; }
ul.tabs a:hover { text-decoration:underline; color:black; } 
ul.tabs a { display:block; }


ul.tabs { float:left; width:100%; padding:0; margin:0;
  border-bottom:1px solid gray; margin-bottom:5px; }
  
ul.tabs li {float:left; width:20%; list-style-type:none; }

ul.tabs *.tab-label { border:1px solid gray; margin:0; cursor:pointer;
  padding-bottom:2px; padding-top:2px;
  background:#dddddd url("../media/hide.jpg") repeat-x left bottom;
  font-weight:normal; text-align:center; font-size:1em; }
  
ul.tabs li.selected *.tab-label { position:relative; border-bottom:none;
top:1px; padding-bottom:4px;
padding-top:5px; border-top:2px solid gray; margin-top:-5px;
background:white url("../media/g2.jpg") repeat-x left top; font-weight:bold; }

#main { border:1px solid gray; border-top:none; }

/***************************************/

*.menu li   { margin:0; padding:2px 25px; list-style-type:none; color:black; }
*.menu li img       { margin-left:-22px; padding-right:5px; }
*.menu li.separator { margin-top:5px; border-top:1px solid gray; padding-top:5px; }
*.menu li.flyout-trigger { background:url("media/flyout1.gif") no-repeat right center; }


*.menu h3.hover      { background:url("g2.jpg") repeat-x left top white; }
*.menu li.hover      { background-color:#99FF99; color:white; }

*.menu ul.dropdown   { top:100%;  clear:left; }
*.menu ul.submenu    { left:100%; margin-top:-1.5em; margin-left:-0.3em; }

*.menu *.hidden      { left:-99999px; top:-99999px; }

*.menu h3,*.menu ul { border-left:1px dashed white; border-right:1px dashed white; 
                      border-top:1px solid gray; border-bottom:1px solid gray; }


/* Essential styles that do not work properly in Internet Explorer 6. */
*.menu li.flyout-trigger.hover 
            { background:url("media/flyout2.gif") no-repeat right center #99FF99; }

*.menu li.hover > a  { color:white; }