/*  #Basics and Typograpgy
================================================== */




.menu {
	width: 100%;
	margin-top: 0px !important;font-weight: normal;
	font-style: normal;
	color: #fff; 
	position:relative;
		font-size: 1.0em;

	text-decoration:none;
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
		background-color:#1D3543;

}

.menu ul, ol {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: -30px;
}



.menu > li > a {
	font-size: 1.0em;
	line-height: 22px;
	color: #fff;
	background-color:#1D3543;
	border-bottom:#ccc solid thin;
}




.menu > li:hover > a { 
	color: #3874D2; 
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;

}

.menu ul > li:hover > a {
	color: #3874D2; 
	background-color: #F9F9F9;
}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.menu {
	width: 100%;
	margin-top: 0px !important;font-weight: normal;
	font-style: normal;
	color: #fff; 
	position:relative;
		font-size: 0.8em;

	text-decoration:none;
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.menu ul, ol {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: -10px;
}



.menu > li > a {
	line-height: 22px;
	color: #fff;
	background-color:#1D3543;
			font-size: 0.8em;

}




.menu > li:hover > a { 
	color: #3874D2; 
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;

}

.menu ul > li:hover > a {
	color: #3874D2; 
	background-color: #F9F9F9;
}


	
	
	

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
	

.menu {
	width: 100%;
	margin-top: 0px !important;font-weight: normal;
	font-style: normal;
	color: #fff; 
	position:relative;
		font-size: 1.3em;

	text-decoration:none;
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.menu ul, ol {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: -10px;
}




.menu > li:hover > a { 
	color: #3874D2; 
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;

}

.menu ul > li:hover > a {
	color: #3874D2; 
	background-color: #F9F9F9;
	
}


	
	
	
	
		.menu > li > a {
	font-size:18px;
	line-height: 22px;
	padding: 12px 20px;
	color: #fff;
		background-color:transparent;
			border-bottom:none;

}

}