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

body {

}
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
}
ul.menu * {margin:0; padding:0}
ul.menu a {
	display:block;
	color:#00688F;
	text-decoration:none
}
ul.menu li {
	position:relative;
	float:left;
}
ul.menu ul {
	position:absolute;
	top:55px;
	left:0;
	display:none;
	opacity:0;
	list-style:none;
	background-color: #f0e49c;
	font-size: 10px;
	width: 250px;
}
ul.menu ul li {
	position:relative;
	border-top:none;
	margin:0;
	width: 250px;
}
ul.menu ul li a {
	display:block;
	padding:4px 7px 4px 17px;
	background-color:#f0e49c;
	color: #666;
}
ul.menu ul li a:hover {
	background-color:#cfab7a;
	color: #002a5c;
}
ul.menu ul ul {
	left:250px;
	top:0px
}
ul.menu .menulink {
	padding:17px 22px 19px 22px;
	font-size: 9pt;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	border-right-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
}
ul.menu .menulink2 {
	padding:17px 22px 19px 22px;
	font-size: 9pt;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

ul.menu .menulink:hover, ul.menu .menuhover {
	background-color: #cfab7a;
	color: #002a5c;
	border-top-color: #CCC;
}
ul.menu .menulink2:hover, ul.menu .menuhover {
	background-color: #cfab7a;
	color: #002a5c;
	border-top-color: #CCC;
}

ul.menu .sub {
	background:#f0e49c;
	color: #666;
}
ul.menu .topline {

}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #002a5c;
	text-align: center;
	padding: 15px 0;
	display: none;
	font-size: 17px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 768px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}