﻿/*** ESSENTIAL STYLES ***/
.primaryNavMenu, .primaryNavMenu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.primaryNavMenu {
	line-height:	1.0;
	margin:10px 0 10px 0;
	display:block;
}
.primaryNavMenu ul {
	position:		absolute;
	top:			-999em;
	width:  200px; /* left offset of submenus need to match (see below) */
}
.primaryNavMenu ul li {
	width:			100%;
	
}
.primaryNavMenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.primaryNavMenu li {
	float:			left;
	position:		relative;
	z-index:199;
}
.primaryNavMenu a {
	display:		block;
	position:		relative;
	padding: 10px 25px 10px 25px;
	color:#FFF;
	font-size:14px;
}

.primaryNavMenu li ul li div
{
/*  background:rgba(204,204,204,0.7);*/
    background:#CCC;
    background:rgba(255,255,255,0.6);
    display:block;
    position:relative;
    z-index:199;

}

.primaryNavMenu li ul li a
{
    display:block;
    padding: 10px;
    font-size:12px;
    color:#000;
    border-right:3px solid #8c9169;
}


.primaryNavMenu li ul
{
    
    /*border-top:4px solid #8c9169;*/
    
    
    -moz-box-shadow: 3px 3px 4px #0c2e4e;
	-webkit-box-shadow: 3px 3px 4px #0c2e4e;
	box-shadow: 3px 3px 4px #0c2e4e;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0c2e4e')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0c2e4e');
	
	
}


.primaryNavMenu li ul li a:hover
{
    color:#FFF;
    text-decoration:none;
}

.primaryNavMenu li:hover ul,
.primaryNavMenu li.sfHover ul {
	left:			00px;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.primaryNavMenu li:hover li ul,
ul.primaryNavMenu li.sfHover li ul {
	top:			-999em;
}
ul.primaryNavMenu li li:hover ul,
ul.primaryNavMenu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.primaryNavMenu li li:hover li ul,
ul.primaryNavMenu li li.sfHover li ul {
	top:			-999em;
}
ul.primaryNavMenu li li li:hover ul,
ul.primaryNavMenu li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}

.primaryNavMenu li:hover, .primaryNavMenu li.sfHover,
.primaryNavMenu a:focus, .primaryNavMenu a:hover, .primaryNavMenu a:active {
	background:		#2e5172;
	outline:		0;
	text-decoration:none;
	
}