/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


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

.indentmenu ul{
margin: 0;
float: right;
/* width: 80%; width of menu*/
/*darkred border*/
border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; background-color:#000000; background-image:url('shade.gif'); border-right-style:solid; color:#000000 
}

.indentmenu ul li{
display: inline; border-right-width:5px; border-top-width:1px; border-left-style:solid; border-left-width:1px
}

.indentmenu ul li a{
border-left:1px solid #000000; float: left;
color: #FFFFFF; /*text color*/
text-decoration: none;
padding-left:11px; padding-right:11px; padding-top:5px; padding-bottom:5px; border-right-width:1px; border-top-width:5px; 
}


.indentmenu ul li a.selected{
color: #E1EFFF !important;
padding-top: 5px; /*shift text down 1px*/
padding-bottom: 5px;
background: #000000 url('shadeactive1.gif')
}
.indentmenu ul li a:hover { border-left:1px solid #000000; text-decoration: underline; color: #ECF5FF; background-color: #000000; 
               background-image: url('shadeactive.gif');  }
               
               
.indentmenu ul li a:hover.selected { border-left:1px solid #000000; text-decoration: underline; color: #CEEDFF; background-color: #000000; 
                }