/* ----------------- Begin Main Navigation ----------------- */	

#navigation {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	height: 37px;
	line-height: 37px;
	background: url(/_design/images/dev/mainNavBg.gif);
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	}

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

#navigation ul li {
	float: left;
	display: inline;
	padding: 0;
	background: url(../images/dev/linkSeparator.gif) no-repeat 0 16px;
	position: relative;
	z-index: 1000;
	}

html #navigation li a span {
	font-family: Baskerville Old Face;
	font-size: 13px;
	margin: 0 13px;
	color: #eee;
	}
html #navigation li a:hover {
	color: #fff;
	}
	
.ekflexmenu_menu_level_2 a span {visibility: visible !important; }


Html #navigation li a:hover {
	background-position: -13px -37px;
	}

#navigation ul ul li {
	display: block;
	height: auto;
	position: relative;
	padding: 0;
	text-transform: none;
	font-size: 90%;
	background: none;
	border-top: 1px solid #fff;
	z-index: 1000;
	}

#navigation a, #navigation a:visited {
	float: left;
	display: block;
	height: 100%;
	}

#navigation ul ul a, #navigation ul ul a:visited {
	background: #7c99b7;
	display: block;
	width: 140px;
	height: 100%;
	line-height: 12px;
	padding: 5px 10px;
	}

#navigation ul table ul a, #navigation ul table ul a:visited  {
	width: 140px;
	w\idth: 120px;
	}

#navigation table {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1em;
	}
#navigation ul ul table {
	lef\t: -1px;
	}
#navigation ul ul table ul.left {
	margin-lef\t: 2px;
	}
#navigation li:hover {
	position: relative;
	}
* html #navigation a:hover {
	position: relative;
	}

/* First Level */
#navigation ul :hover a.sub1 {background:#4a92ca;}
/* Second Level */
#navigation ul ul :hover a.sub2 {background:#4a92ca;}
/* Third Level */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#4a92ca;}

/* First Level */
#navigation a:hover {color:#fff;}
#navigation :hover > a {color:#fff;}
/* Second Level */
#navigation ul ul a:hover{color:#fff; background: #42709c;}
#navigation ul ul :hover > a {color:#fff; background: #42709c;}
/* Third Level */
#navigation ul ul ul a:hover {background: #327fcf;}
#navigation ul ul ul :hover > a {background: #327fcf;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 37px;
	left:0;
	width: 140px;
	}

/* position the third level flyout menu */
#navigation ul ul ul {left:140px; top:0; width:140px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-140px;}

/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul, #navigation ul a:hover ul {
	visibility: visible;
	height: auto;
	padding-bottom: 0;
	}

/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul {visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */
#navigation ul :hover ul :hover ul ul {visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul {visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */
#navigation ul :hover ul :hover ul :hover ul {visibility:visible;}

/* highlight currently selected menu item using Ektron generated tags */

#navigation a.ekflexmenu_button_selected {
	  color: #8abbed;
      }
#navigation a.ekflexmenu_button_selected_hover {
      }


/* ----------------- End Main Navigation ----------------- */