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

/*
		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 {
	position: relative;
	clear: both;
	font-size: 80%;
	line-height: 1.5em;
	color: #999999;
	padding: 0 0 0 0px;
	margin: -10px -10px 10px 0;
	text-align: right;
}
.Breadcrumb a 
{ 
	margin: 0px 0px 0px 10px;
	padding: 0 0 0 10px;
	color: #999999; 
	text-decoration: none;
	border-left: 1px solid #999999;
}
.Breadcrumb a:hover 
{
	color: #666666;
}

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

.NavigationUnique 
{
	position: relative;
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 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-size: 80%;
	font-weight: bold;
	text-transform:uppercase;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 4px 10px;
	background: #008193;
}
.navunique a:hover 
{
	color: #FFFFFF;
}

/* === [ 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 ] === */
#cN .Navigation  
{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: auto;
	z-index: 200;
	background: url(../Templates/back_header.gif) top left;
}
* html #cN .Navigation  
{
	height: 30px;
}
	
.nav1 
{
}
.nav1 a:link, 
.nav1 a:visited, 
.nav1 a:active 
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
	color: #0B6E83;
	padding: 0px 10px 0px 11px;	
	font-size: 80%;
	font-weight: bold;
	background: #FFFFFF url(../Templates/Back_Nav.gif) no-repeat top right;
	cursor: hand;
}
.nav1 a:hover 
{
	color: #0B6E83;
	cursor: hand;
	text-decoration: none;
	background: #FFFFFF  url(../Templates/Back_NavOn.gif) no-repeat top right;
}

 /* === [ Selected state ] === */
 
.nav1 a:link.MenuSelected, 
.nav1 a:visited.MenuSelected, 
.nav1 a:active.MenuSelected 
{
	color: #0B6E83;
	cursor: hand;
	text-decoration: none;
	background: #FFFFFF  url(../Templates/Back_NavOn.gif) no-repeat top right;
}
.nav1 a:hover.MenuSelected 
{
		color: #0B6E83;
		cursor: hand;
		text-decoration: none;
		background: #FFFFFF  url(../Templates/Back_NavOn.gif) no-repeat top right;
}

 /* === [ Selected Parent state ] === */
 
.nav1 a:link.SelectedParent1, 
.nav1 a:visited.SelectedParent1, 
.nav1 a:active.SelectedParent1,
.nav1 a:hover.SelectedParent1 
{
	color: #0B6E83;
	cursor: hand;
	text-decoration: none;
	background: #FFFFFF url(../Templates/Back_NavOn.gif) no-repeat top right;
}


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

/* === [ Level 1 ] === */
#cLS .Navigation
{
	background: #FFFFFF url(../Templates/back_cLS2.jpg) no-repeat bottom left;
	padding: 30px 0px 30px 0px;
}		
#cLS .navitem1 
{
	font-size: 85%;
	font-weight: bold;
	line-height: 1.8em;
	height: auto;
	width: 100%;
	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 
{
	padding: 0px 10px;
	color: #0F6B81;
	text-decoration: none;
	display: block;
	border-bottom:  1px solid #9ec7cf;
	border-left: 30px solid #008193;
}
#cLS .navitem1 a:hover 
{
	background: #C9E1E6;
	text-decoration: none;
	display: block;
}
 /* === [ Selected state ] === */
 
#cLS .navitem1 a:link.MenuSelected, 
#cLS .navitem1 a:visited.MenuSelected, 
#cLS .navitem1 a:hover.MenuSelected, 
#cLS .navitem1 a:active.MenuSelected 
{
	background: #C9E1E6;
	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 
{
	background: #C9E1E6;
	text-decoration: none;
	display: block;
}

/* === [ Level 2 ] === */
			 
#cLS .navitem2 
{
	font-weight: normal;
	font-size: 85%;
}
#cLS .navitem2 a:link, 
#cLS .navitem2 a:visited, 
#cLS .navitem2 a:active 
{
	background: #FFFFFF;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	display: block;
	clear: both;
	margin-left: 40px;
}
#cLS .navitem2 a:hover 
{
	background: #C9E1E6;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	display: block;
	clear: both;
	margin-left: 40px;
}
 /* === [ Selected state ] === */
 
#cLS .navitem2 a:link.MenuSelected, 
#cLS .navitem2 a:visited.MenuSelected, 
#cLS .navitem2 a:hover.MenuSelected, 
#cLS .navitem2 a:active.MenuSelected 
{
	background: #C9E1E6;
	text-decoration: none;
	display: block;
}

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