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

    color:#333333;      /* font color */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;    /* font size -- does not affect standard view */
  }
#mainnavtabbed1{
	clear:both;
	list-style: none;
	margin:0px;
	padding:0px;
}
#mainnavtabbed1 li{
	margin-left:0px; /* distance between tabs */
	text-align: left; /* alignment of text within tabs */
	float:left;
	width:100px; /* width of actual tab */
	margin-bottom:0px;
	text-indent: 2px;
	list-style: none;	
}

/* this is the active tab class, just as below */
#mainnavtabbed1 li a{
	padding:3px; /* padding around the text within the tabs */
	background:#000000;
	display:block;
	color:#ffffff;
	text-decoration:none;
	background-image: url(images/tab.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    list-style: none;	
}

/* the folowing section deals with the tabbed button when active */

#mainnavtabbed1 li a.tabon,#mainnavtabbed1 li a.tabon:hover{
	color:#ffffff;        /* Font color on tab */
	background: #000000;   /* Tab Color */
	background-image: url(images/tab.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    list-style: none;	
}

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

h2{
	margin:0;
	font-size:120%;
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	margin:0;
	font-size:150%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

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