/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu li{position:relative;}
.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li{float:left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block;}
.sf-menu a{display:block;position:relative;}
.sf-menu ul ul{top:0;left:100%;}
.sub_padding_1{padding-left:0;padding-right:10px;}
.sub_padding_2{padding-left:0;padding-right:10px;}

/*** DEMO SKIN ***/
.sf-menu{float:left;margin-bottom:1em;}
.sf-menu ul{box-shadow:2px 2px 6px rgba(0,0,0,.2);min-width:12em; /* allow long menu items to determine submenu width */*width:12em; /* no auto sub width for IE7, see white-space comment below */}
.sf-menu a{	/*border-left: 1px solid #fff;*/

	/*border-top: 1px solid #dFeEFF;  fallback colour must use full shorthand */

	/*border-top: 1px solid rgba(255,255,255,.5);*/
padding:.75em 1em;text-decoration:none;zoom:1; /* IE7 */}
.sf-menu a{color:black;}
.sf-menu li{	/*background: #BDD2FF;*/
white-space:nowrap; /* no need for Supersubs plugin */white-space:normal; /* ...unless you support IE7 (let it wrap) */-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul li{background:rgba(255,255,255,1);}
.sf-menu ul ul li{background:#9AAEDB;}
.sf-menu li:hover,.sf-menu li.sfHover{background:#F2F2F2;	/* only transition out, not in */-webkit-transition:none;transition:none;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul{padding-right:1em;	/*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: 1em;
margin-top: -3px;
height: 0;
width: 0;
 order of following 3 rules important for fallbacks to work 
border: 5px solid transparent;
border-top-color: #dFeEFF;  
border-top-color: rgba(255,255,255,.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:-3px;border-color:transparent;border-left-color:#dFeEFF; /* 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;}