/*  left list */


ul#navigation {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#navigation li {
	width: 220px;
	border-bottom: solid 1px #b4b9c1;
}

ul#navigation li .child li {
	border-bottom: none;
}

ul#navigation a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding: 8px;
	text-decoration: none;
	padding-left: 20px;
	background-image:url(images/navigation-dot.jpg);
	background-repeat:no-repeat;
	background-position: 5px center;
}

#navigation a:hover, #navigation li.current a {
	color: #FFFFFF;
	/*
	color: #CECECE;
	background-image:url(images/navigation-dot_over.jpg);
	*/
}



/*flyout or open */

/*

	LIs
	hover:  you've moused over a flyout
	open: This thing is open, and always displays
	current: this is the page you're on
	
	ULs
	child
	
	
	notes:
		no JS if open
		js otherwise to change between hover and default classes and just defualt classes
		if open can also be current
	
*/


/*open level 1 */

#navigation.navigation .open ul.child {
	margin-left: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#navigation.navigation .open ul.child li {
	width: auto;
	border: none;
}
#navigation.navigation .open ul.child li a {
	font-size: 12px;
	display: block;
	color: #FFFFFF;
	padding: 0px;
	padding-left: 15px;
	background-image:url(images/navigation-bullet.jpg);
	background-repeat:no-repeat;
	background-position: 5px center;
}
#navigation.navigation .open ul.child li.current a {
	font-weight: bold;
}
#navigation.navigation .open ul.child li.open li a  {
	font-size: 11px;
}
#navigation.navigation .open ul.child li.current li a  {
	font-weight: normal;
}
#navigation.navigation .open ul.child li a:hover {
	background-color: #FFFFFF;
	color: #000000;
}



/* flyouts */

/* .navigation ul.child, .navigation .hover ul.child ul.child, .navigation .open ul.child ul.child, .navigation ul.child .open ul.child ul.child, .navigation  ul.child .hover ul.child ul.child  { */
.navigation ul.child, 
.navigation .hover ul.child ul.child, 
.navigation .open ul.child ul.child, 
.navigation .open ul.child .open ul.child ul.child, 
.navigation  .hover ul.child .hover ul.child ul.child,  
.navigation .open ul.child .open ul.child ul.child, 
.navigation  .open ul.child .hover ul.child ul.child  
{
	display: none;
}


.navigation .open ul.child, 
.navigation .hover ul.child, 
.navigation .hover ul.child li.hover ul.child, 
.navigation .open ul.child .hover ul.child,  
.navigation .open ul.child .open ul.child,
.navigation .hover ul.child .hover ul.child .hover ul.child,  
.navigation .open ul.child .hover ul.child .hover ul.child,  
.navigation .open ul.child .open ul.child .hover ul.child ,  
.navigation .open ul.child .open ul.child .open ul.child   
{
	display: block;
}


.navigation .hover ul.child, ul#navigation.navigation .open ul.child .hover ul.child {
	position: absolute;
	z-index: 3;
	list-style-type: none;
	margin: 0px;
	margin-left: -20px;
	padding: 0px;
	text-align: left;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.navigation .hover ul.child .hover ul.child {
	margin-top: -20px;
	margin-left: 200px;;
}

.navigation ul.child li {
	display: inline;
}	
.navigation .hover ul.child li a,ul#navigation.navigation .open ul.child .hover ul.child li a, ul#navigation.navigation .hover ul.child li a  {
	display: block;
	border-top-width: 0px;
	margin: 1px;
	background-color: #919A90;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 10px;
	white-space: nowrap;
	background-image: none;
	min-width: 100px;

}
.navigation ul.child li.hover a:hover, ul#navigation.navigation .open ul.child .hover ul.child li a:hover,  ul#navigation.navigation .hover ul.child li a:hover {
	background-color: #0675a7;
	color: #FFFFFF;
}




ul#navigation.navigation .open ul.child .hover ul.child,  ul#navigation.navigation .hover ul.child  {
	margin-top: -10px;
	margin-left: 90px;
}