* { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: none;
	background-color: #eee;
}

a:link,
a:active,
a:visited { color: white; }

#seal {
	top: 1em; 
	left: 0.5em;
	height: 6em; 
	z-index: 1;
	position: absolute;
}

.mobile-spacer {
	display: none;
}

#content-table {
	border-left: solid #d1bda6 1pt; 
	margin-left: -1px; 
	min-width: 75%;
}

@media screen and (max-width: 704px) { 
   	.mobile-spacer {
   		display: block;
   	}
   	#content-wrapper .content {
   		width: 100%;
   	}
   	#content-table {
   		width: 100%;
   	}
   	#siteid-wrapper {
   		position: absolute;
   		visibility: hidden;
	}
}

h1, h2, h3, h4, h5, h6 {
	text-decoration: none;
	font-weight: 600;
	color: #960; }

h1 { font-size: 1.7em; }
h2 { font-size: 1em; }

#header-search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.5em;
	min-height: 2.5em;
	max-height: 4em;
	padding: 0;
	margin: 0;
	background-color: #c0a95b;
	box-shadow: 0 .1em .3em .2em #444;
}

#header-search #ask-us-form {
	float: right;
	margin: 0 1em 0 1em;
	padding: 0;
	width: 30%;
	min-width: 12em;
	max-width: 18em;
}

#header-search #ask-us-form input {
	font-size: .8em;
	color: black;
	width: 68%;
	padding: .2em 1em .2em .75em;
	margin: .5em .2em 0 0;
	box-shadow: inset .1em .1em .1em .1em #333;
	background-color: #fff;
	text-display: none;
}

#header-search #ask-us-form input::-moz-placeholder { 
	font-style: italic; }

#header-search #ask-us-form input:-ms-input-placeholder { 
	font-style: italic; }

#header-search #ask-us-form input::-webkit-input-placeholder { 
	font-style: italic; }

#header-search #ask-us-form button {
	color: white;
	font-size: .85em;
	background-color: #804e0f;
	cursor: pointer;
	margin: 0;
	padding: .25em .75em;
	text-align: center;
	border: none;
}

#header-search ul.contact {
	float: right;
	list-style-type: none;
	margin: .6em 0 0 0;
	padding: 0;
}

#header-search ul.contact li { 
	display: inline;
	margin: 0;
	padding: 0 .5em 0 .25em;
	border-right: .1em solid white;
}

#header-search ul.contact li:last-of-type { 
	border-right: none; 
}

#header-search ul.contact li,
#header-search ul.contact li a { 
	color: white; 
	font-size: 95%;
	text-shadow: .15em .15em #666;
}

/* Hide Mobile Navigation */
#top-nav-mobile-icon { 
	display: none; 
}

#top-nav-wrapper {
	width: 100%;
	margin: 0;
	padding: 1.8em 0 0 .7em;
	background: url("images/topgradient.jpg") repeat-x;
	# background-size: 100% 50%;
	position: absolute;
	top: 0em;
	# height: 8em;
}

#top-nav {
	max-width: 60em;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 .85em 6em;
	list-style-type: none;	
	background-size: 6em;
}


#top-nav li { 
	margin: 0;
	padding: 0;
	display: inline;
}

#top-nav li a { 
	margin: 0;
	padding: 0 .5em 0 0;
	color: white; 
	font-size: 90%;
	font-weight: bold;
	text-shadow: .15em .15em #666;
	text-decoration: none;
	border-right: .1em solid white;
}

#top-nav li:last-of-type a { border-right: none; }

/* Hide Mobile Navigation */
#top-nav-wrapper #top-nav li.mobile { display: none; }

#siteid-wrapper {
	width: 100%;
	position: absolute;
	top: 3.9em;	
	background-color: white;
	box-shadow: .1em .1em .3em .2em #777;
	height: 4.1em;	
}

#siteid {
	max-width: 60em;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 .25em 0;
}

#siteid .logo {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 3.75em;	
	background-size: contain;
}

#title-wrapper {
	margin-left: 6.5em;	
}

