/* 	[ 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: 1em;
	line-height: 1.5em;
	color: #000;
	padding: 0 0 0 5px;
	margin: 10px 0 10px -8px;
	border-left: 1px dotted #666666;
}
	.Breadcrumb a
	{ 
		margin: 0px 8px 0px 8px;
		color: #000; 
		text-decoration: none;
	}
	.Breadcrumb a:hover 
	{
		color: #fff;
		border-bottom: 1px dotted #fff;
	}


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

.NavigationUnique {
	margin: 4px 0;
	padding: 0px 0px;
	display: inline;
	float: right;
}
.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: 1.1em;
			color: #FFFFFF;
			text-decoration: none;
			margin: 0px;
			padding: 0px 8px 0px 10px;
			border-left: 1px solid #FFFFFF;
		}
		.navunique:first-child a{
			border-left: none;
		}
		
		.navunique a:hover {
			color: #8fc6fc;
		}

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


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

/* === [ Level 1 ] === */
 		
.navitem1 {
}
		.navitem1 a:link, 
		.navitem1 a:visited, 
		.navitem1 a:active {
		}
		.navitem1 a:hover{
		}

			 /* === [ Selected state ] === */
			 
			.navitem1 a:link.MenuSelected, 
			.navitem1 a:visited.MenuSelected, 
			.navitem1 a:active.MenuSelected {
			}
			.navitem1 a:hover.MenuSelected {
			}


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

/* === [ Level 1 ] === */
#cLS .Navigation {
	position: relative;
	clear: both;
	display: block;
	margin: 0 0 16px 0;
	padding: 30px 0 10px 0;
	background: #86b7e0;
	border-bottom: #689ed4 3px solid;
}

#cLS .navitem1 {
	font-size: 1.1em;
	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: #fff;
		padding: 4px 8px 4px 2px;
		margin: 0 25px;
		text-decoration: none;
		display: block;
		border-bottom: #9bc7ec 1px solid;
	}
	#cLS .navitem1:first-child a {
		border-top: #9bc7ec 1px solid;
	}
	#cLS .navitem1 a:hover {
		color: #000;
		text-decoration: none;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected {
				color: #000;
				text-decoration: none;
				display: block;
			}
			#cLS .navitem1 a:hover.MenuSelected {
				color: #000;
				text-decoration: none;
				display: block;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1 {
				color: #000;
				text-decoration: none;
				display: block;
			}
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #000;
				text-decoration: none;
				display: block;
			}

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-size: 1em;
			
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited,  
		#cLS .navitem2 a:active {
			color: #fff;
			padding: 2px 8px 2px 2px;
			margin: 0 25px 0 45px;
			text-decoration: none;
			display: block;
			border-top: none;
			border-bottom: #9bc7ec 1px solid;
		}
		#cLS .navitem2:first-child a {
			border-top: none;
		}
		#cLS .navitem2 a:hover {
			color: #000;
			text-decoration: none;
			display: block;
	}
		#cLS .navitem2 a:link.MenuSelected, 
		#cLS .navitem2 a:visited.MenuSelected, 
		#cLS .navitem2 a:active.MenuSelected {
				color: #000;
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
		#cLS .navitem2 a:link.SelectedParent2, 
		#cLS .navitem2 a:visited.SelectedParent2, 
		#cLS .navitem2 a:active.SelectedParent2 {
				color: #000;
				text-decoration: none;
				display: block;
			}
			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:hover, 
			#cLS .navitem3 a:active {
				padding: 2px 8px 2px 2px;
				text-decoration: none;
				margin: 0 25px 0 66px;
				border-bottom: #9bc7ec 1px solid;
			}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected {
				color: #000;
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3 {
				color: #000;
				text-decoration: none;
				display: block;
			}

				/* === [ Level 4 ] === */
			 
				#cLS .navitem4 a:link, 
				#cLS .navitem4 a:visited, 
				#cLS .navitem4 a:hover, 
				#cLS .navitem4 a:active {
					padding: 2px 8px 2px 2px;
					margin: 0 25px 0 80px;
					text-decoration: none;
				}
				#cLS .navitem4 a:link.MenuSelected, 
				#cLS .navitem4 a:visited.MenuSelected, 
				#cLS .navitem4 a:active.MenuSelected {
				color: #000;
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
				#cLS .navitem4 a:link.SelectedParent4, 
				#cLS .navitem4 a:visited.SelectedParent4, 
				#cLS .navitem4 a:active.SelectedParent4 {
				color: #000;
				text-decoration: none;
				display: block;
			}