<style type="text/css">

/*- Menu --------------------------- */
    #tabsmenu {	 	
      margin:0;
	  padding:0px;
	  font: bold 12px arial;
	  color:#000000;	  
      }
    #tabsmenu ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
      }
    #tabsmenu li {
      display:inline;
      margin:10px;;
      padding:0;	  
      }
    #tabsmenu a {
      float:left;
      background:url("../images/menu_1_01.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabsmenu a span {
      float:left;
      display:block;
      background:url("../images/menu_1_02.gif") no-repeat right top;
      padding:10px 15px 9px 10px;
      color: #FFFFFF;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsmenu a span {float:none;}
    /* End IE5-Mac hack */
    #tabsmenu a:hover span {
      color:#000;
      }
    #tabsmenu a:hover {
      background-position:0% -40px;
      }
    #tabsmenu a:hover span {
      background-position:100% -40px;
      } 
	   
    #tabsmenu a.on {
      float:left;
      background:url("../images/menu_2_01.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsmenu a.on span {
      float:left;
      display:block;
      background:url("../images/menu_2_02.gif") no-repeat right top;
      padding:10px 15px 9px 12px;
      color: #000000;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsmenu a.on span {float:none;}
    /* End IE5-Mac hack */
    #tabsmenu a.on:hover span {
      color:#000;
      }
    #tabsmenu a.on:hover {
      background-position:0% 0px;
      }
    #tabsmenu a.on:hover span {
      background-position:100% 0px;
      } 
	  

/*- kategori --------------------------- */
.kategori {width:200px;}
.kategori ul {list-style:none; margin:0px; padding:0px; }
.kategori ul li { font: bold 12px arial; color:#333333; border-bottom:1px dashed #CCCCCC;}
.kategori ul li a { font: normal 12px arial; color:#333333;  text-decoration:none; display:block; padding:5px;}
.kategori ul li a:hover { font: bold 12px arial; color:#333333; text-decoration:none; background: #E9E9E9; }


.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url(roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 4px 0 0;
padding: 0 0 2px 4px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.alt a{
background-color: #910000;
}

.alt a:hover, .alt li.selected a{
background-color: #660000;
}

.altdivider{
background: #910000;
}

.alt2 a{
background-color: #42760E;
letter-spacing:.5px;
}

.alt2 a:hover, .alt2 li.selected a{
background-color: #36610C;
}

.altdivider2{
background: #42760E;
}

</style>