#title-wrapper a:link,
#title-wrapper a:active,
#title-wrapper a:visited {
	color: #960;
	text-decoration: none;
}

/* Hide logo text from non-screen readers. */
#siteid .logo span { margin-left: -999em; }

#content-wrapper {
	max-width: 60em;
	margin: 8em auto 0 auto;
	padding: 0;
}

#content-wrapper .content a:link,
#content-wrapper .content a:active,
#content-wrapper .content a:visited { color: black; }

#content-wrapper .content:first-of-type { margin-top: 0; }

#content-wrapper .content {
	# width: 100%;
	float: left;
	text-align:left;
	background-color: white;
	margin: 1em 0;
	padding: 1% 2%;
	height: auto;
	box-shadow: .16em .15em .3em .15em #777;
}

#content-wrapper .content .content-with-menu { 
	# float: left;
	# width: 75%;
}

#content-wrapper .content #content-nav { 
	float: left;
	width: 20%;
	margin: 0 4% 0 -1.2em;
	padding: 0;
	list-style-type: none;
}

#content-wrapper .content #content-nav li { 
	width: 100%;
	color: #4d3c09;
	background-color: white;
	border-right: thin dotted #999;
	border-bottom: thin dotted #999;
}

#content-wrapper .content #content-nav li:first-of-type { 
	padding: .35em 0 .35em .75em;
	color: #6a441e;
	font-weight: bold;
	background-color: #fbf8e9;
	border-top: thin solid #e4c44d;
	border-right: thin solid #e4c44d;
	border-bottom: thin solid #e4c44d;
}


#content-wrapper .content #content-nav .content-nav-item { display: block; }
#content-wrapper .content #content-nav li a { 
	display: block;
	width: 100%;
	padding: .25em 0 .25em .75em;
	text-decoration: none;
	color: #4d3c09;
	font-size: 90%;
}

#content-wrapper .content #content-nav2 { display: none; } 

#links {
	float: left;
margin: 4em 0 0 0;
padding: 1em 0 2em 0;
	width: 100%;
	height: auto;
	background-color: #8f7c37;
	color: #000;
}

#links #links-wrapper {
	float: none;
	max-width: 60em;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#links #links-wrapper {
	float: none;
	max-width: 60em;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

#links #links-wrapper ul.link-group {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#links #links-wrapper ul.link-group li,
#links #links-wrapper ul.link-group li a {
	padding: .45em 0;
	color: white;
	font-size: 85%;
	text-decoration: none;
}

#links #links-wrapper ul.link-group li:first-of-type { 
	font-size: 95%;
	font-weight: bold;
	color: black;
}

#footer {
	float: left;
	width: 100%;
	height: auto;
	padding: 2em 0 1em 0;
	margin: 0;
	color: white;
	background: #c0a95b url("images/topgradient.jpg") repeat-x;
	background-size: contain;
	box-shadow: 0 0 .2em .5em #564A21;
}

#footer #footer-content {
	float: none;
	max-width: 60em;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

#footer #footer-content li { font-size: 80%; }

#footer #footer-content #usage-policy { margin-top: -20px; }

