/* NAVBAR TESTING */
ul li div div{
	height:18px;
	background-position: 5px 3px;
	margin-top:4px;
	display:block;
}
ul li div.menucontainer{
	height:27px;
}
ul li div:hover{
	background-position: 5px 23px;
}
ul li div.nav2it{
	width:55px;
	background-image:url('../images/nav_2it.png');
}
ul li div.navsocial{
	width:60px;
	background-image:url('../images/nav_social.png');
}
ul li div.navvideo{
	width:60px;
	background-image:url('../images/nav_video.png');
}
ul li div.navsearch{
	width:60px;
	background-image:url('../images/nav_search.png');
}
ul li div.navnews{
	width:110px;
	background-image:url('../images/nav_news.png');
}
ul li div.navreference{
	width:120px;
	background-image:url('../images/nav_reference.png');
}
ul li div.navfinancial{
	width:75px;
	background-image:url('../images/nav_financial.png');
}
ul li div.navshopping{
	width:75px;
	background-image:url('../images/nav_shopping.png');
}
ul li div.navhealth{
	width:60px;
	background-image:url('../images/nav_health.png');
}
ul li div.navtravel{
	width:60px;
	background-image:url('../images/nav_travel.png');
}
ul li div.navawesome{
	width:80px;
	background-image:url('../images/nav_awesome.png');
}

/* END NAVBAR TESTING */
/* CSS FOR DROPDOWN BOXES */

ul.nav {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0px;
  padding: 0;
  list-style: none;
  clear:left;
  float:left;
  width:100%;
  height:27px;
}
.divide {
  background: #000000;
}
.menuitem{
  width:auto;
}
img.icon{
  margin-right:6px;
  margin-left:-6px;
  width:10px;
  height:10px;
  border:0px;
}
ul li.nav{
  display: inline;
  position: relative;
  float: left;
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
	text-align:left;
}
li ul.nav { display: none;}
ul li a.nav {
  display: block;
  white-space: nowrap;
  float:left;
  margin:3px 10px;
  text-align:center;
  color:#808080;
  /* background:#eee; */
  text-decoration:none;
  position:relative;
  line-height:1.3em;
  width: 100%;
  font-family:ariel;
}
ul li.menuitem a.title{ 
  color:#fff;
  text-shadow: #555555 1px 1px;
  font-weight:bold;
}
ul li.menuitem a.title:hover{
  background:#5C1864;
}
ul li a.divider{
  border:1px solid black;
  padding: 1px 10px;
  background: white;
  width:120px;
  padding: 3px 10px;
  margin: 0 0 0 1px;
}
ul li a.subitem{
  background: #FFFFFF;
  text-align:left;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width:120px;
  padding: 3px 10px;
  margin: 0 0 0 1px;
}
ul li a.subitem:hover {
	background:black;
	width:140px;
	left:-10px;
	border-radius:20px;
	height:20px;
	color:#fff;
	font-size:15px;
}
ul li a.first{
	border-top:1px solid black;
	margin-top:-1px;
}
ul li a.last{
	border-bottom:1px solid black;
}
li:hover ul.nav {
  display: block;
  position: absolute;
  margin-top:0px;
}
ul li a:hover img.icon{
	width:20px;
	height:20px;
}
li:hover li.nav {
  float: none;
  font-size: 11px;
  background:black;
  border-radius:10px;
}
#navigation {
	display:inline;
	float:left;
	width:100%;
	height:27px;
	border-bottom:2px solid #77BA37;
}
#header {
	clear:both;
	float:left;
	width:100%;
	position:fixed;
	display:block;
	z-index:1;
	background-image: url('../images/maintitle.png'); 
}
#header {
	border-bottom:1px solid #d8d8d8;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}

#header ul li a span {
	display:block;
}
 /* END NAVBAR */