/*** ESSENTIAL STYLES ***/
.CMSListMenuUL, .CMSListMenuUL * {margin: 0; padding: 0; list-style: none; z-index:101; }
.CMSListMenuUL {line-height: 1.0;}
.CMSListMenuUL ul {position: absolute; top: -999em; display: block;
	width: 18em; /* left offset of submenus need to match (see below) */}
.CMSListMenuUL ul li {width: 100%; float: none;}
.CMSListMenuUL li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.CMSListMenuUL li {float: left; position: relative;}
.CMSListMenuUL a {display: block; position: relative;}
.CMSListMenuUL li:hover ul,
.CMSListMenuUL li.sfHover ul {left: 0; z-index:	99;
	top: 34px; /* match top ul list item height */}
ul.CMSListMenuUL li:hover li ul,
ul.CMSListMenuUL li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li:hover ul,
ul.CMSListMenuUL li li.sfHover ul {top:	0;
	left: 18em; /* match ul width */}
ul.CMSListMenuUL li li:hover li ul,
ul.CMSListMenuUL li li.sfHover li ul {top: -999em;}
ul.CMSListMenuUL li li li:hover ul,
ul.CMSListMenuUL li li li.sfHover ul {top: 0;
	left: 18em; /* match ul width */}

/*** DEMO SKIN ***/
#nav {
	background: url(../img/bg_nav.png) repeat-x; 
	clear: both; 
	z-index: 100; 
	height: 34px; /* 39 -5 padding */
	width: 100%; 
	padding: 5px 0 0 5px;	
	margin-bottom: 10px;
}
#nav ul { 
	height: 34px; 
}
#nav li {
	margin-left: 2px;
}
#nav a {
	padding: 10px 16px; 
	text-decoration:none;
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 13px;
	color: #555;
}
#nav li:hover a {
	color: #fff;
}
#nav li:hover, li.sfHover  {
	background: #464646; 
	color: #fff; 
	border-radius: 4px 4px 0 0;
}
.CMSListMenuLinkHighlighted {
	color: #4370c9;
}	
#nav ul ul {
	background: #464646;
	height: auto;
	border-radius: 0 4px 4px 4px;
	box-shadow: 4px 4px 4px rgba(0,0,0,.4);
}
#nav li li {
	margin-left: 0;
	border-bottom: 1px solid #6d6d6d;
}
#nav li li:last-child {
	border-radius: 0 0 4px 4px;
	border-bottom: 0 none;
}
#nav li li:first-child {
	border-radius: 0 4px 0 0;
}
#nav li li:hover {
	background: #636363;
}
#nav li li a {
	color: #fff; 
	font-weight: normal;
	font-size: 12px; 
	text-transform: none;
}
.CMSListMenuUL li:hover, .CMSListMenuUL li.sfHover,
.CMSListMenuUL a:focus, .CMSListMenuUL a:hover, .CMSListMenuUL a:active {
	outline: 0; text-decoration: none;
}




/*** arrows **/
#nav a.sf-with-ul {
	min-width: 1px;
	padding-right: 34px; 
}
.sf-sub-indicator {
	position: absolute; 
	display: block; 
	right: 20px; 
	top: 14px; 
	width: 10px; 
	height: 10px; 
	text-indent: -999em; 
	overflow: hidden;
	background: url(../img/arrows-custom.png) no-repeat 0 -100px; 
}

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: -10px -100px; 
}

/* point right for anchors in subs */
.CMSListMenuUL ul .sf-sub-indicator { 
	background-position:  -10px 0; 
}
.CMSListMenuUL ul a > .sf-sub-indicator { 
	background-position:  0 0; 
}
/* apply hovers to modern browsers */
.CMSListMenuUL ul a:focus > .sf-sub-indicator, .CMSListMenuUL ul a:hover > .sf-sub-indicator,
.CMSListMenuUL ul a:active > .sf-sub-indicator, .CMSListMenuUL ul li:hover > a > .sf-sub-indicator,
.CMSListMenuUL ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; 
}

/*   *** new arrows *** */
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 28px !important;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #333; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(000,000,000,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -1px;
	border-color: transparent;
	border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* tree menu webpart with cssPrefix of l1;l2;l3;l4 & alternating styles---------------------------- */

table.l1CMSTreeMenuTable {width: 200px;}
/* all  */
table.l1CMSTreeMenuTable td {padding-left: 0;}
table.l1CMSTreeMenuTable a {
	color: #666; text-decoration: none; display: block; 
	padding: 0.5em 0 0.5em 0.5em; border-bottom: 1px dashed #b2b2b2;   
	font-size: 12px; }
/* level 1 */
td.l1CMSTreeMenuItem {}
td.l1CMSTreeMenuItem a {}
td.l1CMSTreeMenuItem a:hover {text-decoration: none; color: #000; background: #EFEFEF;}
/* alternate style */
td.l1CMSTreeMenuItemAlt {}
td.l1CMSTreeMenuItemAlt a {}
td.l1CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l1CMSTreeMenuSelectedItem {}
td.l1CMSTreeMenuSelectedItem a { background: #e7e7e7; color:#255fae; font-weight: bold;}
td.l1CMSTreeMenuSelectedItem a:hover {}

/* level 2 */
td.l2CMSTreeMenuItem { padding-left: 10px !important; }
td.l2CMSTreeMenuItem a { }
td.l2CMSTreeMenuItem a:hover {text-decoration: none; color: #000; background: #EFEFEF;}
/* alternate style */
td.l2CMSTreeMenuItemAlt {}
td.l2CMSTreeMenuItemAlt a {}
td.l2CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l2CMSTreeMenuSelectedItem { padding-left: 10px !important;  }
td.l2CMSTreeMenuSelectedItem a { background: #e7e7e7; color:#255fae;}
td.l2CMSTreeMenuSelectedItem a:hover {}

/* level 3 */
td.l3CMSTreeMenuItem {padding-left: 20px !important; }
td.l3CMSTreeMenuItem a {}
td.l3CMSTreeMenuItem a:hover {text-decoration: none; color: #000; background: #EFEFEF;}
/* alternate style */
td.l3CMSTreeMenuItemAlt {}
td.l3CMSTreeMenuItemAlt a {}
td.l3CMSTreeMenuItemAlt a:hover {}
/* current item style */
td.l3CMSTreeMenuSelectedItem {padding-left: 20px !important; }
td.l3CMSTreeMenuSelectedItem a {background: #e7e7e7; color:#255fae;}
td.l3CMSTreeMenuSelectedItem a:hover {}

/* hide level 4 */
td.l4CMSTreeMenuItem {display: none;}
td.l4CMSTreeMenuItemAlt {display: none;}
td.l4CMSTreeMenuSelectedItem {display: none;}