#firstcolumnWrapper #navigation {font-size:14px; font-family: verdana, Arial, Helvetica, sans-serif;width:220px;border:none;postion:relative;z-index:2;border-bottom:2px solid #999999; /*position + z-index necessary for subnav to float over content pane on hover in DHHS template*/}
#firstcolumnWrapper #navigation ul {margin:0; padding:0; font-weight: normal;}
#firstcolumnWrapper #navigation li {list-style-type:none;}
/*#navigation li a{padding:80px;}*/

#firstcolumnWrapper #navigation ul.top-level {
background:#026896; /*this color shows through on hover in compat view*/
/*background-image:url(/library/images/blueRightArrow.gif) !important;
/*background-repeat:no-repeat !important;
background-position:2px !important; */
}

#firstcolumnWrapper #navigation ul.top-level li {
 /*border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;*/
 /*margin-left:2px;*/
 margin-top:0;
 padding-top:0;
}

#firstcolumnWrapper #navigation a {
 color: #fff;
 cursor: pointer;
 display:block;
 line-height:1.5em;
 background-color: #0474a6 !important;
background-image:none !important;
}

#firstcolumnWrapper #navigation ul.top-level a{
 width: 210px; /* width necessary to give layout to element for compatibility view; otherwise, there is a vertical gap between links in compat view*/
}

#firstcolumnWrapper #navigation li:hover .sub-level {
    /*background: #999;*/
    border: #ccc solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 218px;
    top: 2px;
}


#firstcolumnWrapper #navigation a:hover{
 /*text-decoration:underline;*/
 /*border-left:3px solid #fff;*/
 /*background:none;*/
}


#firstcolumnWrapper #navigation ul.top-level li a{
	padding:5px 5px 5px 5px;
}


#firstcolumnWrapper #navigation .top-level a:hover{
	text-decoration:underline;
	color:#f2eeee !important;
  	background-color: #008ac8 !important;
	background-image:none !important;

}

#firstcolumnWrapper #navigation li:hover {
 /*background: #026896;*/
 /*border-left:3px solid #fff;*/
 position: relative;
}

/*Second Level*/

#firstcolumnWrapper #navigation ul.sub-level, #firstcolumnWrapper #navigation ul.sub-level li ul.sub-level {
    display: none;
	/* to edit in WYSIWYG mode */
}

/*sub menu width*/
#firstcolumnWrapper #navigation li:hover ul.sub-level a{
 width: 190px; /* width necessary to give layout to element for compatibility view; otherwise, there is a vertical gap between links in compat view*/
 /*width = width + padding and margin*/
padding-right:10px;
}

#firstcolumnWrapper #navigation li:hover .sub-level li:hover .sub-level{
    /*background: #999;*/
    position: absolute;
    left: 195px; /* 1px less than width of parent menu + padding and margin */
    top: 2px;
}


#firstcolumnWrapper #navigation .sub-level {
font-size:14px;	
}

#firstcolumnWrapper #navigation ul.sub-level li {
    border: none;
    float:left;
	margin-top:0;
	padding-top:0;
}

#firstcolumnWrapper #navigation .sub-level {
    /*text-decoration:underline;*/
}

#firstcolumnWrapper #navigation .sub-level a:hover{
    text-decoration:underline;
		color:#f2eeee !important;
}

/*Third Level*/
#firstcolumnWrapper #navigation .sub-level .sub-level a:hover{
    text-decoration:underline; !important;
}

/*Fourth Level*/
#firstcolumnWrapper #navigation .sub-level .sub-level .sub-level a:hover{
    text-decoration:underline;
}


/*RESET STYLES*/

/* hide or show menus when a grandparent list item is hovered */

/* default state of 3rd level is hidden */
#firstcolumnWrapper #navigation li:hover .sub-level .sub-level {
	display:none;
}

/* show 3rd level when 2nd level is hovered */
#firstcolumnWrapper #navigation .sub-level li:hover .sub-level {
	display:block;
}

/* if nav has a fourth level... don't show 4th when 2nd level is hovered*/
#firstcolumnWrapper #navigation li:hover .sub-level .sub-level .sub-level{
	display:none;
}

/* if nav has a fourth level... show it when the 3rd level is hovered*/

#firstcolumnWrapper #navigation .sub-level li:hover .sub-level li:hover .sub-level{
	display:block;
}

/* if nav has a Fifth Level... don't show 5th level when 3rd is hovered*/
#firstcolumnWrapper #navigation li:hover .sub-level li:hover .sub-level .sub-level .sub-level {
	display:none;
}

/* if nav has a fifth level... show it when the 4th level is hovered */
#firstcolumnWrapper #navigation .sub-level li:hover .sub-level li:hover .sub-level li:hover .sub-level{
	display:block;
}

/* nav probably shouldn't go six levels but if so add last 2 selectors above; add grandparent li:hover and .sub-level to first and li:hover .sub-level to 2nd */