/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ DISPLAY NAVIGATION ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.		
*/

.DisplayNavigation.DisplayList,
.DisplayNavigation.DisplayList2,
.DisplayNavigation.DisplayList3{
	clear: none;
	float: left;
	display: block;
	width: 262px;
	margin: 0px 40px 20px 18px;
	*margin: 0px 40px 0px 18px;
	font-family: Arial, Helvetica, sans-serif;
	height: 1%;
}
* html .DisplayNavigation.DisplayList,
* html .DisplayNavigation.DisplayList2,
* html .DisplayNavigation.DisplayList3{
	margin: 0px 40px 20px 0px;
}
.DisplayNavigation.DisplayList4 {
	clear: none;
	float: left;
	display: block;
	width: 570px;
	margin: 70px 40px 0px 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.DisplayNavigation h1.CustomTitle {
	color: #99ccff;
	font-size: 1.5em;
	border-bottom: #99ccff 1px solid;
	text-transform: capitalize;
	font-weight: bold;
	margin: 5px 0 10px 0px;
	padding: 0px 0px 5px 10px;
}
ul.DisplayNavigationList
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.DisplayList4 ul.DisplayNavigationList
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.DisplayNavigationList li {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	white-space: normal;
	padding: 0px 0px 0px 0px;
	background: url(/Templates/_images/displayTitle.gif) no-repeat 0 6px;
}
.DisplayList4 ul.DisplayNavigationList li {
	background: url(/Templates/_images/displayTitle2.gif) no-repeat 0 6px;
	line-height: 1.2em;
	width: 190px;
	float: left;
	clear: none;
}
ul.DisplayNavigationList a {
	margin: 0px 10px 0 6px;
	padding: 2px 10px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}
ul.DisplayNavigationList a:hover {
	text-decoration: none;
	display: block;
	color: #99ccff;
}
.DisplayList4 ul.DisplayNavigationList a {
	margin: 0px 10px 0 6px;
	padding: 2px 10px;
	text-decoration: none;
	display: block;
	color: #1c3a6e;
	font-weight: bold;
}
.DisplayList4 ul.DisplayNavigationList a:hover {
	text-decoration: none;
	display: block;
	color: #fff;
}

/* === [ Selected state ] === */
 
ul.DisplayNavigationList a:link.MenuSelected, 
ul.DisplayNavigationList a:visited.MenuSelected, 
ul.DisplayNavigationList a:hover.MenuSelected, 
ul.DisplayNavigationList a:active.MenuSelected {
	text-decoration: none;
	display: block;
	color: #99ccff;
}
.DisplayList4 ul.DisplayNavigationList a:link.MenuSelected, 
.DisplayList4 ul.DisplayNavigationList a:visited.MenuSelected, 
.DisplayList4 ul.DisplayNavigationList a:hover.MenuSelected, 
.DisplayList4 ul.DisplayNavigationList a:active.MenuSelected {
	text-decoration: none;
	display: block;
	color: #fff;
}

 /* === [ Selected Parent state ] === */
 
ul.DisplayNavigationList a:link.SelectedParent1, 
ul.DisplayNavigationList a:visited.SelectedParent1, 
ul.DisplayNavigationList a:active.SelectedParent1,
ul.DisplayNavigationList a:hover.SelectedParent1 {
	text-decoration: none;
	display: block;
	color: #99ccff;
}
.DisplayList4 ul.DisplayNavigationList a:link.SelectedParent1, 
.DisplayList4 ul.DisplayNavigationList a:visited.SelectedParent1, 
.DisplayList4 ul.DisplayNavigationList a:active.SelectedParent1,
.DisplayList4 ul.DisplayNavigationList a:hover.SelectedParent1 {
	text-decoration: none;
	display: block;
	color: #fff;
}
