/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 14, 2018, 8:20:33 PM
    Author     : Paul
*/
		#container {
/*			height: 200px; */
			max-height: 200px;
			margin: 0 0; /* auto; */
/*			max-width: 1280px;  */
			padding: 0px 15px;
			border: #672909;
			border-width: 5px;
			border-style:  solid;
			vertical-align: baseline;
		}
		.skip-container {
			display: block;
			padding: 0.5em 0.5em 0.5em 0;
			position: relative;
			border: 0;
			font: inherit;
			margin: 0;
		    vertical-align: baseline;
		}

		#header_section {
			height: 150px;
			max-height: 150px;
			border: 0;
			margin: 0;
			padding: 0;
			vertical-align: baseline;
		}
		#header {
			background-color: #baa186;
			max-height: 150px;
			margin: 0;
			border: 0;
			padding: 0;
			vertical-align: baseline;
		}
		#hdr_left {
			float: left;
			text-align: left; /* center; */
			width: 25%;
			max-height: 150px;
/*			max-height: 100%;  */
			color: #000000;
			margin: 0;
			padding: 0;
			vertical-align: baseline;
			object-fit: contain; 
		}
		.hdr_left {
			border: none;
/*			clear: right;  */
			min-height: 0;
		}
		#hdr_left-box {
			border: 0;
			max-height: 100%;
			margin: 0;
			padding: 0;
			vertical-align: top;
			object-fit: contain; 
		}
		.hdr_left-box {
			font-size: 1.5vw;
		}
		.hdr_left-title {
			max-height: 25%;
			font-size: 1.5vw;
			padding: 0;
			padding-left: 0px;
			text-align: center;
			border: 0;
			margin: 0;
			vertical-align: top;
			object-fit: contain; 
		}
		.hdr_left-title h3 {
			margin: 5px 0 10px 0;
			vertical-align: top;
			max-height: 25%;
		}
		.hdr_left-text {
			border: 0;
			max-height: 75%;
			font-size: 1.5vw;
			padding: 0;
			margin: 0;
			vertical-align: top; 
			object-fit: contain; 
		}


		#hdr_content-outer {
			width: 75%;
			max-width: 75%;
			max-height: 150px;
			float: left;
			margin: 0; 
			border: 0;
			font: inherit;
			padding: 0;
			vertical-align: baseline;
		}
		
		#hdr_logo {
			float:  left;  
			width: 75%;
			max-height: 150px;
			border: 0;
			margin: 0;
			padding: 0;
			font-size: 2.5vw;
			line-height: 6.5vw;
			text-align: center;
			vertical-align: bottom;
			
		}
		img {
			border: 0;
			margin: 0;
			padding: 0;
			height: auto;
			max-width: 100%; 
			vertical-align: bottom; 
			object-fit: contain; 
		}


	.menu {
/*		border: 1px solid black;  */
		clear: both; 
		display: flex; 
		max-width: 100%;
		justify-content: center;  
		background-image: -webkit-gradient(linear, left top, left bottom, from(#602000), to(#f0d0b0));
	}
	.menutop {
		clear: both;  
		max-width: 100%;
		margin: 0 auto; 
/*		max-width: 960px;   */
		display: block; 
		content:  '.'; 
/*		height: 0; */
		list-style-type: none; 
		list-style: disc; 
	}
	.menutop li div {
		display: none;
		position: absolute;
	}

	.menutop li:hover div {
		color: #838383;
		display: inline-block;
	}
	.menuitem {
		color: white;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#602000), to(#f0d0b0));
/*		border-left: 1px solid #585858; */
		border: 1px; 
		display: block; 
		float: left; 
		margin: 0; 
		padding:  0 1px;
		position: relative; 
		z-index: 5;
	}
	.menuitem a, .menuitem p {
		color: white;
		border-left: 1px solid #585858; 
		cursor: pointer;
		display: block;
		font-size: 1.6vw;
		font-weight: 700;
		height: 3vw;
		line-height: 3vw;
		margin: 0;
		padding: 0 0.5em;
		position: relative;
		text-decoration: none;
		text-shadow: 0 -1px 0 #000000;
		white-space: nowrap;
	}
	.menuitem a:hover, .menuitem p:hover {
		background-color: #cc9866;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	.menudrop {
		background-color: #e2bf9f;
		font-size: 8px;
	}
	.menudrop a {
		font-size: 1.5vw;
		height: 3.0vw;
		line-height: 3.0vw;
	}
/*
	.menudrop {
		background-color: #e2bf9f;
		font-size: 8px;
	}
	.menudrop a {
		font-size: 14px;
		height: 45px;
		line-height: 45px;
	}
*/
	#menudrp {
		background-color: #ffbf9f;
	}
	#menudrp a {
		font-size: 14px;
		height: 20px;
		line-height: 20px;

	}
/*	#nav li div {
		display: none;
		position: absolute;
	}

	#nav li:hover div {
		color: #838383;
		display: inline-block;
	}
*/