.bar {
	display: block;
	height:28px;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

.bar li, .bar a, .bar span {
	display: block;
	float: left;
}

.bar li a span {
	background-attachment:scroll;
	color:#1B3B5F;
	font-weight:bold;
	margin:0 2px;
	padding:5px 18px;
	text-decoration:none;
}

.bar li a:hover {
	color: #FFFFFF;
}


.bar li a.red, .bar li a.pink, .bar li a.purple, .bar li a.blue, .bar li a.turq, .bar li a.green {
	background-attachment:scroll;
	color:#1B3B5F;
	font-weight:bold;
	margin:0 2px;
	padding:5px 18px;
	text-decoration:none;
}



.bar2 {
	display: block;
	height:28px;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	width: 768px;
}

.bar2 li, .bar2 a, .bar2 span {
	display: block;
	float: left;
}

ul.parent ul.parent li {
	visibility: hidden;
}

ul.parent ul.parent li li {
	visibility: visible;
}

.bar2 li a span {
	background-attachment:scroll;
	color:#1B3B5F;
	font-weight:bold;
	margin:0 2px 0 2px;
	padding:5px 23px;
	text-decoration:none;
}

.bar2 li a:hover, .bar2 li.active a {
	color: #FFFFFF;
	background-image: url(../../../../img/nav-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bar2 li a:hover span, .bar2 li.active a span {
	color: #FFFFFF;
	background-color: #1B3B5F;
	background-image: url(../../../../img/nav-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.bar2 li li a:hover, .bar2 li.active li a {
	color: #1B3B5F;
	background: none;
}

.bar2 li li a:hover span, .bar2 li.active li a span {
	color: #1B3B5F;
	background: none;
}

.bar2 li li a:hover span, .bar2 li li a:hover {
	color: #fff;
}