/* CSS Document */
#in a:link {
	color:#000000;
}
#in a:visited {
	color:#000000;
}
/* div in which navigation is contained within the html page. Controls size, spacing and background image. Background image is used here to display the tabs behind the text. */
#mainNav{
	display:block;
	width: 1009px;
	height:30px;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/c/bg_mainNav.gif);
	background-repeat:repeat-x;
	background-position:0 100%;
	clear:both;
	
}


#navHolder{
	width: 812px;
	height:30px;
	margin: 0px 0px 0px 0px;
	position:absolute;
	z-index:50;
}

a.mainNavLink {
	display: block;
	height: 29px;
	text-decoration: none;
	padding: 0 0 0 0;
	outline: none;
	color:#918f8f;
/*font-weight:bold;*/
}

/* START - Nav 1 */

/* Float nav and set basic properties - in this case the id and block element are the same and so are combined */
#nav2, #nav2 ul {
	float: left;
	width: 102px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0 0 0 0px;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav2 li {
	float: left;
	display:block;
	padding: 0 0 0 10px;
	width: 96px;	
	font-size:14px;
	color:#918f8f;
}

#nav2 li.active {
	float: left;
	display:block;
	padding: 0 0 0 10px;
	width: 96px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab1.gif);
	background-repeat:no-repeat;
}

#nav2 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav2 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav2 .dropdowns {
	display:block;
	width:130px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}


/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav2 li ul li {
	margin: 0 0 0 12px;
	padding: 0px;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav2 li ul li a {
	display:block;
	width: 112px;
	w\idth: 112px;
	height:18px;
	padding: 0 0 0 0;
	font-size:10px;
	color: #666666;
	line-height:18px;
	text-decoration:none;
	outline:none;
}

#nav2 li ul li.subActive a {
	line-height: normal;
	width: 112px;
	w\idth: 112px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}  


/* Controls the style of mouseover link within dropdown menu */
#nav2 li ul li a:hover {
	color: #000000;
} 



/* third-and-above-level lists */
#nav2 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: 0px;
}

#nav2 li:hover, #nav2 li.sfhover {
	position: static;
	background-image:url(../images/c/tab1.gif);
	background-repeat:no-repeat;
}

#nav2 li:hover .mainNavLink, #nav2 li.sfhover .mainNavLink, nav2 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav2 li li:hover, #nav2 li li.sfhover {
	background-image:none;
}

/* END - Nav 1 */



/* START - Nav 2 */

/* Float nav2 and set basic properties - in this case the id and block element are the same and so are combined */
#nav3, #nav3 ul {
	float: left;
	width: 77px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav3 li {
	float: left;
	padding: 0 0 0 12px;
	width: 71px;	
	font-size:14px;
	color:#918f8f;
}

#nav3 li.active {
	float: left;
	padding: 0 0 0 12px;
	width: 71px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab2.gif);
	background-repeat:no-repeat;
}

#nav3 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav3 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav3 .dropdowns {
	display:block;
	width:148px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav3 li ul li {
	margin: 0 0 0 13px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav3 li ul li a {
	line-height: normal;
	width: 135px;
	w\idth: 135px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav3 li ul li.subActive a {
	line-height: normal;
	width: 135px;
	w\idth: 135px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav3 li ul a:hover {
	color: #000000;
} 



/* third-and-above-level lists */
#nav3 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav3 li:hover ul ul, #nav3 li:hover ul ul ul, #nav3 li.sfhover2 ul ul, #nav3 li.sfhover2 ul ul ul {
	left: -999em;
}

#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul, #nav3 li.sfhover2 ul, #nav3 li li.sfhover2 ul, #nav3 li li li.sfhover2 ul {
	left: 102px;
}

#nav3 li:hover, #nav3 li.sfhover2 {
	position: static;
	background-image:url(../images/c/tab2.gif);
	background-repeat:no-repeat;
}

#nav3 li:hover .mainNavLink, #nav3 li.sfhover2 .mainNavLink, nav3 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav3 li li:hover, #nav3 li li.sfhover2 {
	background-image:none;
}

/* END - Nav 2 */




/* START - Nav 3 */

/* Float nav3 and set basic properties - in this case the id and block element are the same and so are combined */
#nav4, #nav4 ul {
	float: left;
	width: 78px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav4 li {
	float: left;
	padding: 0 0 0 11px;
	width: 67px;	
	font-size:14px;
	color:#918f8f;
}

#nav4 li.active {
	float: left;
	padding: 0 0 0 11px;
	width: 67px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab3.gif);
	background-repeat:no-repeat;
}

#nav4 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav4 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav4 .dropdowns {
	display:block;
	width:116px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}


