.navArea{
		margin:-4px 0 20px 8px;
		
		
}

.tabArea {
		padding-left: 16px;
		cursor: pointer
}

ul.navList {
	position: absolute;
	margin: 0;
	width: 100%;
	background-color:#BBD9EE;
	width: 845px;
}

li.navListItems {
	background: transparent url(/I/offLhs.gif) left top no-repeat;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 8px 0 0;
	padding: 0;
	border-bottom: 1px solid #BBD9EE;
}	

li.selectedListItem {
	border-bottom: 1px solid #ffffff;
}

.navList .tabAreaRight {
	background: transparent url(/I/offRhs.gif) right top no-repeat;
	padding: 4px 16px 4px 0;
	text-align: center;
	font: bold 12px tahoma
}
.navList a {
	text-decoration: none;
	color: #5F6264
}

.navList a:hover {
	text-decoration: underline
}



li.selectedListItem .tabArea .tabAreaRight {
	background: transparent url(/I/onRhs.gif) right top no-repeat;
	
}

li.selectedListItem .tabArea a  {
	color: #000000
}

li.selectedListItem .tabArea {
	background: transparent url(/I/onLhs.gif) left top no-repeat
}

/*styles for selected page*/
body.section1 #cpHeader .section1 .tabArea,
body.section2 #cpHeader .section2 .tabArea,
body.section3 #cpHeader .section3 .tabArea,
body.section4 #cpHeader .section4 .tabArea,
body.section5 #cpHeader .section5 .tabArea,
body.section6 #cpHeader .section6 .tabArea,
body.section7 #cpHeader .section7 .tabArea,
body.section8 #cpHeader .section8 .tabArea,
body.section9 #cpHeader .section9 .tabArea,
body.section10 #cpHeader .section10 .tabArea{
	background: transparent url(/I/onLhs.gif) left top no-repeat
}

body.section1 #cpHeader .tabArea a.section1,
body.section2 #cpHeader .tabArea a.section2 ,
body.section3 #cpHeader .tabArea a.section3 ,
body.section4 #cpHeader .tabArea a.section4 ,
body.section5 #cpHeader .tabArea a.section5 ,
body.section6 #cpHeader .tabArea a.section6 ,
body.section7 #cpHeader .tabArea a.section7 ,
body.section8 #cpHeader .tabArea a.section8 ,
body.section9 #cpHeader .tabArea a.section9 ,
body.section10 #cpHeader .tabArea a.section10 {
	color: #000000;
}

body.section1 #cpHeader li.section1,
body.section2 #cpHeader li.section2,
body.section3 #cpHeader li.section3,
body.section4 #cpHeader li.section4,
body.section5 #cpHeader li.section5,
body.section6 #cpHeader li.section6,
body.section7 #cpHeader li.section7,
body.section8 #cpHeader li.section8,
body.section9 #cpHeader li.section9,
body.section10 #cpHeader li.section10
{
	border-bottom: 1px solid #ffffff;
}


body.section1 #cpHeader li.section1 .tabArea .tabAreaRight,
body.section2 #cpHeader li.section2 .tabArea .tabAreaRight,
body.section3 #cpHeader li.section3 .tabArea .tabAreaRight,
body.section4 #cpHeader li.section4 .tabArea .tabAreaRight,
body.section5 #cpHeader li.section5 .tabArea .tabAreaRight,
body.section6 #cpHeader li.section6 .tabArea .tabAreaRight,
body.section7 #cpHeader li.section7 .tabArea .tabAreaRight,
body.section8 #cpHeader li.section8 .tabArea .tabAreaRight,
body.section9 #cpHeader li.section9 .tabArea .tabAreaRight,
body.section10 #cpHeader li.section10 .tabArea .tabAreaRight {
	background: transparent url(/I/onRhs.gif) right top no-repeat;
	
}
