/*******************************************************************************
* CSS for CLS_TABS class
* - almost anything can be edited within except class and id names
*******************************************************************************/ 

ul#tabnav { /* general settings */
	text-align: left; /* left, right or center */
	margin: 1em 0 1em 0; /* margins for tabs */
	font: bold 11px verdana, arial, sans-serif; /* font for tabs if different from main */
	border-bottom: 1px solid #003399; /* tab borders */
	list-style-type: none; /* remove list dots */
	padding: 3px 20px 3px 10px; /* Tab padding, THIRD number must change with respect to padding-top (X) below */
	/* width: 200px; /* Size of full tab row */
}

ul#tabnav li { /* keep the items on the same row, DON'T CHANGE */
	display: inline;
	width: 40px;
}
/* settings for selected tab */
div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4, div#tab5 li.tab5, div#tab6 li.tab6, div#tab7 li.tab7, div#tab8 li.tab8 { 
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
/* settings for selected tab link */
div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a, div#tab5 li.tab5 a, div#tab6 li.tab6 a, div#tab7 li.tab7 a, div#tab8 li.tab8 a
{ 
	background-color: #fff; /* selected tab background color*/
	color: #000; /* selected tab link color */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 15px; /* padding  for tab size; match first with respect to padding-top above */
	border: 1px solid #003399; /* border colour, matches border colour specified in #tabnav */
	background-color: #e6e6e6; /* unselected tab background colour */
	color: #333333; /* unselected tab link colour */
	margin-right: 3px; /* additional spacing between tabs */
	text-decoration: none;
	border-bottom: none;

}

ul#tabnav a:hover { /* hover effect */
	background: #fff; /* hover background */
}