#menu {
			/*background: #0099CC;*/
			background: linear-gradient(to bottom,  #006699,  #D6E3EA);
			color: #FFF;
			height: 45px;
			padding-left: 18px;
			border-radius: 10px;
			border: 1px solid #006699;
		}
		#menu ul, #menu li {
			margin: 0 auto;
			padding: 0;
			list-style: none
		}
		#menu ul {
			width: 100%;
		}
		#menu li {
			float: left;
			display: inline;
			position: relative;
		}
		#menu a {
			display: block;
			line-height: 43px;
			padding: 0 14px;
			text-decoration: none;
			font-size: 20px;
		}
		#menu a.dropdown-arrow:after {
			content: "\002B";
			margin-left: 5px;
		}
		#menu li a:hover {
			color: #D6E3EA;
			background: #006699;
		}
		#menu input {
			display: none;
			margin: 0;
			padding: 0;
			height: 30px;
			width: 100%;
			opacity: 0;
			cursor: pointer
		}
		#menu label {
			display: none;
			line-height: 30px;
			text-align: center;
			position: absolute;
			left: 35px
		}
		#menu label:before {
			font-size: 1.6em;
			content: "\2261"; 
			margin-left: 20px;
		}
		#menu ul.sub-menus{
			height: auto;
			overflow: hidden;
			width: 200px;
			background: #D6E3EA;
			position: absolute;
			z-index: 99;
			display: none;
		}
		#menu ul.sub-menus li {
			display: block;
			width: 100%;
		}
		#menu ul.sub-menus a {
			color: #770012;
			font-size: 16px;
		}
		#menu li:hover ul.sub-menus {
			display: block
		}
		#menu ul.sub-menus a:hover{
			/*background: #006699;*/
			color: #D6E3EA;
		}
		@media screen and (max-width: 800px){
			#menu {position:relative}
			#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
			#menu ul.sub-menus {width:100%;position:static;}
			#menu ul.sub-menus a {padding-left:30px;}
			#menu li {display:block;float:none;width:auto;}
			#menu input, #menu label {position:absolute;top:0;left:0;display:block}
			#menu input {z-index:4}
			#menu input:checked + label {color:white}
			#menu input:checked + label:before {content:"\00d7"}
			#menu input:checked ~ ul {display:block}
		}