/* 
Horizontol drop-down navigation menu for top of pages.
Based on CSSTerm.com Simple Horizontal DropDown CSS menu
Changes:
- Custom text color, size, spacing and background color
- Transparency (top line fully transparent, drop menu slightly transparent)
- Added carets (for drop down menu links)
- Blurred highlighted links using text shadows (instead of background colro changes)
*/

.drop_menu {
	/*background:#005555;*/
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 20px;
	display:block;
	color:#fff;
	text-decoration:none;
	font: bold italic 16px arial, verdana, sans-serif; /* need font here or spacing messed up - not attr by attr */
	text-shadow: 0px 0px 2px rgba(0,0,0,0.7), 0px 0px 15px rgba(0,0,0,0.1);
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	z-index: 9999;  /* makes sure drop menu is above horizontal rule in marquee */
}
.drop_menu li:hover { /* highlighted list item in horz menu (the one expanded) */
	position:relative; 
	/*
	background:rgb(0,78,146);  
	*/
}
.drop_menu li:hover a:hover { /* highlighted list item link text in horz menu (the one expanded) */
	text-decoration:none;
	font: bold italic 16px arial, verdana, sans-serif; 
	color: rgba(255,255,255,1.0);
	text-shadow:   0px 0px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(255,255,255,1.0);
}

.drop_menu li:hover ul { /* drop menu background */
	left:0px;
	top:34px; /* submenu distance below horizontal menu */
	background: rgba(0,78,146, 1.0); /* alpha makes background transp but not text */
	padding:0px;
}

.drop_menu li:hover ul li a { /* submenu background */
	padding:5px;
                  text-align: left; 
	display:block;
	width:215px; /* width of submenu */
	text-indent:0px;  /* indent of 15 alone causes line wrap to left edge.. */
        margin-left: 15px; /* ..but indent with margin lines up */
	/* background-color:rgba(0,78,146, 0.5); */
}
.drop_menu li:hover ul li a:hover { /* submenu highlighted item */
	/*background:#005555; */
	text-shadow: 0px 0px 1px rgba(0,0,0,0.8), 0px 0px 12px rgba(255,255,255,1.0);
}

/* Set up the right arrows first */
/*   Unicode 25B8 is BLACK RIGHT-POINTING SMALL TRIANGLE (but too tall?? does not align right with menu items without this char) */
/*   Unicode 25B6 is BLACK RIGHT-POINTING TRIANGLE */
/*   Unicode 00A0 is non-breaking space */
.drop_menu li > a:after { font-size: 55%; content: '\00A0\00A0\00A0\25B6'; } 
/* Set up the downward arrow for top level items */
/*   Unicode 25BE is BLACK DOWN-POINTING SMALL TRIANGLE (but too tall?? does not align right with menu items without this char)  */
/*   Unicode 25BC is BLACK DOWN-POINTING TRIANGLE (too big but scale down to 55%  */
/*   Unicode 00A0 is non-breaking space */
.drop_menu > li > a:after { font-size: 55%;  content: '\00A0\00A0\00A0\25BC'; }  
/* Clear the content if a is only child */
.drop_menu li > a:only-child:after {content: ''; }

