<meta charset="utf-8">

/* ---------- RESETS ----------  */

html, body, address, blockquote, canvas, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}

/* ---------- ELEMENTS ----------  */

/* set image max width to 100% */
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
canvas {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
input {
background:#FAFBD0;;
color:#3B3A3A;;
font-size:16px;
}
body,td,th {
		font-family:  "Gill Sans","Gill Sans MT","Myriad Pro","DejaVu Sans Condensed",Helvetic,Arial,sans-serif;
		font-size: medium;
		color: #3B3A3A;
}
body {
    background-color:  #FAFBD0;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
}
a:link {
    color: #975E5F;
}
a:visited {
    color: #496FB0;
}
a:hover {
    color: #FF0000;
}
a:active {
    color: #0000FF;
}

ul {
     //padding-left: 0;
     padding: 0;
     list-style: none;
     //margin: 0;
}

li {
    display: inline-block;
    transition-duration:  0.5s;
    position:  relative;
    padding: 0;
}

li:hover {
     cursor: pointer;
}

ul li ul {
     visibility:  hidden;
     opacity: 0;
     position:  absolute;
     transition:  all 0.5s ease;
     margin-top:  1rem;
     left: 0;
     display: inline-block;
}
ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
     visibility: visible;
     opacity: 1;
     //display: inline-block;
}

ul li ul li {
     clear: both;
     width: 100%;
}

/* ---------- DIVS ----------  */
#Wrapper {
    /* background-color: cadetblue; */
		background-color: #4d7e80;
		padding: 10px;
		/*height: 200px; */
		width: 1200px;
		margin-top: 2px;
		margin-right: auto;
		margin-bottom: 2px;
		margin-left: auto;
}
#Logo {
    background-color: linen;
		margin: 3px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 3%;
		padding-right: 3%;
		/* height: 100px; */
		width: 25%;
		float: left;
}
#Nav {
    background-color: linen;
		margin: 5px;
		padding-top: 30px;
		padding-bottom: 10px;
		padding-left: 3%;
		padding-right: 3%;
		/* height: 100px; */
		width: 60%;
		float: right;
		text-align: center;
}
#Logo_Nav_Wrapper {
		background-color: linen;
		width=100%;
		overflow: hidden;
}
#Content {
    /*background-color: burlywood; */
		background-color: #e9d0af;
		width=94%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 3%;
		padding-right: 3%;
}
#content_img {
    background-color: white;
		margin: 3px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 3%;
		padding-right: 3%;
		/* height: 100px; */
		width: 50%;
		float: left;
}
#content_text {
    background-color: white;
		margin: 5px;
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		/* height: 100px; */
		width: 40%;
		float: right;
}
#content_img_text_wrapper {
		background-color: white;
		width=100%;
		overflow: hidden;
}
#Contact {
    /* background-color: burlywood; */
		background-color: #e9d0af;
		width=100%;
		text-align: center;
		font-size: 10px;
}

/* ---------- CLASSES ----------  */

.Header {
		/* color: cadetblue; */
		color: #4d7e80;
		font-size: 30px;
}
.Invisible {
		/* color: cadetblue; */
		color: #e9d0af;
		font-size: 6px;
}
.Quote {
		font-style: italic;
		font-size: 24px;
}
.Centered {
		width: 65%;
		margin-right: auto;
		margin-left: auto;
}
.Nav_padding {
		padding-right: 15px;
}
.ContentText {
		font-size: 24px;
}