@media only screen and (min-width: 1000px){
	body{
		background-color: #fafafa;
		text-align: center;
		font-family: arial, sans-serif;
		font-size: 12px;
		padding: 0;
		margin: 0;
	}

	#header{
		width: 100%;
		height: 35px;
		position: fixed;
		top: 0;
		left: 0;
		color: #fff;
		font-size: 14px;
		background-color: #471210;
		text-align: right;
		z-index: 100;
		background-image: url("images/header_bg.png");
		background-position: left;
		background-repeat: repeat-y;
		padding-top: 20px;
		z-index: 9;
	}
	
	#header a{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#header a:link{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#header a:visited{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#header a:hover{
		margin: 5px;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}
	
	#headerLogo{
		width: 50px;
		height: 50px;
		position: absolute;
		left: 2px;
		top: 2px;
	}

	#header2{
		
	}
	
	#navigation{
		width: 50%;
		background-color: #471210;
		color: #333;
		position: fixed;
		top: 50px;
		right: 5px;
		text-align: left;
		border-radius: 3px;
		box-shadow: 0 0 5px #471210;
		z-index: 10;
		font-size: 16px;
	}
	
	#navigation a{
		color: #fff;
		text-decoration: none;
		margin: 5px;
		cursor:pointer;
	}
	
	#navigation a:link{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation a: hover{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation a:visited{
		color: #fff;
		text-decoration: none;
		margin: 5px;
	}
	
	#navigation li{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	#navigation2{
		display:none;
	}
	
	#container{
		width: 100%;
		margin:  0 auto;
		margin-top: 50px;
		overflow: hidden;
		padding-bottom: 0;
		position: relative;
		padding-bottom: 45px;
	}
	
	#container h1{
		color: #333;
		font-size: 22px;
		text-align: center;
		font-family: arial;
	}

	#featuredItem{
		width: 100%;
		color: #000;
		aspect-ratio: 16 / 9; 
		max-height: 600px;
		margin: 0 auto;
		font-size: 14px;
		text-align: center;
		overflow: hidden;
		background-position: center;
		background-size: cover;
		padding: 0;
	}
	
	.topicButton{
		width: 200px;
		height: 200px;
		display: inline-block;
		margin: 5px;
		background-size: contain;
		background-image: url('images/button.png');
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#homeFocus{
		width: 85%;
		padding: 5px;
		margin: 5px 5% 20px;
		text-align: center;
		position: relative;
	}
	
	#homeFocus a{
		color: #06c;
		font-weight: bold;
		margin: 5px 10px;
		text-decoration: none;
	}
	
	.spotlight{
		width: 90%;
		margin: 5px 5% 20px;
		background-color: #fafafa;
		border-bottom: 1px solid #dfdfdf;
		text-align: left;
		position: relative;
	}
	
	.spotlightPhoto{
		float:left;
		border-radius: 5px;
		margin: 5px;
		width: 25%;
	}


	.spotlightTop, .spotlightTop a{
		font-size: 25px;
		color: #ccc;
		text-decoration: none;
		margin: 10px 5px 5px;
		text-align: left;
		color: #333;
	}
	
	.spotlightText{
		font-size: 16px;
		margin: 10px 1%;
		text-align: justify;
		color: #000;
		text-indent: none;
	}
	
	.spotlightClickHere{
		text-align: center;
		font-size: 16px;
	}

	.spotlightClickHere a{
		text-decoration: none;
		color: #06c; 
		font-weight: bold;
	}
	
	
	.spotlightClickHere{
		text-align: right;
		font-size: 16px;
		margin: 5px 2%;
	}

	.spotlightClickHere a{
		text-decoration: none;
		color: #06c; 
		font-weight: bold;
	}
	
	#footer{
		width: 100%;
		background-color: #fafafa;
		border-top: 1px solid #471210;
		color: #471210;
		font-size: 12px;
		min-height: 30px;
		position: relative;
		text-align: center;
		padding-top: 10px;
	}

	#footer a:{
		color: #fff;
		border:0;
	}
	
	#footerSocial{
		text-align: left;
		font-size: 10px;
		color: #333;
	}
	

}