@charset "utf-8";
/* CSS Document */

#nav, #nav ul {list-style: none;padding: 0;margin: 0;	float: left;}

#nav li {float: left;padding: 0;}

#nav li ul {position: absolute;	left: -999em;height: auto;font-weight: normal;margin: -2px 0px 0px -1px;padding-top: 0px;line-height: 16px;background-color: #EFF3F5;
		border:1px solid #C8CCCD; border-top-style:none;}

#nav li ul li a {padding: 0 0 0 3px !important;}

#nav li li {padding-right: 0px;	margin: 4px 0; text-indent:4px;width:100%;font-size:14px;}

#nav li ul a {font-weight: normal;}

#nav li ul a:hover {font-weight: normal;}

#nav li ul ul {margin: -16px 0 0 140px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;background-color: pink;}

 /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover a, #nav li.sfhover a {
	left: auto;text-decoration: none;}

#nav li:hover ul li, #nav li li:hover ul li, #nav li li li:hover ul li, #nav li.sfhover ul li, #nav li li.sfhover ul li, #nav li li li.sfhover ul li, #nav li.sfhover {
	background-color: #EFF3F5;}

#nav li:hover ul a, #nav li.sfhover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;}

#nav li ul li:hover {font-weight: normal; background-color:#C8CCCD;}

}