
/* special styles for sidebar focus areas */

nav.sidebar-menu ul.menu li.focus-areas ul.menu li {
	display:table;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li a {
	display:table-cell;
	vertical-align:middle;
	color:#808080;	
	padding-left:66px;
	height:50px;
	width:200px;
	background-color:#ffffff;	
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li a.active {
	text-decoration:none;
	color:#076233;
	background-color:#e5e5e5;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.climate-policy a {
	background-image:url(images/icon_climate_policy_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.climate-policy a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.climate-policy a.active {
	background-image:url(images/icon_climate_policy_46.png);
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.food-water a {
	background-image:url(images/icon_food_and_water_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.food-water a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.food-water a.active {
	background-image:url(images/icon_food_and_water_46.png);
}


nav.sidebar-menu ul.menu li.focus-areas ul.menu li.population-infrastructure a {
	background-image:url(images/icon_population_and_infrastructure_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;    
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.population-infrastructure a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.population-infrastructure a.active {	
	background-image:url(images/icon_population_and_infrastructure_46.png);
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.natural-ecosystems a {
	background-image:url(images/icon_natural_ecosystems_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.natural-ecosystems a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.natural-ecosystems a.active {
	background-image:url(images/icon_natural_ecosystems_46.png);
}


nav.sidebar-menu ul.menu li.focus-areas ul.menu li.energy a {
	background-image:url(images/icon_energy_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.energy a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.energy a.active {
	background-image:url(images/icon_energy_46.png);
}


nav.sidebar-menu ul.menu li.focus-areas ul.menu li.earth-system-science a {
	background-image:url(images/icon_earth_system_science_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.earth-system-science a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.earth-system-science a.active {
	background-image:url(images/icon_earth_system_science_46.png);	
} 



nav.sidebar-menu ul.menu li.focus-areas ul.menu li.regional-analysis a {
	background-image:url(images/icon_regional_analysis_gray_46.png);
	background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position:10px 2px, center;
}

nav.sidebar-menu ul.menu li.focus-areas ul.menu li.regional-analysis a:hover,
nav.sidebar-menu ul.menu li.focus-areas ul.menu li.regional-analysis a.active {
	background-image:url(images/icon_regional_analysis_46.png);
}


/* end special styles for sidebar focus areas */
