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


.indentmenu{
font: bold 10px Arial;
width: 240px; /*leave this value as is in most cases*/
text-align:center;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 475px; 
background: #feffd2;
border-bottom: 1px solid #eae16a;
margin-bottom:10px;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #9a9a9a; /*text color*/
padding: 6px 12px;
text-decoration: none; /*navy divider between menu items*/
background: #eae16a url('../images/shade.png') repeat-x;
}

.indentmenu ul li a:visited{
color: #9a9a9a;
padding: 6px 12px;
background: #eae16a url('../images/shade.png') repeat-x;
}

.indentmenu ul li a.selected{
color: #bd5757 !important;
padding: 6px 12px;
background: #feffd2;
font-weight:bold;
background: #eae16a url('../images/shadeon.png') repeat-x bottom;

}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
float:left;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}