@charset "utf-8";
/* CSS Document */

/* Responsive version for tablets and mobile */






@media only screen and (max-width: 1050px) {
	
		
	
}



@media only screen and (max-width: 768px) {
	

	div.wrap {
		overflow:hidden;
	}


	div.pageheader {
		width:100%;
	}

	div.menuheader {
		display:block;
		position:absolute;
		top:0;
		background:#050449;
		visibility:visible;
		width:97%;
		height:32px;
		font-weight:bold;
		font-size:18px;
		padding:12px 0px 0px 3%;
	}
	

	div.menuheader a{
		color:#FFF;
		text-decoration:none;
	}
	
	
	div.navwrap {
		margin:20px 0px 0px 0px;
		clear:both;
		position:relative;
		text-align:center;
	}
	
	nav {
		display:none;
		width:96%;
		padding:0px 0px 10px 0px;
		margin:0px 2% 0px 2%;
		height:auto;
		z-index:100;
		clear:both;
		position:relative;
		top:auto;
		left:auto;	
	}
	
	nav a{
		border-bottom:#FFD733 1px solid;		
		background:#000;
		margin:0px 20px 1px 0px;
		padding:10px 5% 10px 5%;
		display:block;
		width:90%;
		color:#FFF;
		text-align:center;
		-moz-opacity:.90;
		-ms-filter:"alpha(opacity=90)"; 
		filter:alpha(opacity=90); 
		opacity:.90;	
	}
	
	nav a:hover{
		background:#050449;
		color:#FFF;
	}


	div.mainphoto {
		width:100%;
		height:auto;
		clear:both;
		padding:14px 0px 14px 0px;
	}

	main {
		width:92%;
		padding-right:4%;
		padding-left:4%;	
		
	}

	div.leftcol {
		width:96%;
		float:none;
		display:block;
		margin:0% 2% 0% 2%;	
	}
	
	div.rightcol {
		width:98%;
		float:none;
		display:block;
		margin:0% 2% 0% 2%;	
	}
	
	.mobimage {
		width:90% !important;
		height:auto !important;
	}
		
	footer {
		width:100%;		
	}	

}


/* Iphones (4 and 4s) can have screen width of 320px */
@media only screen and (max-width: 508px) {
	
	
	
}