/*=========================================================================
 ESSENTIAL STYLES
========================================================================= */

.sf-menu,
.sf-menu * { margin: 0; padding: 0; list-style: none; }

.sf-menu { line-height: 1.0; }

.sf-menu ul li { width: 100%; }

.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li { float: left; position: relative; }

.sf-menu a { display: block; position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { right: 0; top: 30px; /* match top ul list item height */ z-index: 99; }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 176px; /* match ul width */ top: 0; }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*=========================================================================
 STYLIZATION
========================================================================= */

.sf-menu > li:after { display:block; position:absolute; bottom: 0px; content: ""; z-index:10; background: url('../images/separator-1.png') no-repeat; height: 40px; }

.sf-menu > li+li:after { }

.sf-menu > li+li+li:after { }

.sf-menu > li+li+li+li:after { }

.sf-menu > li+li+li+li+li:after { }

.sf-menu > li+li+li+li+li+li:after { }

.sf-menu > li { background: url("../images/separator-1.png") no-repeat scroll 0 0 transparent; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }

.sf-menu > li+li { }

.sf-menu > li+li > a { padding: 0 8px 0 8px; }

.sf-menu > li+li+li { }

.sf-menu > li+li+li > a { padding: 0 8px 0 8px; }

.sf-menu > li+li+li+li { }

.sf-menu > li+li+li+li > a { padding: 0 8px 0 8px; }

.sf-menu > li+li+li+li+li { }

.sf-menu > li+li+li+li+li > a { padding: 0 8px 0 8px; }

.sf-menu > li+li+li+li+li+li { }

.sf-menu > li+li+li+li+li+li > a { padding: 0 8px 0 8px; }

.sf-menu > li a { font-size: 11px; line-height: 30px; font-family: 'Open Sans',sans-serif; color: #666; font-weight: bold; text-transform: uppercase; padding: 0 8px 0 8px; text-shadow: 0 1px 1px #FFFFFF; }

.sf-menu > li a:hover,
.sf-menu > li a:active { text-decoration:none; color: #1d345c; text-shadow: 0 1px 0 #fff; }

.sf-menu > li.active,
.sf-menu > li:hover { border-bottom: 2px solid #1d345c; background: #F2F2F2;}

.sf-menu li.active a{ color: #1d345c; text-shadow: 0 1px 0 #fff;  background: #F2F2F2;}

.sf-menu li ul li.active a { color: #1d345c; text-shadow: 0 1px 0 #fff;  background: #F2F2F2; border-left: 3px solid #1d345c;}

.sf-menu ul { position: absolute; top: -999em; right: 0; width: 180px; background: #F2F2F2; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); }

.sf-menu li li a { color: #666; padding: 0 19px; }

.sf-menu ul li { background: url("../images/menu3.png") repeat-x scroll 0 0 transparent; }

.sf-sub-indicator { text-indent: -999em; width: 5px; height: 4px; display:inline-block; background: url('../images/sf-sub-indicator.png') no-repeat; position:relative; left:2px; top:5px; }

.sf-menu > li li > a > .sf-sub-indicator { display:none; }

#responsive-main-nav-menu { display: none; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (max-width: 767px) {

	#responsive-main-nav-menu {
		background: none repeat scroll 0 0 #306481;
		border: 1px solid #306481;
		color: #fff;
		font-size: 12px;
		line-height: 1em;
		font-family: 'OpenSansRegular', Arial;
		display: block;
		float: right;
		padding: 3px 3px 3px 3px;
		margin: 15px 0;
		width: 120px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
}