body { 
	/* Use em for IE and added custom google font*/
	font: 1.0em/1.4em 'PT Sans Narrow', sans-serif; 
	color: #fff;
} 

.menu-menu-container * { /* Everything starts out with no margins or padding */
	margin: 0; 
	padding: 0; 
}

.menu-menu-container { 
	width: 1000px; 
	margin: 0px auto; /* Top Bottom 25px / Left Right auto */
	border: 1px solid #3B88B4;
	float: left;
	background: #3B88B4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B88B4', endColorstr='#295D7C'); /* for IE */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3B88B4), to(#295D7C)); /* for webkit browsers */
	background-image: -moz-linear-gradient(top,  #3B88B4,  #295D7C); /* for firefox 3.6+ */
} 

/* Remove underlines for all anchor tags in .menu-menu-container */
.menu-menu-container a { 
	text-decoration: none; 
}

/* Remove bullets for all ul tags in .menu-menu-container */
.menu-menu-container ul { 
	list-style: none; 
}

/* Styling for menubar */
ul.dropdown { 
	position: relative; 
}

ul.dropdown li { 
	font-weight: bold; 
	float: left; 
	zoom: 1; /* Forces IE to follow layout rules with the float */
	background: #3B88B4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B88B4', endColorstr='#295D7C'); /* for IE */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3B88B4), to(#295D7C)); /* for webkit browsers */
	background-image: -moz-linear-gradient(top,  #3B88B4,  #295D7C); /* for firefox 3.6+ */ 
}

ul.dropdown a:hover { 
	color: #fff; 
}

ul.dropdown a:active { 
	color: #fff; 
}

ul.dropdown li a { 
	display: block; 
	padding: 6px 10px; /* Top Bottom 6px / Left Right 10px */
	border-right: 1px solid #3B88B4;
	color: #fff; 
}

ul.dropdown li:last-child a { 
	border-right: none; 
}

ul.dropdown li.hover,  /* Add hover class in JQuery so it works in IE */
ul.dropdown li:hover { 
	background: #295D7C;
	color: fff; 
	border: 1px solid #295D7C;
	position: relative; 
}

ul.dropdown li.hover a { 
	color: fff; 
}


/* First Drop Down Styling */
ul.dropdown ul { 
	width: 200px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; /* Sets top to the bottom of the containing box */
	left: 0; /* Sets left equal to the containing box */
}

ul.dropdown ul li { 
	font-weight: normal; 
	background: #3B88B4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B88B4', endColorstr='#295D7C'); /* for IE */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3B88B4), to(#295D7C)); /* for webkit browsers */
	background-image: -moz-linear-gradient(top,  #3B88B4,  #295D7C); /* for firefox 3.6+ */ 
	color: #fff; 
	border-bottom: 1px solid #fff;
	float: none; 
}
									  
/* IE Needs Inline Block */
ul.dropdown ul li a { 
	border-right: none; 
	width: 100%; /* Width depends on the size of containing block */
	display: inline-block; 
} 

/* Second Drop Down Styling */
ul.dropdown ul ul { 
	left: 100%; /* Positions item to the right of containing block */
	top: 0; /* Sets top to the top of the containing box */
}

/* Set styling for all uls that are children of li */
ul.dropdown li:hover > ul { 
	visibility: visible; 
}