/* ================ */
/* = Nav Bar = */
/* ================ */

.nav_bar {
	
}

.nav_bar .button {
	color:white;
	display:block;
	height:40px;
	width:227px;
	position:relative;
	float:left;
	margin-left:10px;
}

.nav_bar .button.first {
	margin-left:0;
}

.nav_bar .button.initiatives {
	background: url(../images/nav/initiatives.png) no-repeat;
}
.nav_bar .button.publications {
	background: url(../images/nav/publications.png) no-repeat;
}
.nav_bar .button.media_events {
	background: url(../images/nav/media_events.png) no-repeat;
}
.nav_bar .button.about {
	background: url(../images/nav/about.png) no-repeat;
}

.nav_bar .button {
	display:block;
	height:40px;
	width:227px;
	position:relative;
	z-index:998;
}

.nav_bar .button ul {
	display:none;
	position:absolute;
	top:36px;
	left:auto;
	width:100%;
	z-index:999;
}

.nav_bar .button:hover ul {
	display:block;
}

.nav_bar .button ul li {
	font-size: 10px;
	float:left;
	background-color: #6e2405;
	width:100%;
	position: relative;
}

.nav_bar .button ul li:hover {
	background-color: #991531;
}

.nav_bar .button ul li.heading {
	background-color: #ed1848;
}

.nav_bar .button ul li a {
	padding:5px;
	display:block;
	color:#fff;
	text-decoration: none;
}

/* submenu */
.nav_bar .button ul ul.submenu {
	display: none;
	position: absolute;
	top: 0;
	left: 227px;
	width: 100%;
	z-index: 999;
}
.nav_bar .button ul .link:hover .submenu {
    display: block;
}