/* Root Level */ 
#nav-bar                {
	list-style:none;
	margin:0;
	padding:0;
	background-color: #999;
}

#nav-bar li             {
	float:left;
	position:relative;
	margin:0;
	padding:0;
	font-weight: bold;
	width: 150px;
}

#nav-bar li a           {
	border-right:1px solid #AAA;
	color:#FFF;
	padding:4px 4px 4px 0px;
	text-decoration:none;
	line-height: 11px;
	font-weight: bold;
	display:block;
}

#nav-bar li a:hover     {
	background-color:#333;
	color:#FFF;
	font-weight: bold;
}

/* Icons */
#nav-bar .home      a {
	background-color: #936fb1;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav-bar .informed a {
	background-color: #e7a800;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav-bar .interact a {
	background-color: #32acfd;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav-bar .inthenews a {
	background-color: #cf0226;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav-bar .takeaction a {
	background-color: #58b635;
	background-position: left top;
	padding-top: 7px;
	padding-bottom: 7px;
}

#nav-bar .home  ul  a, #nav-bar .informed ul a, #nav-bar .interact    ul a, 
#nav-bar .inthenews ul  a, #nav-bar .takeaction ul  a
{ background:#CCC;  }

/* 2nd Level */ 
#nav-bar ul             { z-index:1000000; display:none; list-style:none; position:absolute; left:-1px; top:25px; margin:0; padding:0; border:solid 1px #FFF}
#nav-bar ul li          { float:none; }
#nav-bar ul li a        {
	vertical-align:bottom;
	font-weight:bold;
	color:#666;
	width:160px;
	border:0;
	padding:4px;
	border-bottom:1px solid #AAA;
	/* hack to set IE's "hasLayout()" property, getting rid of IE whitespace bug */
	display:inline-block;
	/* end hack */
}

#nav-bar ul li a:hover  {
	background:#999;
	color:#FFF;
	font-weight: bold;
}

/* Show / Hide */
#nav-bar li:hover > ul  {	display:block; }ti