@font-face {
	    font-family: "Halant-regular";
	    font-style: normal;
	    font-weight: 400;
	    src: local("Halant-regular"), local("Halant-regular"), url("./Halant-regular.woff") format("woff");
	}
	@font-face {
	    font-family: "Junge-regular";
	    font-style: normal;
	    font-weight: 400;
	    src: local("Junge-regular"), local("Junge-regular"), url("./Junge-regular.woff") format("woff");
	}
	body {
		background-color: #000000;
		color: #000033;
		font-family: sans-serif;

		font-size: 1em;
		line-height: 1.7;
	}

	a, a:link, a:active, a:visited {
		text-decoration: underline;
		font-weight: bold;
		color:	#6392ce;
	}
	 a:hover {
		color: #3f5cca;
		text-decoration: underline;
	}
	a, a:hover, a:active, a:focus { outline: 0;}
	p, blockquote {
		margin:0;
		padding:0;
	}

	#wrapper {
		width: 100%;
		max-width: 915px;
		margin: 0 auto;
	}
	#logo {
		padding-left: 20px;
	}
	/*--------------------------------------
	MENU ICON -- FOR MOBILE DEVICES
	---------------------------------------*/	
	#menu-icon {

	}
	#menu-icon a img {
		width: 40px;
		height: 40px;
		border: 1px solid #161616;
		border-radius: 5px;
		background-color: #fff;
	}
	#menu-icon a:hover img {
		width: 40px;
		height: 40px;
		border: 1px solid #161616;
		border-radius: 5px;
		background-color: #ccc;
	}
	/*--------------------------------------
	BANNER TABLE
	---------------------------------------*/
	#table-banner {
		width: 100%;
		max-width: 895px;
		margin: 0;
		padding: 0;
		border: none;
		border-collapse: separate;
		height: 137px;	
		background-image:url('../img/banner-bkg.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	#nav a {
		color: white;
		text-decoration:none;
		font-weight:normal;
	}
	#nav a:hover {
		text-decoration: underline;
		
	}
	#td-menu-button {
		vertical-align: middle;
		text-align: right;
		padding-right: 20px;
	}
	#nav {
		color: white;

	}

	/*--------------------------------------
	DROP-DOWN NAV MENU FOR MOBILE DEVICES
	---------------------------------------*/
	#div-mnav {
		margin: -10px -10px 10px 10px;
		float: right;
		text-align: left;
		vertical-align: top;
		width: 170px;
		display: none;
	}
	#mnav-ul {
		list-style: none;
		background: #155e33;
		padding: 0;
		margin: 0;
	}
	#mnav-ul li {
		border-bottom: 1px solid gray;
	}
	#mnav-ul li a {
		display: block;
		padding: 5px 10px;
		color: white;
		text-decoration: none;

		font-weight: normal;		
		background: #153533; /* Old browsers */

	}
	#mnav-ul li a:hover, #mnav-ul li a.selected {
		background: #5a6e63;
	}		
	 #mnav-ul li a:hover {
		letter-spacing: 0px;
	}	
	/*--------------------------------------
	CONTENT TABLE
	---------------------------------------*/
	#table-content {
		width: 100%;
		max-width: 894px;

	}
	#td-content {
		padding: 10px;
		vertical-align: top;
		text-align: left;
		background: white;

-webkit-box-shadow: 12px 12px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 12px 12px 15px 0px rgba(0,0,0,0.75);
box-shadow: 12px 12px 15px 0px rgba(0,0,0,0.75);
	}
	/*--------------------------------------
	MEDIA QUERIES increase dimensions for larger screens
	---------------------------------------*/		
	@media only screen and (max-width : 460px) {
		#td-logo,#logo { 
			width:85%; 
			height:auto; 
			vertical-align:center;
		}

	}		
	@media only screen and (max-width : 800px) {
		#nav { display:none; }
	}		
	@media only screen and (min-width : 800px) {		
		#table-banner {
			height: 137px;
		}
		body {
			font-size: 1.1em;
		}
		#menu-icon {
			display: none;
		}
		#div-mnav {
			display: none;
		}			
		#nav {
			display: inline;
		}	
		#td-menu-button {
			text-align: center;
			padding-right: 0px;
		}
		#td-logo { width:377px; }

	}			
	@media only screen and (min-width : 894px) {
		#table-banner {
			height: 137px;
		}
		body { 
			font-size: 1.2em;
		}	
		#td-content {
			padding: 20px;
			padding-top: 0px;
		}
	}	
	/*--------------------------------------
	CONTENT COLUMNS
	---------------------------------------*/	
	col { width: 100%; padding-left: 10px; padding-right:10px;}	
	table.col1,table.col2 { width: 100%; margin-bottom: 20px;}								
	@media only screen and (min-width : 760px) {		
		table.col1 { width: 49%; float: left; margin-right: 1%;}
		table.col2 { width: 49%; float: left; margin-left: 1%;}
	}			
	td table.col1, td table.col2 { text-align:center; }
	/*--------------------------------------
	CONTENT COLUMNS
	---------------------------------------*/	
	.dot { color: #5A6E63; padding:0 10px 0 10px; }
	.page-title {
		width:100%;
		text-align: center;
		margin:auto;
		padding-top: 1.2em;
		padding-bottom: 1em;
		font-style: bold;
		height:3em;
	}
	.caption {
		padding-top: 5px;
		padding-bottom: 15px;
		font-style: italic;
		text-align:center;
		font-size: .85em;
	}
	.footer-text {
		font-family: Ariel, Helvetica, sans-serif;
		font-size: .7em;
		color: white;
		font-weight:normal;
		padding: 15px;
	}
	.notes {
		
		font-size: .8em;
		line-height: 1.3em;
		padding: 20px;
	}