﻿/* first level > list */
ul.ds {
	z-index: 1000; font-size:14px; margin:24px 0 0 0;}

/* first level > list items */
ul.ds li {
	float: left;
	position: relative;
	margin: 0;
	line-height: 1em;
	z-index: 1001;}

/* first level > link style */
ul.ds li a, ul.ds li a:visited {
	position: relative;
	display: block;
	padding: 1.2em 1.5em;
	line-height: 1em;
	text-decoration: none;
	color: #fff;}

/* first level > link style > hover */
ul.ds li a:hover {
	color: #5cbeff;}

/* indicators */
ul.ds li div.indicator {}

ul.ds li div.indicator a {
	background-image:url(../images/arrow.jpg);
	background-position: right 20px;
	background-repeat: no-repeat;}

/* open state and hover style */
ul.ds li.open div.indicator a, ul.ds li div.indicator a:hover {
	color: #fff;
	background-color:#004260;
	background-image:url(../images/arrow.jpg);
	background-position: right 20px;}

/* second level > list */
ul.ds li ul {
	position: absolute;
	left: 0;
	visibility: hidden;
	z-index: 1001;
	background:url(../images/menu_bg.jpg);}

/* second level > list items (override first level > list items) */
ul.ds li ul li {
	float: none;
	margin: 0;
	padding:0 0.5em;}

/* second level > link style */
ul.ds li ul li a, ul.ds li ul li a:visited {
	padding:1em;
	color: #eee !important;
	background-image: none;}

/* second level > link style > hover */
ul.ds li ul li a:hover {padding: 1em;}
/* clickstream */
ul.ds li.clickstream a {}

ul.ds li.clickstream div.indicator a {}

ul.ds li.open.clickstream div.indicator a, ul.ds li.clickstream div.indicator a:hover {}

ul.ds li ul li.clickstream a {}
/* list item widths */
div.dsClear { /* to clear the floated list items */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;}






