.tabcontent {
	clear:both;
	background: #F5F1E4 ;  /* Background color */

border:1px solid #124478;

	padding:5px;
    color:#000000;      /* font color */
	font-size: 10px;    /* font size -- does not affect standard view */
  }
#mainnavtabbed1{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#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;
	width:101px;
	
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
/*	sempre io
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:1px solid #ccc; /* border of the inactive tab 
*/
	background-image:url('images/tab.jpg');   /* Tab Color */
	width:100px;
	height:18px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	vertical-align:middle;
	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:#000000;        /* Font color on tab */
	background-image:url('images/tab_over.jpg');   /* Tab Color */
	width:100px;
	height:18px;
	vertical-align:middle;
	/*
	border-left:0px solid #aaa;
	border-top:0px solid #aaa;
	border-bottom:none;
	border-right:1px solid #aaa;
*/
}

/* the folowing section deals with the tabbed button when hovered */
#mainnavtabbed1 li a:hover{
	color:#000000;      /* Font color on hover */
	background-image:url('images/tab_over.jpg');   /* Tab Color */
	width:100px;
	height:18px;
	vertical-align:middle;
}
h2{
	margin:0;
	font-size:100%;
	font-family:"trebuchet ms", verdana, sans-serif;
}
h1{
	margin:0;
	font-size:100%;
	color:#fff;
	font-family:"trebuchet ms", verdana, sans-serif;
}

HR {
	 color: #ccc;
     background-color: #ccc;
	 height: 0px;
	 border: none;
}