@charset "utf-8";
/* CSS Document */

/*HIDES DROP DOWN*/
/*---Hides completely on mobile and tablet. Hides on desktop until hovered---*/
.navmenu ul{
	display:none;
	position:absolute;
	margin-left: -3px;
	margin-top:2px;
}

.navmenu ul ul {left:99%; margin-top: -1.2em;}
/*END*/


/*DESKTOP*/
/*---the rest of the styles used to create a drop down menu for desktop*/
@media only screen and (min-width: 769px) {
.navmenu,
.navmenu ul,
.navmenu li {padding: 0px; margin: 0px;}

/*DROP DOWN STYLES*/
.navmenu ul li {
	background-color:#a5bdde; 
	text-align:left; 
	height:auto; 
	font-size:11px !important;
	padding:0px;
	z-index:500;
	width:250px;
}
.navmenu ul li a {font-size:11px !important;}

/*NAVI STYLES (TOP)*/
.navmenu li {
  list-style-type: none;
  float:left;
  color: #FFF;
  position:relative;
  text-align:center;
  border-bottom:none !important;
}

/*SPAN STYLES*/
.navmenu span {display: block; padding:5px 0 5px 12px; color:#FFF; background-color:#333; font-size:13px;}

/*LINK STYLES*/
.navmenu a {color:#FFF; display:block; text-decoration:none;}
.navmenu ul li a {color:#2f240e !important;}
.navmenu a:hover {background-color:#a96f00; color:#242f99; text-decoration:none;}
.navmenu a.hover {background-color:#a96f00; color:#242f99; text-decoration:none;}
.navmenu ul li a:hover {background-color:#103a6d; color:#FFF !important; text-decoration:none;}
.navmenu ul li a.hover {background-color:#103a6d; color:#FFF !important; text-decoration:none;}

/*FUNCTION STYLES*/
.navmenu > li {float:left;}
.navmenu li:hover > ul {display:block; margin-top:-10px;}
.navmenu ul.parent_hover {display:block; margin-top:-10px;}
navmenu + * {clear:left;}
endmenu {clear:left;}
}

/*END*/