/* 	[ 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-family: Arial, Helvetica, sans-serif;
	clear: both;
	position: relative;
	display: block;
	font-size: 80%;
	color: #333333;
	padding: 0;
	margin: 0px 0px 20px 0px;
}
	.Breadcrumb a { 
		margin: 0px 5px 0px 0px;
		color: #;
		white-space: nowrap;
		text-decoration: none;
	}
	.Breadcrumb a:hover 
	{
		color: #71C6C6;
	}


/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique {
	clear: both;
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
}
.navunique {
	margin: 0px;
	padding: 0px 0px;
}
	span.navunique {
		text-transform: capitalize;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-family: Arial, Helvetica, sans-serif;
			color: #000000;
			font-size: 80%;
			text-decoration: none;
			margin: 0px;
			padding: 0px 8px 0px 10px;
			border-left: 1px solid #3C0A7A;
		}
		.navunique a:hover {
		}
			.navunique a:link.MenuSelected, 
			.navunique a:visited.MenuSelected, 
			.navunique a:hover.MenuSelected, 
			.navunique a:active.MenuSelected {
				color: #3C0A7A;
			}

/* === [ 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 {
			}

			 /* === [ Selected Parent state ] === */
			 
			.navitem1 a:link.SelectedParent1, 
			.navitem1 a:visited.SelectedParent1, 
			.navitem1 a:active.SelectedParent1 {
			}
			.navitem1 a:hover.SelectedParent1 {
			}
			


/* === [ SUB NAVIGATION - cLS - Left Hand Container ] ============================== */

/* === [ Level 1 ] === */

#cLS .Navigation {
	clear: both;
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #E2F4F4;
}
 		
#cLS .navitem1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2em;
	height: auto;
	padding: 0px;
	margin: 0px;
	display: block;
	width: 100%;
	float: none;
	white-space: normal;
	background: #E2F4F4;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		padding: 4px 10px 4px 12px;
		color: #333333;
		text-decoration: none;
		display: block;
		border-left: 10px solid #333333;
		border-bottom: 1px dashed #71C5C5;
	}
	#cLS .navitem1 a:hover {
		padding: 4px 10px 4px 12px;
		color: #ED301C;
		text-decoration: none;
		display: block;
		border-left: 10px solid #ED301C;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected {
				padding: 4px 10px 4px 12px;
				color: #ED301C;
				text-decoration: none;
				display: block;
				font-weight: bold;
				border-left: 10px solid #ED301C;
			}
			#cLS .navitem1 a:hover.MenuSelected{
				padding: 4px 10px 4px 12px;
				color: #ED301C;
				text-decoration: none;
				display: block;
			}
			
			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1,
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #ED301C;
				padding: 4px 10px 4px 12px;
				text-decoration: none;
				display: block;
				font-weight: bold;
			}

			/* === [ Level 3 ] === */
			 
			#cLS .navitem2 {
				font-weight: normal;
				line-height: 1.2em;
				font-size: 95%;
				margin: 2px 0px 2px 22px;
				display: block;
			}
			#cLS .navitem2 a:link, 
			#cLS .navitem2 a:visited, 
			#cLS .navitem2 a:hover, 
			#cLS .navitem2 a:active {
				padding: 2px 0px;
				background: none;
				border-left-style: none;
			}
			#cLS .navitem2 a:link.MenuSelected, 
			#cLS .navitem2 a:visited.MenuSelected, 
			#cLS .navitem2 a:active.MenuSelected,
			#cLS .navitem2 a:hover.MenuSelected {
				padding: 2px 0px;
				background: none;
				border-left-style: none;
			}

			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:hover, 
			#cLS .navitem3 a:active {
				margin: 2px 0px 2px 22px;
				line-height: 1.0em;
				padding: 2px 0px;
				background: none;
				border-bottom: none;
			}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected,
			#cLS .navitem3 a:hover.MenuSelected {
				padding: 2px 0px 2px 0px;
				background: none;
			}

				/* === [ Level 4 ] === */
			 
			#cLS .navitem4 a:link, 
			#cLS .navitem4 a:visited, 
			#cLS .navitem4 a:hover, 
			#cLS .navitem4 a:active {
				margin: 2px 0px 2px 35px;
				padding: 2px 0px 2px 0px;
				background: none;
			}
			#cLS .navitem4 a:link.MenuSelected, 
			#cLS .navitem4 a:visited.MenuSelected, 
			#cLS .navitem4 a:active.MenuSelected,
			#cLS .navitem4 a:hover.MenuSelected {
				padding: 2px 0px 2px 0px;
				background: none;
			}


