/* This file powers the "drop over" effect on the products and services page. Thanks go to Nick Rigby for his article "Drop-Down Menus, Horizontal Style" at ALA for some of this code. */


#dropOver {
	position: relative;
	margin-left: 30px;
	padding-left: 0px;
}

#dropOver div {
	display: none;
	position: absolute;
	top: 0;
	left: 340px;
	width: 321px;
}

#dropOver h4 { 	cursor: default;
	text-decoration: underline; color: blue;
	font-weight: normal; font-size: 100%;
	margin: 0;
}

/* the second rule (.over) is for IE. It's implemented with JavaScript */
#dropOver li:hover div, #dropOver li.over div
{
	display: block;
}

#dropOver li:hover h4, #dropOver li.over h4
{
	color: #090;
}

/* Fix IE. Hide from IE Mac \*/
* html #dropOver { 	height: 1%; }
* html #dropOver li { float: left; clear: both; width: 312px; list-style-image: none; margin-bottom: 10px; }
* html #dropOver div { float: right; height: 1%; left: 370px; }
/* End Holly Hack */