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

/*
#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
*/



.access {	
	display: block;
	float: left;	
}
.access ul {
	list-style: none;
	padding-left: 0;
}
.access li {
	float: left;
	position: relative;
	display:block;
	padding-bottom:5px;
	display:block;
}
.access ul li {
color: #fff;
	font-size: 10px;
	font-weight: bold;
	height: auto;	
	margin-left:0px;
	display:block;
	padding-left:8px;
	padding-right:8px;
}
.access ul li a {
	color: #fff;
	display: block;
	top:10px;
	text-decoration: none;
}

.access ul ul li a {
	color: #fff;
	display: block;
	top:10px;
	text-decoration: none;
}

.access ul ul li a:hover {
	color: #007dc0;
	display: block;
	top:10px;
	text-decoration: none;
}

.access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 15px;
	padding-top:10px;
	left: 0;
	width: 180px;
	z-index: 99999;
	border:solid 1px #fed202;
	margin-left:-10px;
}
.access ul ul ul {
	left: 100%;
	top: 0;
	padding:0px;
		margin-left:-10px;
}
.access ul ul a {
	color: #000;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	line-height: 1px;
	width: 175px;
	margin-top:1px;
	display:block;
	margin-left:-10px;
	padding:5px 0px 5px 10px;
}
.access ul ul a:hover{
	color: #3f9291;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	line-height: 1px;
	width: 175px;
	margin-top:1px;
	display:block;
	margin-left:-10px;
	padding:5px 0px 5px 8px;
	background-color:#fed202;
}
.access ul ul :hover > a,
.access a:focus {
color:#fff;
display:block;
}
.access li:hover > a,
.access a:focus {
color:#fed202;
display:block;
}
.access li:hover > a,
.access a:focus {
	color:#fed202;
	display:block;
}
.access ul li:hover > ul {
	display: block;
	background:url('http://realmofcaringfoundation.org/wp-content/themes/realm/scripts/sf/images/menubg.png') repeat;
	margin-top:0px;
	color:#fff;
	padding-left:0px;
}
.access .current_page_item > a,
.access .current_page_ancestor > a {
	color:#fff;
}