/* style for first level menu */
#access ul {line-height:40px;}
#access ul li {float:left; margin:0 0 0 25px;position:relative;}
#access ul li li{margin:0;}
#access li a {color:#d9d9d9; font-size:12px; text-transform:uppercase;}
#access li a:hover, #access ul li.sfHover a, #access li.current-menu-item a, #access li.current-menu-parent a{background: url(../images/drop.gif) repeat-x left bottom;}
#access ul li.sfHover li a, #access li.current-menu-item li a, #access li.current-menu-parent li a{background:none;}
/* style for Second level menu */
#access ul ul {
 margin-top: -13px;
 padding: 0px 0 2px;
}

/* style for Third level menu */
#access ul ul ul{background-image:none;padding-left:0px;}
#access ul ul li {background:#D5E2E2; padding:0; }
#access ul ul li a {margin: 0;color: #095455; font-size: 11px; padding: 10px 20px; text-transform: none; display: block; border-bottom: 1px solid #3BA1A3;}

#access ul ul li a, #access ul ul li a:link, #access ul ul li a:visited {line-height: 20px;}
#access ul ul li a:hover{background: none repeat scroll 0 0 #eaf1f1; color: #095455;}

#access ul ul {
	position:		absolute;
	top:			-999em;
	width:			230px; /* left offset of submenus need to match (see below) */
}
#access ul ul li {
	width:			100%;
}
#access ul li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#access ul li {
	float:			left;
	position:		relative;
}
#access ul a {
	display:		block;
	position:		relative;
}
#access ul li:hover ul,
#access ul li.sfHover ul {
	left:			0;
	top:			53px; /* match top ul list item height */
	z-index:		99;
}
#access ul li:hover li ul,
#access ul li.sfHover li ul {
	top:			-999em;
}
#access ul li li:hover ul,
#access ul li li.sfHover ul {
	left:			131px; /* match ul width */
	top:			0px;
	padding:0 0 0 20px;;
}
#access ul li li:hover li ul,
#access ul li li.sfHover li ul {
	top:			-999em;
}
#access ul li li li:hover ul,
#access ul li li li.sfHover ul {
	left:			131px; /* match ul width */
	top:			0;
}

/*** arrows **/
#access ul a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	position:relative;
	padding-right:0px;
}
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			0px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/menu-down-arrow.png') no-repeat 5px 0px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			35px;
	background-position: 0 0px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: 0 00px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#access ul ul .sf-sub-indicator { background-position:  -29px -14px; top:15px; right:10px }
#access ul ul a > .sf-sub-indicator { background-position:  -29px -14px; }
/* apply hovers to modern browsers */
#access ul ul a:focus > .sf-sub-indicator,
#access ul ul a:hover > .sf-sub-indicator,
#access ul ul a:active > .sf-sub-indicator,
#access ul ul li:hover > a > .sf-sub-indicator,
#access ul ul li.sfHover > a > .sf-sub-indicator {
	background-position:  -29px -14px; /* arrow hovers for modern browsers*/
}