/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav4 li ul li {
	margin: 0 0 0 12px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav4 li ul li a {
	line-height: normal;
	width: 104px;
	w\idth: 104px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav4 li ul li.subActive a {
	line-height: normal;
	width: 104px;
	w\idth: 104px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}  


/* Controls the style of mouseover link within dropdown menu */
#nav4 li ul a:hover {
	color: #000000;
	} 



/* third-and-above-level lists */
#nav4 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav4 li:hover ul ul, #nav4 li:hover ul ul ul, #nav4 li.sfhover3 ul ul, #nav4 li.sfhover3 ul ul ul {
	left: -999em;
}

#nav4 li:hover ul, #nav4 li li:hover ul, #nav4 li li li:hover ul, #nav4 li.sfhover3 ul, #nav4 li li.sfhover3 ul, #nav4 li li li.sfhover3 ul {
	left: 179px;
}

#nav4 li:hover, #nav4 li.sfhover3 {
	position: static;
	background-image:url(../images/c/tab3.gif);
	background-repeat:no-repeat;
}

#nav4 li:hover .mainNavLink, #nav4 li.sfhover3 .mainNavLink, nav4 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav4 li li:hover, #nav4 li li.sfhover3 {
	background-image:none;
}

/* END - Nav 3 */




/* START - Nav 4 */

/* Float nav4 and set basic properties - in this case the id and block element are the same and so are combined */
#nav5, #nav5 ul {
	float: left;
	width: 132px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav5 li {
	float: left;
	padding: 0 0 0 11px;
	width: 125px;	
	font-size:14px;
	color:#918f8f;
}

#nav5 li.active {
	float: left;
	padding: 0 0 0 11px;
	width: 125px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab4.gif);
	background-repeat:no-repeat;
}

#nav5 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav5 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav5 .dropdowns {
	display:block;
	width:150px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}


/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav5 li ul li {
	margin: 0 0 0 12px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav5 li ul li a {
	line-height: normal;
	width: 128px;
	w\idth: 128px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav5 li ul li.subActive a {
	line-height: normal;
	width: 128px;
	w\idth: 128px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}  


/* Controls the style of mouseover link within dropdown menu */
#nav5 li ul a:hover {
	color: #000000;
} 



/* third-and-above-level lists */
#nav5 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav5 li:hover ul ul, #nav5 li:hover ul ul ul, #nav5 li.sfhover4 ul ul, #nav5 li.sfhover4 ul ul ul {
	left: -999em;
}

#nav5 li:hover ul, #nav5 li li:hover ul, #nav5 li li li:hover ul, #nav5 li.sfhover4 ul, #nav5 li li.sfhover4 ul, #nav5 li li li.sfhover4 ul {
	left: 257px;
}

#nav5 li:hover, #nav5 li.sfhover4 {
	position: static;
	background-image:url(../images/c/tab4.gif);
	background-repeat:no-repeat;
}

#nav5 li:hover .mainNavLink, #nav5 li.sfhover4 .mainNavLink, nav5 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav5 li li:hover, #nav5 li li.sfhover4 {
	background-image:none;
}

/* END - Nav 4 */




/* START - Nav 5 */

/* Float nav5 and set basic properties - in this case the id and block element are the same and so are combined */
#nav6, #nav6 ul {
	float: left;
	width: 105px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav6 li {
	float: left;
	padding: 0 0 0 12px;
	width: 92px;	
	font-size:14px;
	color:#918f8f;
}

#nav6 li.active {
	float: left;
	padding: 0 0 0 12px;
	width: 92px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab5.gif);
	background-repeat:no-repeat;
}

#nav6 li.active .mainNavLink {
	color:#ffffff;
}

/* Position the menu off screen rather than display: none; */
#nav6 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav6 .dropdowns {
	display:block;
	width:116px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}

/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav6 li ul li {
	margin: 0 0 0 13px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav6 li ul li a {
	line-height: normal;
	width: 93px;
	w\idth: 93px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav6 li ul li.subActive a {
	line-height: normal;
	width: 93px;
	w\idth: 93px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}  


/* Controls the style of mouseover link within dropdown menu */
#nav6 li ul a:hover {
	color: #000000;
	} 



/* third-and-above-level lists */
#nav6 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav6 li:hover ul ul, #nav6 li:hover ul ul ul, #nav6 li.sfhover5 ul ul, #nav6 li.sfhover5 ul ul ul {
	left: -999em;
}

#nav6 li:hover ul, #nav6 li li:hover ul, #nav6 li li li:hover ul, #nav6 li.sfhover5 ul, #nav6 li li.sfhover5 ul, #nav6 li li li.sfhover5 ul {
	left: 389px;
}

#nav6 li:hover, #nav6 li.sfhover5 {
	position: static;
	background-image:url(../images/c/tab5.gif);
	background-repeat:no-repeat;
}

#nav6 li:hover .mainNavLink, #nav6 li.sfhover5 .mainNavLink, nav6 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav6 li li:hover, #nav6 li li.sfhover5 {
	background-image:none;
}

/* END - Nav 5 */




/* START - Nav 6 */

