/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	background:#FFF;
	margin:0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	width:25%;
	text-align:center;
	border-bottom:1px solid #EAEAEA;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	padding:0;
	width:100%;
}

.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%;
}


/*** DEMO SKIN ***/
.sf-menu {
	min-width:100%;
	float: left;
	margin-top:0;
}

.sf-menu ul {
	min-width:100%;
	width:auto;
	z-index: 99;
	background:#484D51;
	border-bottom:2px solid #006f9c;
}

.sf-menu ul li ul {
	/*width:275px;*/
	top:-1px;
	background:#E6E7E9;
}

.sf-menu ul li {
	width:auto;
	text-align:left;
	white-space: nowrap;
	-webkit-transition: background .2s;
	transition: background .2s;
	border-bottom:1px solid #E6E7E9;
}

.sf-menu li:hover {
	background:url(../img/menuBgH.png);
	
}

.sf-menu a {
	/*color: #FFFFFF;*/
	color:#474D51;
    font-weight:bold;
    text-transform: uppercase;
	padding:10px 10px 12px 10px;
	border-right:1px solid #EAEAEA;
	
}


.sf-menu a img {
	background:transparent;
	width:110px;
	height:56px;
	display:block;
	margin:0 auto 15px auto;
	filter: invert(22%) sepia(94%) saturate(2374%) hue-rotate(179deg) brightness(90%) contrast(105%);
}

.sf-menu ul a {
	color:#FFFFFF;
	font-weight:normal;
}

.sf-menu a:hover, .sf-menu a:active, .sf-menu .active, .sf-menu li:hover > a {
	background:#006f9c;	/* url(../img/menuBgA.png) no-repeat bottom center */
	color:#FFFFFF;
	font-weight:600;
	text-shadow:none;
	
}

.sf-menu a:hover > img, .sf-menu li:hover > a img {
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(32deg) brightness(106%) contrast(106%);
}


.sf-menu ul a, .sf-menu ul a:hover, .sf-menu ul li:hover > a {
	color:#474D51;
	text-transform:none;
	padding:9px 10px;
	
}

.sf-menu ul li:last-child {
	border-bottom:none;
}

.sf-menu ul a:hover, .sf-menu ul li:hover > a {
	background:#ff6161;
	color:#fff;
}

.sf-menu ul li ul a {
	color:#474D51;	
}

.sf-menu ul li ul a:hover {
	/*text-decoration:underline;*/
}

/*** Content menu ***/
#top #menuBg {
	background:#D8D8D8;
	height:73px;
	margin:0;
}

#top .sf-menu {
margin-top:1px;
}

#top .sf-menu li a {
	color:#474D51;
    text-decoration:none;
}

#top .sf-menu li a:hover, #top .sf-menu li:hover > a, #top .sf-menu #nochild:hover > a {
	background:#E6E7E9;
	/*url(../img/menuBgA.png) no-repeat bottom center;*/
	color:#75BB57;
    text-decoration:none;
	
	border-bottom:2px solid #76BC59;
	padding-bottom:27px;
}

#top .sf-menu li .active:hover {
	border:none;
	padding-bottom:29px;	
}

#top .sf-menu #nochild:hover > a {
	background:#E6E7E9;
}

#top .sf-menu .active {
	background:#E6E7E9;	
	color:#75BB57;
}

#top .sf-menu li ul .active {
	color:inherit;
}

#top .sf-menu li ul li ul .active {
	text-decoration:underline;
}

#top .sf-menu ul a {
	color:#FFFFFF;	
}

#top .sf-menu ul a:hover, #top .sf-menu ul li:hover > a {
	text-transform:none;
	background-color:#E6E7E9;
	background-image:none;
	color:#474D51;
}

#top .sf-menu ul li ul a {
	color:#474D51;
}

#top .sf-menu ul li ul a:hover {
	text-decoration:underline;
}


#top #weather, #top #date {
	background:#F2F2F2;
	color:inherit;
}

#top #weather {
	background:#F2F2F2 url(../img/sunnyBgBlack.png) no-repeat center 5px;	
}