div.tabcontent {
	padding:2em;
	clear:both;
	background:#fff;
    color:#000;
	font-size: 12px;
	border:1px solid #ccc;
}

#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#mainnavtabbed1 li{
	margin-left:5px; /* distance between tabs */
	margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
	width:6em; /* width of actual tab */
	border:1px;
	margin-bottom:0px;
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	padding:3px; /* padding around the text within the tabs */
	border:1px solid #ccc;
	background:#666;
	display:block;
	color:#fff;
	text-decoration:none;
	font: 13px Arial, Helvetica, sans-serif;
}

/* the folowing section deals with the tabbed button when active */
#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
color: white;        /* Font color on tab */
background:#184879 url(../images/infobox/infoBoxHeading1.jpg);
background-repeat:repeat-x; 
/*	background: #999;   /* Tab Color */
border:1px solid #ccc;
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
color:#fff;      /* Font color on hover */
background:#333;
}

TD.domtab, P.domtab, TABLE.domtab {
  background: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

H3.tabtitle { 
color:#666;
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
border-bottom: 1px dashed #999999;
}