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


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

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
}

.indentmenu ul li{
display: inline;
margin:2px;
}

.indentmenu ul li a{
float: left;
color: #9a9a9a; /*text color*/
padding: 3px;
margin: 3px;
text-decoration: none; /*navy divider between menu items*/
border: 1px dotted #DFDFDF;
}

.indentmenu ul li a:visited{
color: #9a9a9a;
padding: 3px;
margin: 3px;
border: 1px dotted #DFDFDF;
}

.indentmenu ul li a.selected{
color: #CC0000 !important;
padding: 3px;
margin: 3px;
background: #FFCFD1;
font-weight:bold;
border: 1px dotted #DFDFDF;

}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 550px;
height:auto;
overflow:hidden;
margin-bottom: 1em;
}

.tabcontent{
display:none;
width: 550px;
padding:5px;
text-align:justify;
}
.tabcontent h3{
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #3d3d3d;
	color:#C78D02;
}
.tabcontent a{
	font-size:12px;
	text-decoration:none;
	color:#C78D02;
}
@media print {
.tabcontent {
display:block !important;
}
}