/* 	[ 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: 75%;
	line-height: 1.5em;
	padding: 0 0 0 0px;
	margin: 10px 0 20px -8px;
}
	.Breadcrumb a { 
		margin: 0px 8px 0px 8px;
		text-decoration: none;
		padding: 0 0 0.2em 0;
		color: #80766a;
		border-bottom: #e6e5e3 1px solid;
		display: inline-block;
	}
	.Breadcrumb a:hover {
		color: #231f20;
	}
/* === [ UNIQUE NAVIGATION ] ============================== */

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

.navunique {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0;
}
	span.navunique {
		text-transform: uppercase;
		padding: 0px 0px 0 0;
		margin: 0 0 0 0;
		
		
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 85%;
			color: #444444;
			text-decoration: none;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
		}
		.navunique a:hover {
			color: #CCCCCC;
		}

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


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

/* === [ Level 1 ] === */
 		
.Navigation {
}

.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 {
	position: relative;
	clear: both;
	display: block;
	margin: 0 0 16px 0;
	padding: 10px 0 10px 0;
	background: #e7e1d6;
	border-bottom: #f8f7f5 5px solid;
}

#cLS .navitem1 {
	font-size: 90%;
	font-weight: normal;
	line-height: 16px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	float: none;
	white-space: normal;
	font-family: "Trebuchet MS", Verdana, Arial;
	letter-spacing: 1px;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #847b72;
		padding: 4px 8px 4px 2px;
		margin: 0 25px;
		text-decoration: none;
		display: block;
		border-bottom: #f0ece5 1px solid;
	}
	#cLS .navitem1:first-child a {
		border-top: #f0ece5 1px solid;
	}
	#cLS .navitem1 a:hover {
		color: #444444;
		text-decoration: none;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected {
				color: #444444;
				text-decoration: none;
				display: block;
			}
			#cLS .navitem1 a:hover.MenuSelected {
				color: #444444;
				text-decoration: none;
				display: block;
			}

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

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

			 /* === [ Selected Parent state ] === */
			 
		#cLS .navitem2 a:link.SelectedParent2, 
		#cLS .navitem2 a:visited.SelectedParent2, 
		#cLS .navitem2 a:active.SelectedParent2 {
				color: #444444;
				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 77px;
				border-bottom: #f5f2ee 1px solid;
			}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected {
				color: #444444;
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3 {
				color: #444444;
				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 100px;
					text-decoration: none;
				}
				#cLS .navitem4 a:link.MenuSelected, 
				#cLS .navitem4 a:visited.MenuSelected, 
				#cLS .navitem4 a:active.MenuSelected {
				color: #444444;
				text-decoration: none;
				display: block;
			}
		

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

@media screen and (max-width: 1024px) and (min-width: 551px) {

	.RadMenu .rmHorizontal .rmText {
	padding: 0px 6px 0px 6px;
}
.RadMenu.RadMenu_SlideHorizontal {
		border:#35b277 1px solid;
	border-bottom: none;
	margin: 10px 0 0 0;
	float: right; 
	z-index: 600;
	}
#cLS .Navigation {
margin: 0;
border-bottom: none;
}
}

@media screen and (max-width: 880px) and (min-width: 550px) {
.RadMenu.RadMenu_SlideHorizontal {
	margin: 0px 0 0 0;
	}
.RadMenu .rmHorizontal .rmLink {
	font-size: 15px;
}
.NavigationUnique { 
	width: 290px;
	position: absolute;
	top:-65px;
	right:0;
}
.Breadcrumb {
	margin: 0 0 10px 0;
}
.Secondary .RadMenuStatic.RadMenu_SlideHorizontal {
	background:#07904d url(../Templates/_images/cNnav-bkg.gif) repeat-x top left;
	width: 100%;
}

}

@media screen and (max-width: 550px) {
#cLS .Navigation {
margin: 0;
border-bottom: none;
}
.RadMenu.RadMenu_SlideHorizontal {
	margin: 0px 0px 15px 0px;
	}
.Secondary .RadMenuStatic.RadMenu_SlideHorizontal {
	width: 100%;
}
.RadMenu .rmHorizontal .rmLink {
	font-size: 14px;
}
.RadMenu .rmHorizontal .rmText {
	padding: 0px 8px 0px 8px;
}
.NavigationUnique {
	line-height: 1.8em;
}
.RadMenuStatic .rmVertical .rmLink, .RadMenuStatic .rmVertical .rmLevel1 .rmLink {
	width: 300px !important;
}
#cLS .Navigation {
	margin:0px;
	border-bottom: none;
	width:98%;
	}
#cLS .navitem1 {
font-size: 110%;
line-height: 20px;
}
#cLS .navitem1 a:link, #cLS .navitem1 a:visited, #cLS .navitem1 a:active {
margin: 5px;
}
#cLS .navitem2 a:link, #cLS .navitem2 a:visited, #cLS .navitem2 a:active {
margin: 0 25px 0 25px;
}

}