.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
border-left:0 solid #564c66; border-right:0 solid #564c66; border-top:1px solid #564c66; border-bottom:1px solid #564c66; margin:0; padding:0; float: left;
width: 100%; /*width of menu*/
/*dark purple border*/
background: black url('indentbg.gif') repeat-x center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url('indentbg2.gif') repeat-x center;
}

.class1 A:link {text-decoration: none}
.class1 A:visited {text-decoration: none}
.class1 A:active {text-decoration: none}
.class1 A:hover {text-decoration: underline; color: blue;}

.class2 A:link {text-decoration: none; color: black;}
.class2 A:visited {text-decoration: none; color: black;}
.class2 A:active {text-decoration: none}
.class2 A:hover {text-decoration: underline; color: black;}

.class3 A:link {text-decoration: none; color: #04A654;}
.class3 A:visited {text-decoration: none; color: #04A654;}
.class3 A:active {text-decoration: none}
.class3 A:hover {text-decoration: underline; color: #04A654;}

.class4 A:link {text-decoration: none; color: #04A654;}
.class4 A:visited {text-decoration: none; color: #04A654;}
.class4 A:active {text-decoration: none}
.class4 A:hover {text-decoration: underline; color: #04A654;}
.class4 { font-size: 12px; }
.class4 {font-family: "Tahoma";}