#nav-bar { padding:0px;  }
#nav { float:left; margin:0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}

/************** ALL LEVELS  *************/
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:99; }
#nav li.active { z-index:100; }
#nav a,
#nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; }
#nav a { line-height:25px; }


/************ 1ST LEVEL  ***************/
#nav li { float:left;  margin-right: 3px; }
#nav li.active { margin-left:-1px; color:#FFF; font-weight:bold;  }
#nav li.active em { display:block; position:absolute; top:0; right:-1px; width:3px; height:25px;}
#nav a {color: #AFAFAF; font-size: 14px; font-weight: bold; line-height: 25px; padding: 0 18px;}
#nav li.over a { color:#FFF; background-color: #000000;}

/************ 1ST LEVEL RESET ************/
#nav ul li,
#nav ul li.active { list-style-image:none;list-style-position:outside;list-style-type:none;margin:-3px 0;padding:0; float:none; height:auto; background:none; }
#nav ul a,
#nav ul a:hover { float:none; padding:0; line-height:1.3em; }
#nav ul li.over a,
#nav ul li.over a:hover,
#nav ul a,
#nav li.active li { font-weight:normal; }


/************ 2ND LEVEL ************/
#nav ul { list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 3px 0; position:absolute; width:220px; top:25px; left:-10000px; }
#nav ul ul  { list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:2px 0 0 0; border:0; left:100px; top:13px; }

/* Show menu */
#nav li.over ul { left:0px; }
#nav li.over ul ul { left:-10000px; }
#nav li.over ul li.over ul { left:100px; }

#nav ul li {}
#nav ul li a { background:#E9ECF1; }
#nav ul li a:hover { background:#E9ECF1;}
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a{color:#FFF}
#nav ul li a:hover { color:#FFF; }
#nav ul span,
#nav ul li.last li span { padding:5px 15px; }
#nav ul li.last span,
#nav ul li.last li.last span { background:none; }
#nav ul li.last { padding-bottom:3px; }
#nav ul li.parent a,
#nav ul li.parent li.parent a { }
#nav ul li.parent li a,
#nav ul li.parent li.parent li a { background-image:none; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; }

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

/* Show menu */
#nav ul ul ul { left:-10000px; list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; }
#nav li.over ul li.over ul ul { left:-10000px;}
#nav li.over ul li.over ul li.over ul { left:100px; }
#nav-bar:after, #nav-container:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

@media only screen and (min-width: 950px) and (max-width: 1024px) {
	#nav a {padding: 0 8%;}
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
	
	#nav a {
		font-size: 1.05em;
		padding: 0 8%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 780px) {
	#nav a {padding: 0 5%;}
	#nav {
		background-color: #444444;
		position: absolute;
		z-index: 999;
	}
	
	#nav li{
		clear: both;
		display: block;
		float: left;
		padding: 0 0 0 2%;
		width: 100%;
	}
	#nav span {
		font-size: 12px;
		font-weight: normal;
	}
	#nav ul {
		margin: 0 0 0 40px;
		top: 31px;
	}
	#nav ul li a,#nav ul li a:hover {
		font-size: 1em;
		padding: 0
	}
}
@media only screen and (max-width: 480px) {
	#nav a {padding: 0 1%;}
	#nav li{
		clear: both;
		display: block;
		float: left;
		margin-right: 0;
		padding: 0 0 0 1%;
		width: 99%;
	}
	#nav li.over a { color:#DA251D; background-color: #204D8E }
	#nav span {
		font-size: 12px;
		font-weight: normal;
	}
	#nav ul {
		margin: 0 0 0 40px;
		top: 31px;
	}
	#nav ul li a,#nav ul li a:hover {
		font-size: 1em;
		padding: 0
	}
	#nav ul {
		margin: 0 0 0 20px;
		top: 22px;
	}
}