/* CSS Document */
#nav_top{
}

#site-navigation{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	margin-top:2px;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
	background-image:none;
	padding-left:0;
}

.nav-menu li a {
	color: #706f6f;
	display: block;
	font-size: 16px;
	font-weight:400;
	line-height: 1;
	padding: 10px 10px 6px 10px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover, 
.nav-menu li a.active{
	background-color:#86bc24;
	color:#FFF;
}

.nav-menu .sub-menu{
	background-color: #86bc24;
	border: 1px solid #FFF;
	border-top: 1px solid #86bc24;
	padding: 10px;
	position: absolute;
	left: -1px;
	z-index: 99999;
	display:none;
}

.nav-menu .sub-menu li {
}

.nav-menu .sub-menu li a{
	padding:5px 10px;
	background-image:none;
}

.nav-menu .sub-menu li ul{
	border-left: 0;
	left: 100%;
	top: 0;
	margin:0;
	padding:0;
}

.nav-menu .sub-menu li ul li{
	padding:0;
}

ul.nav-menu li ul li a{
	width: 250px;
	font-weight:400;
	font-size:15px;
	text-transform:none;
	background-color:transparent;
	color:#FFF;
	margin-bottom:3px;
	border-bottom:#FFF 1px dotted;
}

ul.nav-menu li ul li a:hover{
	color:#000;
}

.nav-menu li ul li ul li a {
	color: #000;
	margin: 0;
	width: 200px;
	font-weight:400;
	border-top:none;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	color: #db572f;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul.sub-menu
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #ce2029;
}

.menu-toggle {
	display: none;
}
	
@media only screen and (device-width:768px){
   /* default iPad screens */

	.nav-menu li a {
		font-size:12px;
		padding-left:4px;
		padding-right:4px;
	}

}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

@media (max-width:940px) {
	.nav-menu li a {
		font-size:13px;
		padding-left:6px;
		padding-right:6px;
	}
}

@media (max-width:865px) {
	.nav-menu li a {
		font-size:12px;
		padding-left:4px;
		padding-right:4px;
	}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	#nav_top .col-1-1{
		margin: 0;
	}
	#site-navigation{
		position: absolute;
		top: 35px;
		right: 0;
		width: 100%;
		margin-top: 0;
	}

	.nav-menu li a {
		font-size: 16px;
	}
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
/*		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0 12px 20px;
*/
		width:30px;
		height:30px;
		background:url(../images/menu.jpg) center no-repeat;
		margin:0;
		padding:0;
		position: absolute;
		top:0;
		right: 5px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		position:absolute;
		left:0;
		top: 50px;
	}

	.toggled-on li{
		display: block;
		background-color:#86bc24;
	}

	.toggled-on .nav-menu li > ul {
		background-color: #86bc24;
		display: block;
		float: none;
		position: relative;
		left: auto;
		top: auto;
		border:none;
	}
	.toggled-on .nav-menu li a {
		color: #FFF;
		background-color:#86bc24;
		z-index: 99999;
		position: relative;
	}

	.toggled-on .nav-menu li > ul a {
		color: #FFF;
		width: auto;
		font-size:16px;
	}

	.toggled-on .nav-menu li:hover > a{
		background-color: #86bc24;
		color: #FFF;
		font-size:16px;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		color: #ce2029;
	}

	ul.nav-menu {
		display: none;
	}


.nav-menu li.red{
	float:none;
	display:inline-block;
}

}


@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {
	#site-navigation{
		display: none;
	}

}