/* 	[ 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: #5f9baf;
		text-decoration: underline;
	}
	.Breadcrumb a:hover {
		color: #999999;
		text-decoration: none;
	}

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

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

.navunique {
	margin: 0px;
	padding: 0px 0px;
}
	span.navunique {
		text-transform: capitalize;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 80%;
			color: #00c4df;
			text-decoration: none;
			margin: 0px;
			padding: 0px 2px 0 6px;
			border-left: 1px solid #00c4df;
			font-weight: bold;
		}
		.navunique:first-child a { 
		border-left-style: none;
 }
		.navunique a:hover {
			color: #808285;
		}

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


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

/* === [ Level 1 ] === */
 		
#cN .Navigation {
	position: relative;
	clear: both;
	display: block;
	padding: 0 0 0 28px;
	height: 30px;
}


.navitem1 {
	font-size: 80%;
	line-height: 24px;
	color: #666666;
	text-decoration: none;
	height: auto;
	margin: 0px;
	display: block;
	float: left;
	white-space: nowrap;
	text-transform: uppercase;
	padding: 0px 2px 4px 6px;
	margin: 0 0 0 -2px;
	background: url(/Templates/_images/nav-left-bkg.gif) no-repeat 0 -1px;
}
	
		.navitem1 a:link, 
		.navitem1 a:visited, 
		.navitem1 a:active {
			margin: 0px 0px 0px 0px;
			padding: 2px 10px 4px 4px;
			display: block;
			color: #666666;
			text-decoration: none;
			background: url(/Templates/_images/back_nav.gif) no-repeat top right;
		}
		.navitem1 a:hover{
			margin: 0px 0px 0px 0px;
			padding: 2px 10px 4px 4px;
			display: block;
			color: #666666;
			text-decoration: none;
			background: url(/Templates/_images/back_nav-On.gif) no-repeat top right;
		}

			 /* === [ Selected state ] === */
			 
			.navitem1 a:link.MenuSelected, 
			.navitem1 a:visited.MenuSelected, 
			.navitem1 a:active.MenuSelected,
			.navitem1 a:hover.MenuSelected {
				margin: 0px 0px 0px 0px;
				padding: 2px 10px 4px 4px;
				display: block;
				color: #666666;
				text-decoration: none;
				background: url(/Templates/_images/back_nav-On.gif) no-repeat top right;
			}
			 
			 /* === [ Selected Parent state ] === */
			 
			.navitem1 a:link.SelectedParent1, 
			.navitem1 a:visited.SelectedParent1, 
			.navitem1 a:active.SelectedParent1,
			.navitem1 a:hover.SelectedParent1 {
				margin: 0px 0px 0px 0px;
				padding: 2px 10px 4px 4px;
				display: block;
				color: #666666;
				text-decoration: none;
				background: url(/Templates/_images/back_nav-On.gif) no-repeat top right;
			}


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

/* === [ Level 1 ] === */
 		
#cLS .Navigation {
	position: relative;
	clear: both;
	display: block;
	padding: 2px 4px 10px 4px;
	margin-bottom: 16px; 
	background: #e6eaed url(/Templates/_images/subnav-bkg.jpg) no-repeat bottom left;
}

#cLS .navitem1 {
	font-size: 85%;
	font-weight: normal;
	line-height: 16px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	display: block;
	float: none;
	white-space: normal;
	background: none;
	text-transform: capitalize;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #666666;
		padding: 4px 8px 4px 20px;
		text-decoration: none;
		display: block;
		background: url(/Templates/_images/subnav_bkg.gif) no-repeat 10px 9px;
	}
	#cLS .navitem1 a:hover {
		color: #666666;
		padding: 4px 8px 4px 20px;
		text-decoration: none;
		display: block;
		background: url(/Templates/_images/subnav_bkg.gif) no-repeat 10px 9px;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected,
			#cLS .navitem1 a:hover.MenuSelected {
				color: #000000;
				font-weight: bold;
				padding: 4px 8px 4px 20px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 10px 9px;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1,
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #666666;
				font-weight: normal;
				padding: 4px 8px 4px 20px;
				text-decoration: none;
				display: block;
				background: url(/Templates/_images/subnav_bkg.gif) no-repeat 10px 9px;
			}
			 

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-weight: normal;
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited, 
		#cLS .navitem2 a:hover, 
		#cLS .navitem2 a:active {
			padding: 4px 8px 4px 38px;
			text-decoration: none;
			display: block;
			background: url(/Templates/_images/subnav_bkg.gif) no-repeat 26px 9px;
		}
		 /* === [ Selected state ] === */
			 
			#cLS .navitem2 a:link.MenuSelected, 
			#cLS .navitem2 a:visited.MenuSelected, 
			#cLS .navitem2 a:active.MenuSelected,
			#cLS .navitem2 a:hover.MenuSelected {
				color: #000000;
				font-weight: bold;
				padding: 4px 8px 4px 38px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 26px 9px;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem2 a:link.SelectedParent2, 
			#cLS .navitem2 a:visited.SelectedParent2, 
			#cLS .navitem2 a:active.SelectedParent2,
			#cLS .navitem2 a:hover.SelectedParent2 {
				color: #666666;
				font-weight: normal;
				padding: 4px 8px 4px 38px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 26px 9px;
			}
			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:hover, 
			#cLS .navitem3 a:active {
				padding: 4px 8px 4px 44px;
				display:block;
				text-decoration: none;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 32px 9px;
			}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected,
			#cLS .navitem3 a:hover.MenuSelected {
				color: #000000;
				font-weight: bold;
				padding: 4px 8px 4px 44px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 32px 9px;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3,
			#cLS .navitem3 a:hover.SelectedParent3 {
				color: #666666;
				font-weight: normal;
				padding: 4px 8px 4px 44px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 32px 9px;
			}

				/* === [ Level 4 ] === */
			 
				#cLS .navitem4 a:link, 
				#cLS .navitem4 a:visited, 
				#cLS .navitem4 a:hover, 
				#cLS .navitem4 a:active {
					padding: 4px 8px 4px 50px;
					display: block;
					text-decoration: none;
					background: url(/Templates/_images/subnav_bkg.gif) no-repeat 38px 9px;
				}
				 /* === [ Selected state ] === */
			 
			#cLS .navitem4 a:link.MenuSelected, 
			#cLS .navitem4 a:visited.MenuSelected, 
			#cLS .navitem4 a:active.MenuSelected,
			#cLS .navitem4 a:hover.MenuSelected {
				color: #000000;
				font-weight: bold;
				padding: 4px 8px 4px 50px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 38px 9px;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem4 a:link.SelectedParent4, 
			#cLS .navitem4 a:visited.SelectedParent4, 
			#cLS .navitem4 a:active.SelectedParent4,
			#cLS .navitem4 a:hover.SelectedParent4 {
				color: #666666;
				font-weight: normal;
				padding: 4px 8px 4px 50px;
				text-decoration: none;
				display: block;
				background: #fcfdfe url(/Templates/_images/subnav_bkg.gif) no-repeat 38px 9px;
			}