/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */

.indentmenu{
font: bold 12px Arial;
width: 20%; /*leave this value as is in most cases*/
float:left;
}

.indentmenu ul{
margin: 0px;
padding: 0px;
/* width: 80%; width of menu
border-top: 1px solid navy; /*navy border*/
background: url(../img/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
width: 100%;
float: left;
text-align: left;
}

.indentmenu ul li a {
float: left;
padding: 5px 11px;
width:100%;
color: #333333;
text-decoration: none;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../img/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
text-align:left;
font-size:12px;
}

@media print {
.tabcontent {
display:block !important;
}
}