@media screen and (max-width: 44em) {
	#seal { 
   		# display: none; 
   		height: 3em;
   		top: 0.5em;
   	} 

   	#title-wrapper {
   		position: absolute;
   		top: -75px;
   		left: -40px;
   		z-index: 1;
   	}

	#header-search .contact { display: none; }

	#header-search #ask-us-form {
		width: 70%;
		float: none;
		margin: 0 0 0 .5em;
	}

	#header-search #ask-us-form input { 
		border-radius: 0;
		-webkit-appearance: none;
		box-shadow: none;
		padding: .4em;
	}

	#header-search #ask-us-form button {
		font-size: 1em;
		padding: .25em .25em;
	}

	#top-nav-mobile-icon {
		visibility: visible;
		display: block;
		position: absolute;
		right: .5em;
		top: .35em;
		color: white;
		cursor: pointer;
		margin: .1em .5em 0 0;
		padding: .25em .5em;
		text-align: center;
	}

	#top-nav-mobile-icon.closed { background-color: #804e0f; }
	#top-nav-mobile-icon.open { background-color: #4e4936; }

	#siteid-wrapper { 
		# position: static;
		margin-top: 2.6em;		
	}

	#siteid .logo {
		float: left;
		padding-top: .65em;
		min-height: 2.25em;
		background: #8f7c37 url("images/home_icon_brown.png") no-repeat;
		background-size: 1.5em 1.5em;
		background-position: .5em .25em;
	}

	#siteid .logo span { 
		margin-left: 2em;
		font-size: 1.1em;
	}

	#top-nav-wrapper { # position: static; }

	#top-nav-wrapper #top-nav {
		display: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #4e4936;
		background-image: none;
		text-align: left;
	}

	#top-nav-wrapper #top-nav li,
	#top-nav-wrapper #top-nav li a {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		font-size: 1em;
		font-weight: normal;
		color: white;
		text-shadow: none;
	}

	#top-nav-wrapper #top-nav li { border-bottom: .1em solid #aaa; }

	#top-nav-wrapper #top-nav li a {
		padding: .75em 0 .75em 1em;
		border-right: none;
	}

	#top-nav-wrapper #top-nav li.desktop { display: none; }

	/* Cancel Desktop Settings */
	#top-nav-wrapper #top-nav li.mobile { display: block; }

	#top-nav-wrapper #top-nav li.mobile div {
		display: block;
		float: left;
		width: 100%;
		cursor: pointer;
		padding: .75em 0 .75em 1em;
	}

	#top-nav-wrapper #top-nav li ul { 
		display: none;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		}

	#top-nav-wrapper #top-nav li ul li { 
		margin: 0;
		padding: 0 0 0 2em;
		border-bottom: none; 
		border-top: .1em solid #aaa;
	}

	#main-wrapper { position: relative; }

	#content-wrapper {margin-top: 1.5em; }

	#content-wrapper .content { 
		box-shadow: none;
		font-size: 1em;
		line-height: 140%;
		padding: 0 1em;
		position: relative;
	}

	#content-wrapper .content .content-with-menu { 
		float: none; 
		width: 100%;
	}

	#content-wrapper .content .content-with-menu h1 { margin-left: 1em; }

	#content-wrapper .content #content-nav { 
		position: absolute;
		top: 1em;
		left: 2em;
	}

	#content-wrapper .content #content-nav li { 
		border-top: thin solid white;
		border-bottom: none;
		border-right: none;
		min-width: 10em;
	}

	#content-wrapper .content #content-nav li:first-of-type {
		text-indent: -999em;
		height: 1.65em;
		min-width: 1.65em;
		width: 1.65em;
		border: .1em solid #960;
		background: #960 url("images/content-nav-white.png") no-repeat;
		background-size: 80%;
		background-position: center center;
		cursor: pointer;
	}

	#content-wrapper .content #content-nav .content-nav-item { display: none; }

	#content-wrapper .content #content-nav .content-nav-item a { 
		color: white;
		background-color: #960;
		padding: .65em 0 .65em .5em;
	}

	#content-wrapper .content #content-nav2 { 
		display: inline;
		list-style-type: none;
	}

	#content-wrapper .content #content-nav2 li { margin: 0; }

	#content-wrapper .content #content-nav2 li:first-of-type { 
		color: #6a441e;
		font-weight: bold; 
		padding: 0 0 .75em 0;
	}

	#content-wrapper .content #content-nav2 li a { 
		display: block;
		width: 100%;
		margin: 0;
		padding: .65em 0 .65em 0;
		text-decoration: none;
		color: #4d3c09;
		font-size: 90%;
		border-top: thin solid black;
	}

	#links #links-wrapper { padding-left: 1em; }

	#links #links-wrapper ul.link-group li,
	#links #links-wrapper ul.link-group li a,
	#links #links-wrapper ul.link-group li:first-of-type {
		font-size: 1em;
		line-height: 1.5em;
	}

	#footer { 
		# font-size: 1em;
		# padding-left: 1em;
		# line-height: 1em;
	}
}