/* Float nav6 and set basic properties - in this case the id and block element are the same and so are combined */
#nav7, #nav7 ul {
	float: left;
	width: 92px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav7 li {
	float: left;
	padding: 0 0 0 11px;
	width: 79px;	
	font-size:14px;
	color:#918f8f;
}

#nav7 li.active {
	float: left;
	padding: 0 0 0 11px;
	width: 79px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab6.gif);
	background-repeat:no-repeat;
}

#nav7 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav7 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav7 .dropdowns {
	display:block;
	width:150px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}


/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav7 li ul li {
	margin: 0 0 0 12px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav7 li ul li a {
	line-height: normal;
	width: 114px;
	w\idth: 114px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav7 li ul li.subActive a {
	line-height: normal;
	width: 114px;
	w\idth: 114px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}  


/* Controls the style of mouseover link within dropdown menu */
#nav7 li ul a:hover {
	color: #000000;
	} 



/* third-and-above-level lists */
#nav7 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav7 li:hover ul ul, #nav7 li:hover ul ul ul, #nav7 li.sfhover6 ul ul, #nav7 li.sfhover6 ul ul ul {
	left: -999em;
}

#nav7 li:hover ul, #nav7 li li:hover ul, #nav7 li li li:hover ul, #nav7 li.sfhover6 ul, #nav7 li li.sfhover6 ul, #nav7 li li li.sfhover6 ul {
	left: 494px;
}

#nav7 li:hover, #nav7 li.sfhover6 {
	position: static;
	background-image:url(../images/c/tab6.gif);
	background-repeat:no-repeat;
}

#nav7 li:hover .mainNavLink, #nav7 li.sfhover6 .mainNavLink, nav7 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav7 li li:hover, #nav7 li li.sfhover6 {
	background-image:none;
}

/* END - Nav 6 */




/* START - Nav 7 */

/* Float nav7 and set basic properties - in this case the id and block element are the same and so are combined */
#nav8, #nav8 ul {
	float: left;
	width: 110px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav8 li {
	float: left;
	padding: 0 0 0 13px;
	width: 89px;	
	font-size:14px;
	color:#918f8f;
}

#nav8 li.active {
	float: left;
	padding: 0 0 0 13px;
	width: 89px;	
	font-size:14px;
	color:#ffffff;
	background-image:url(../images/c/tab7.gif);
	background-repeat:no-repeat;
}

#nav8 li.active .mainNavLink {
	color:#ffffff;
}


/* Position the menu off screen rather than display: none; */
#nav8 li ul {
	position: absolute;
	top:29px;
	left: -999em;
}


/* Add expandable background gradient inside ul but around li items*/
#nav8 .dropdowns {
	display:block;
	width:110px;
	overflow:hidden;
	background-image:url(../images/c/dropdownBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #e087af;
}

/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav8 li ul li {
	margin: 0 0 0 12px;
	padding: 0;
	display:inline;
	clear:both;
}


/* Controls the style of link within dropdown menu */
#nav8 li ul li a {
	line-height: normal;
	width: 100px;
	w\idth: 100px;
	height:12px;
	padding: 0 0 5px 0;
	color: #666666;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
}

#nav8 li ul li.subActive a {
	line-height: normal;
	width: 100px;
	w\idth: 100px;
	height:12px;
	padding: 0 0 5px 0;
	color: #000000;
	font-size:10px;
	display:block;
	text-decoration:none;
	outline:none;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav8 li ul li a:hover {
	color: #000000;
	} 


/* third-and-above-level lists */
#nav8 li ul ul { 
	margin: -25px 0 0 187px;
}


/* Move menu back on page on mouse over */
#nav8 li:hover ul ul, #nav8 li:hover ul ul ul, #nav8 li.sfhover7 ul ul, #nav8 li.sfhover7 ul ul ul {
	left: -999em;
}

#nav8 li:hover ul, #nav8 li li:hover ul, #nav8 li li li:hover ul, #nav8 li.sfhover7 ul, #nav8 li li.sfhover7 ul, #nav8 li li li.sfhover7 ul {
	left: 586px;
}

#nav8 li:hover, #nav8 li.sfhover7 {
	position: static;
	background-image:url(../images/c/tab7.gif);
	background-repeat:no-repeat;
}

#nav8 li:hover .mainNavLink, #nav8 li.sfhover7 .mainNavLink, nav8 li a:hover .mainNavLink {
color:#fff;
}

/* Control Background of Drop Down Mouse Over */
#nav8 li li:hover, #nav8 li li.sfhover7 {
	background-image:none;
}

/* END - Nav 7 */




/* START - Nav 8 */

/* Float nav8 and set basic properties - in this case the id and block element are the same and so are combined */
#nav9, #nav9 ul {
	float: left;
	width: 80px;
	display: block;
	height: 29px;
	list-style: none;
	line-height: 30px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
}


/* Set properties of top element */
#nav9 li {
	float: left;
	padding: 0 0 0 0px;
	width: 85px;	
	font-size:14px;
	color:#918f8f;
}


/* END - Nav 8 */