.tabcontent {
/*	padding:2em; acts little ike cellpadding, so dont touch this */
	clear:both;
/*	background: #F7F7F7   ;   Background color */
	border-top:1px solid #ddd;
/*	border-bottom:5px solid #ddd;
    border-left:1px solid #ddd;
	border-right:5px solid #ddd; */

/*    color:#000000;       font color 
	font-size: 12px;    font size -- does not affect standard view */

  }
#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:15px;
}
#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	margin-bottom:0px;
	text-align: center; /* alignment of text within tabs */
	float:left;
	width:99px; /* width of actual tab */
	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-left:0px solid #ccc; /* border of the inactive tab */
	border-top:0px solid #ccc; /* border of the inactive tab */
	border-bottom:none;
	border-right:0px solid #ccc; /* border of the inactive tab */
	background-image:url(images/icons/p_information2.gif);
	/*background:none;*/
	display:block;
	color:#FFFFFF;
	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{
		background-image:url(images/icons/p_information1.gif);*/
	color:#996600;         /* Font color on tab */
	/*background:#FFFFCC;    Tab Color */
	border-left:0px solid #aaa;
	border-top:0px solid #aaa;
	border-bottom:none;
	border-right:0px solid #aaa;

}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	 background-image:url(images/icons/a_information2.gif);
	color:#996600;      /* Font color on hover */
	/*background: #CCFFFF;*/
	border-left:0px solid #ccc;
	border-top:0px solid #ccc;
	border-bottom:none;
	border-right:0px solid #ccc;
}
