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

	body {
		font-size: 100% !important;
	}

	img, embed, object, video {
		width: auto;
		height: auto;
		max-width: 100%;
	}

	#outer {
		width: 100%;
	}

	header {
		width: 100%;
		height: 120px;		
		border: 0;		
	}

	#logo {
		margin: 0 auto 0 auto;
		position: relative;
	}

	header #sponsor {
		float: none;
		position: relative;
		width: 135px;
		margin: 10px auto 0 auto;
	}


	header nav {
		clear: both;
		position: relative;
		width: 100%;
		margin: 0;

	}

	header nav ul {
		padding: 20px 0 0 0;
		margin: 0;
		list-style: none;
		width: 100%;
		border-bottom: 5px solid #000000;
		float: left;
	}


	header nav li {
		display: block;
		width: 100%;
		clear: both;
		border-top: 1px solid #000000;
		background: transparent url("../design/black_transparent.png");
		line-height: 100%;
		padding: 0;
		margin: 0;
		font-size: 1em;
	}


	header nav li a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		background: transparent;
		padding: 0.25em 0 0.25em 2em;
		margin: 0;
		line-height: 150%;
		font-size: 1em;
		text-transform: uppercase;
	}

	header nav li.no a:hover,
	header nav li.act a {
		color: #71a9c5;
	}

	header nav li.hover a {
		color: #71a9c5;	
	}

	header nav li a span {
		float: right;
		display: block;
		width: 20px;
		height: 20px;
		margin: 0 10px 0 0;
		font-size: 20px;
	}

	header nav li a span:after {
		content: "›";
	}

	header nav li a:hover span:after {
		
	}

	header nav ul ul {
		display: none;
		left: -9999em;
		padding: 0;
		margin: 0;
		position: absolute;
		z-index: 200;
		width: 100%;
		min-width: 100%;
		line-height: 100%;
		border-bottom: 0;
	}

	header nav li li {
		width: 100%;
		background: #000000;
		border: 0;
		font-size: 1em;
	}

	header nav li li.first {
		padding: 2% 0 0 0;	
		margin: 0;
	}

	header nav li li.last {
		padding: 0 0 2% 0;	
	}


	header nav li li a,
	header nav li.act li a,
	header nav li.hover li a {
		color: #FFFFFF;
		background: transparent;
		font-size: 1em;
		line-height: 125%;
		display: block;
		padding: 0.5em 1em 0.5em 2em;
	}

	header nav li li.first a {
		padding: 0.5em 1em 0.5em 2em;
	}

	header nav li li.last a {
		padding: 0.5em 1em 0.5em 2em;
	}


	header nav ul ul li a span {
		display: none;
	}

	#page_content {
		margin: 200px 0 0 0;
		width: 100%;
	}

	#content,
	#top_content {
		width: 100%;
	}

	#content div.meta,
	#top_content div.meta {
		position: absolute;
		width: 50px;
		height: 30px;
		margin: 30px 0 0 0;	
		overflow: hidden;
		right: 20px;
	}



	footer ul {
		width: 100%;
	}

	footer li {
		font-size: 12px;	
	}

	footer div.facebook {
		clear: both;
		width: 50px;
		float: none;
		margin: 20px auto 0 auto;	
	}

	div.homepage_content {
		width: 100%;
	}


	div.news_content {
		width: 100%;	
	}
	
	

}