@font-face {
    font-family: 'Lato';
    src: url(/fonts/lato/Lato-Regular.ttf);
}

body  {
	margin: 0;
	padding: 0;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}

img {
	border: 0;
	max-width: 100%;
}

figcaption {
	font-size: .80em;
}

.home_page {
	background-image: url('/images/cover.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#main_home {
	
}

#header {
	text-align:center;
	background-image: url('/images/banner.jpg');
	background-repeat: no-repeat;
	padding-top: .1em;
	padding-bottom: .1em;
}

#home_page_header{
	text-align:center;
}

#home_welcome h3 {
	padding-top:10px;
}

#main_home #body {
	padding-bottom: 1em;
	margin-left: 0;
}

#left_nav {
	margin-left: .5em;
	width: 15em;
	float: left;
	border-right: 1px gray solid;
}

#left_nav ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#left_nav ul li {
	padding-left: .2em;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width: 14em;
}

#left_nav ul li:last-child {
	border-bottom: 1px solid gray;
}


#left_nav ul a {
	display: block;
	padding: 3px;
	width: 14em;
}

#left_nav ul a:link, #left_nav ul a:visited {
	color: black;
	text-decoration: none;
}

#left_nav ul a:hover {
	color: red;
}

#left_nav .you_are_here {
	font-weight: bold;
}

#hamburger {
	display: none;
}

#main_body {
	padding: 0 1em 0 1em;
	margin-left: 15.1em;
}

#home_welcome {
	
}

#home_links {
	
}

#home_links a {
	display:block;
	width:auto;
	text-decoration:none;
}


#home_links ul {
	list-style: none;
}

#home_links ul li {
	margin-bottom: 10px;
}

#home_links ul li ul {
	font-size: 1.1em;
	padding-left:0;
	margin-left: .25em;
}

#home_links ul li ul li {
	font-size: .8em;
	display: inline-block;
	padding: 0 1em 0 1em;
	border-right: 1px black solid;
}

#home_links ul li ul li:first-child {
	padding-left: 0;
}


#home_links ul li ul li:last-child {
	border-right: inherit;
}


#footer {
	clear: both;
	margin-left: 1em;
}

.visually_hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

:focus.visually_hidden  { 
	position:static; 
	width: 100%; 
	height:auto; 
	clip:auto;
	display: inline-block;
	background-color: white;
	padding-left: 1em;
}

#page_date {
	text-align:right;
}

.link_wrap {
	display: block;
	margin-bottom: 1em;
}

.link_title {
	float: left;
	width: 40%;
}

.link_desc {
	float: right;
	width: 60%;
	padding-bottom: 1em;
}

.link_sep {
	clear: both;
	margin: .2em 2em .2em 2em;
}

@media screen and (max-width: 767px) {
	#home_links ul li ul li {
		font-size: .8em;
	}
	
	#hamburger {
	    display: inline-block;
	    cursor: pointer;
	    float: right;
	    margin-right: 1em;
	    border:none;
	    background-color: white;
	}
	
	#nav_items {
		clear: both;
		display: none;
		float: right;
		margin-right: 1em;
		position: absolute;
		background-color: white;
		z-index: 3;
		right: -.5em;
		top: 1.5em;
	}
	
	#left_nav {
		margin-left: .5em;
		width: 100%;
		float: none;
		border-right: 0;
		clear: both;
		position: relative;
	}

	#main_body {
		margin-left: 0;
		clear: both;
	}
	
	.link_title {
		float: none;
		width: 100%;
		padding-top: 1em;
	}

	.link_desc {
		float: none;
		width: 100%;
	}

	.link_sep {
		border-top: 3px black solid;
	}


}