/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ NAVIGATION MODULES ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
		Encompases Bread Crumb, Unique Navigation, Navigation.
		
		Primary Navigation and Sub Navigation use the same Navigation module.
		Prefix with Container ID to apply style to individual containers.
*/

/* === [ BREADCRUMB ] ============================== */

.Breadcrumb {
	font-size: 80%;
	line-height: 1.5em;
	color: #999999;
	padding: 0 0 0 0px;
	margin: -10px 0 10px -8px;
}
	.Breadcrumb a { 
		margin: 0px 8px 0px 8px;
		color: #999999; 
		text-decoration: none;
	}
	.Breadcrumb a:hover {
		color: #666666;
	}

/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique {
	position: relative;
	clear: both;
	display: block;
}

.navunique {
	margin: 0px;
	padding: 0px 0px;
}
	span.navunique {
		text-transform: uppercase;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 70%;
			color: #FFFFFF;
			text-decoration: none;
			margin: 0px;
			padding: 0px 4px;
		}
		.navunique a:hover {
			color: #000000;
		}

			 /* === [ Selected state ] === */
			 
 			.navunique a:link.MenuSelected, 
			.navunique a:visited.MenuSelected, 
			.navunique a:hover.MenuSelected, 
			.navunique a:active.MenuSelected {
				color: #000000;
			}


/* === [ PRIMARY NAVIGATION - GLOBAL STYLE ] ============================== */

/* === [ Level 1 ] === */
 		
.Navigation {
	position: relative;
	clear: both;
	display: block;
}

.navitem1 {
	font-size: 100%;
	line-height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	margin: 0px;
	display: block;
	float: left;
	white-space: nowrap;
}
		.navitem1 a:link, 
		.navitem1 a:visited, 
		.navitem1 a:active {
			color: #FFFFFF;
			text-decoration: none;
			
		}
		.navitem1 a:hover{
			color: #FFFFFF;
			text-decoration: none;
			
			background: #999999;
		}

			 /* === [ Selected state ] === */
			 
			.navitem1 a:link.MenuSelected, 
			.navitem1 a:visited.MenuSelected, 
			.navitem1 a:active.MenuSelected {
				color: #000000;
				background: #999999;
			}
			.navitem1 a:hover.MenuSelected {
				color: #000000;
				background: #CCCCCC;
			}

			 /* === [ Selected Parent state ] === */
			 
			.navitem1 a:link.SelectedParent1, 
			.navitem1 a:visited.SelectedParent1, 
			.navitem1 a:active.SelectedParent1 {
				color: #000000;
				background: #999999;
			}
			.navitem1 a:hover.SelectedParent1 {
				color: #000000;
				background: #CCCCCC;
			}
			


/* === [ SUB NAVIGATION - cLS - Left Hand Container ] ============================== */

/* === [ Level 1 ] === */
 		
#cLS .Navigation {
	position: relative;
	clear: both;
	display: block;
}

#cLS .navitem1 {
	font-size: 90%;
	font-weight: bold;
	line-height: 16px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: none;
	white-space: normal;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #FFFFFF;
		font-weight: bold;
		background: transparent url(/Templates/VHP/_images/subNav-off.gif) no-repeat 0 12px;
		text-decoration: none;
		display: block;
		padding: 8px 0px 8px 24px;
	}
	#cLS .navitem1 a:hover {
		color: #cdcd9c;
		background: transparent url(/Templates/VHP/_images/subNav-on.gif) no-repeat 0 50%;
		text-decoration: none;
		display: block;
		font-weight: bold;
		padding: 8px 0px 8px 24px;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected,
			#cLS .navitem1 a:hover.MenuSelected {
				color: #cdcd9c;
				background: transparent url(/Templates/VHP/_images/subNav-on.gif) no-repeat 0 50%;
				text-decoration: none;
				display: block;
				font-weight: bold;
				padding: 8px 0px 8px 24px;
			}
			

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1,
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #cdcd9c;
				background: transparent url(/Templates/VHP/_images/subNav-on.gif) no-repeat 0 50%;
				text-decoration: none;
				display: block;
				font-weight: bold;
				padding: 8px 0px 8px 24px;
			}
			 

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-weight: normal;
			font-size: 90%;
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited, 
		#cLS .navitem2 a:active {
			padding: 4px 0px 4px 32px;
			text-decoration: none;
			background: none;
		}
		#cLS .navitem2 a:hover{
			padding: 4px 0px 4px 32px;
			text-decoration: none;
			background: none;
		}
			#cLS .navitem2 a:link.MenuSelected, 
			#cLS .navitem2 a:visited.MenuSelected, 
			#cLS .navitem2 a:active.MenuSelected,
			#cLS .navitem2 a:hover.MenuSelected {
				background: none;
				padding: 4px 0px 4px 32px;
			}
			#cLS .navitem2 a:link.SelectedParent2, 
			#cLS .navitem2 a:visited.SelectedParent2, 
			#cLS .navitem2 a:active.SelectedParent2,
			#cLS .navitem2 a:hover.SelectedParent2 {
				background: none;
				color: #cdcd9c;
				padding: 4px 0px 4px 32px;
			}
			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:hover, 
			#cLS .navitem3 a:active {
				padding: 4px 0px 4px 40px;
				text-decoration: none;
				background: none;
			}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected,
			#cLS .navitem3 a:hover.MenuSelected {
				background: none;
				padding: 4px 0px 4px 40px;
			}
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3,
			#cLS .navitem3 a:hover.SelectedParent3 {
				background: none;
				color: #cdcd9c;
				padding: 4px 0px 4px 40px;
			}

				/* === [ Level 4 ] === */
			 
				#cLS .navitem4 a:link, 
				#cLS .navitem4 a:visited, 
				#cLS .navitem4 a:hover, 
				#cLS .navitem4 a:active {
					padding: 4px 0px 4px 46px;
					text-decoration: none;
					background: none;
				}
			#cLS .navitem4 a:link.MenuSelected, 
			#cLS .navitem4 a:visited.MenuSelected, 
			#cLS .navitem4 a:active.MenuSelected,
			#cLS .navitem4 a:hover.MenuSelected {
				background: none;
				padding: 4px 0px 4px 46px;
			}