/* 

	Sample CSS for use in combination with {NAV_LIST_UL:HCSS}
	
	CSS for show/hide flyout menu is rendered dynamically in the style section
	Basis of this CSS is taken from http://www.alistapart.com/articles/horizdropdowns/

*/

.vcss_menu {
	/*font: normal normal 18px Open Sans;*/
	font-family: 'Open Sans', Verdana, serif;
 	font-style: normal;
  	font-weight: 300;
	}

.vcss_menu em {
	font-style: normal;
	}
	
.vcss_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 0;
}
	
.vcss_menu ul li {
	float: left;
	position: relative;
	width: 200px; /* Width of Menu Items */
	height: 54px;
	}
	
.vcss_menu li ul {
	position: absolute;
	left: 0; /* Set 1px less than menu width */
	top: 54px;
	display: none;
	border: 0;
	}
	
.vcss_menu li ul li ul {
	left: 200px;
	top: 0;
	}
	
/* Styles for Menu Items */

.vcss_menu ul li a, .vcss_menu ul li a:link, .vcss_menu ul li a:visited, .vcss_menu ul li a:active {
	display: block;
	text-decoration: none;
	color: #000;

	padding: 20px;
	border: 0;
	text-align: center;
	}

.vcss_menu ul li a:hover {
	color: #104c8f;
}

.vcss_menu ul li:hover a {
	color: #104c8f;
}

.vcss_menu ul li ul {
	filter:alpha(opacity=75); /* Internet Explorer 4-7 */
	-webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.75);
	z-index:999999;
}

.vcss_menu ul li ul li a {
	text-align: left;
	background: #0b4585;
	padding-left: 12px;
	font-size:10px;
}
.vcss_menu ul li ul li a:hover {
	background: #104c8f;
}
.vcss_menu ul li:hover ul li a {
	text-align: left;
	color: #FFFFFF;
}
	
/* Holly Hack. IE Requirement \*/
* html .vcss_menu ul li { float: left; height: 1%; }
* html .vcss_menu ul li a { height: 1%; }
/* End */
