@import url(http://fonts.googleapis.com/css?family=Abel:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Anaheim:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Pontano Sans:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Lora:400,100,200,300,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Libre Baskerville:400,100,200,300,500,600,700,800,900);

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
//	background-color:#000000;
	}

* {
	margin:0;
	padding:0;
	}

#container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:100%;
	height:100%;
	overflow-x:hidden;
	}

#field {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:1000px;
	}

#cbg {
	position:relative;
	top:0px;
	left:0px;
	width:150%;
	height:620px;
	}

.bgslide{
	animation-name: bgslide;
	-webkit-animation-name: bgslide;

	animation-duration: 32s;
	-webkit-animation-duration: 32s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;

	visibility: visible !important;
}

@keyframes bgslide {
	0% {
		transform: translateX(0%);
	}
	50% {
		transform: translateX(-25%);
	}
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes bgslide {
	0% {
		-webkit-transform: translateX(0%);
	}
	50% {
		-webkit-transform: translateX(-25%);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

#clg {
	position:absolute;
	top:440px;
	left:20%;
	width:294px;
	height:115px;
	z-index:10;
	}

#clgx {
	display:none;
	}


#csp {
	position:absolute;
	top:20px;
	left:-15px;
	width:557px;
	height:672px;
	z-index:2;
	}

#headline1a {
	position:absolute;
	top:230px;
	width:400px;
	left:15%;
	font-family: 'Lora', sans-serif;
	font-size: 1.5em;
	color: #fff0a0;
	text-align:left;
	text-shadow: -2px 2px 1px #000000;
	z-index:1;
	}

#headline1 {
	position:absolute;
	top:230px;
	width:400px;
	left:50%;
	font-family: 'Lora', sans-serif;
	font-size: 1.5em;
	color: #fff0a0;
	text-align:left;
	text-shadow: -2px 2px 1px #000000;
	z-index:1;
	}

#headline2 {
	display:none;
	}

#sidebar {
	position:absolute;
	top:60px;
	right:0px;
	width:220px;
	text-align:center;
	z-index:15;
	}

#navbar {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	z-index:10;
	background-color:#000000;
	}

#navbar ul {
	margin:0px;
	text-align:center;
	padding: 5px 0px 5px 0px;
	}

#navbar li {
	list-style:none;
	display:inline;
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	margin-right: 10px;
	}

#navbar li a {
	color: #ffe898;
	text-decoration:none;
	}

#navbar li a:hover {
	color: #fff8f0;
	text-decoration:none;
	}

#content {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	padding:30px;
	background-color:#ffffff;
	}

#content2 {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	padding:0px;
	background-color:#000000;
	}

.news {
	width:94%;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 1.0em;
	color: #222222;
	text-align:justify;
	}

h2 {
	margin:0px;
	padding:0px;
	font-family: 'Anaheim', sans-serif;
	font-size: 1.75em;
	font-weight: 600;
	color: #444444;
	}

#footer {
	width:100%;
	padding-left:20px;
	overflow:hidden;
	background-color:#d6a671;
	}

.box {
	float:left;
	width:32%;
	min-width:300px;
	height:200px;
	}

.banner {
	width:100%;
	padding: 10px 0px 0px 10px;
	background-color:#ffffff;
	overflow:hidden;
	}

h3 {
	float:right;
	margin: 70px 30px 10px 0px;
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #444444;
	}

.bio {
	width:95%;
	max-width:95%;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 0.85em;
	color: #222222;
	text-align:justify;
	overflow:hidden;
	}

.bio img {
	float:left;
	width:100%;
	max-width:420px;
	border:solid 1px #000000;
	margin: 0px 20px 10px 0px;
	}

h4 {
	display:inline;
	margin:0px;
	padding:0px;
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #444444;
	}

.gallery img {
	float:left;
	width:217px;
	border:solid 1px #000000;
	margin:7px;
	}

.disclaim {
	float:none;
	clear:both;
	margin:0 auto;
	width:60%;
	text-align:center;
	font-family: 'Lora', sans-serif;
	font-size: 0.85em;
	}

.story {
	width:93%;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 1.0em;
	color: #222222;
	overflow:hidden;
	}

.story p {
	font-family: 'Pontano Sans', sans-serif;
	font-size: 1.2em;
	color: #222222;
	text-align:justify;
	}

.story h2 {
	margin:0px;
	padding:0px;
	font-family: 'Arial', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #444444;
	}

.story h4 {
	margin:0px;
	padding:0px;
	font-family: Lora;
	font-size: 1.45em;
	font-weight: 600;
	color: #880000;
	text-align:left;
	}

.story h5 {
	margin:0px;
	padding:0px;
	font-family: Lora;
	font-size: 1.45em;
	font-weight: 600;
	color: #000000;
	}

.story h6{
	margin:0px;
	padding:0px;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 0.9em;
	color: #222222;
	}

#title {
	display:inline;
	float:left;
	margin-right:5px;
	}

#gold {
	color: #886600;
	font-style:italic;
	margin-right:5px;
	}

#subtitle {
	display:inline;
	font-size: 0.75em;
	}

.inset {
	float:left;
	text-align:center;
	margin: 10px 10px 10px 0px;
	}

#teaser {
	display:block;
	margin:10px 10px;
	font-family: Lora;
	color: #664400;
	font-size: 1.5em;
	}

.article {
	display:inline;
	font-size: 0.8em;
	}

.outset {
	float:right;
	text-align:center;
	margin-left:10px;
	margin: 10px 0px 10px 10px;
	}

#gloss {
	font-size: 1.5em;
	}

#item {
	font-size: 1.0em;
	color: #880000;
	}

#break {
	width:100%;
	margin-top:20px;
	padding:10px;
	clear:both;
	border-top:solid 1px #000000;
	}

#vidy {
	width:100%;
	max-width:720px;
	height:auto;
	}

#vidy2 {
	width:100%;
	max-width:480px;
	height:auto;
	float:left;
	margin:10px;
	}

#vidy3 {
	width:100%;
	height:100%;
	max-width:640px;
	max-height:480px;
	margin:10px;
	}

a.appx {
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #ffffff;
	}

#guide {
	visibility:visible;
	margin-left:-185px;
	width:433px;
	z-index:2;
	}

.art1 {
	margin:0px 20px 10px 20px;
	font-family: 'Lora', sans-serif;
	font-size: 1.0em;
	text-align:justify;
	}

.art2 {
	float:right;
	margin:10px;
	}

.art2a {
	float:left;
	margin:10px;
	}

.art3 {
	max-width:100%;
	}

.art4 {
	width:360px;
	max-width:100%;
	border: solid 1px #000000;
	}

.art5 {
	width:auto;
	}

.art6 {
	width:100%;
	}

.art7 {
	width:645px;
	max-width:100%;
	height:auto;
	}

#more {
	margin-top:10px;
	font-size: 1.0em;
	font-style: italic;
	float: right;
	}

.green {
	background-image:url(images/green.jpg);
	background-repeat:repeat;
	background-size:100%;
	}

.events {
	margin:0 auto;
	width:86%;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 1.0em;
	color: #222222;
	overflow:hidden;
	}

.events img {
	float:left;
	height:150px;
	margin:5px;
	border:solid 1px #000000;
	cursor:pointer;
	}

#grnbg {
	background-color:#88cc66;
	}

#orgbg {
	background-color:#ffcc88;
	}

.box2 {
	float:left;
	width:90%;
	padding:10px;
	overflow:hidden;
	}

#clear {
	width:100%;
	padding:10px;
	clear:both;
	}

.sports {
	margin:0 auto;
	width:86%;
	}

h7 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	color: #222222;
	}

.art {
	width:95%;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 0.85em;
	color: #222222;
	text-align:justify;
	overflow:hidden;
	}

.art img.pleft {
	float:left;
	border:solid 1px #000000;
	margin: 0px 10px 10px 0px;
	}

.art img.prite {
	float:right;
	border:solid 1px #000000;
	margin: 10px 0px 10px 10px;
	}

.art h5 {
	display:block;
	margin:10px;
	font-family: 'Libre Baskerville';
	font-size: 3.0em;
	font-weight: 600;
	color: #ff0088;
	}

.art h6 {
	display:block;
	margin:0px;
	font-family: 'Libre Baskerville';
	font-size: 1.5em;
	font-weight: 600;
	color: #cc0000;
	}

.art h4 {
	display:inline;
	margin:0px;
	padding:0px;
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #222222;
	}

.video-responsive iframe {
	margin:0 auto;
	max- height:100%;
	max-width:100%;
	}

a.appx {
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #ffffff;
	text-decoration:none;
	}

a.appx2 {
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	color: #ffeeaa;
	text-decoration:none;
	}

a.appx:hover {
	color: #ffeeaa;
	text-decoration:underline;
	}

a.appx2:hover {
	color: #ffffff;
	text-decoration:underline;
	}

#caps {
	width:90%;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.85em;
	color: #ffffff;
	text-align:left;
	}

a.ppis {
	font-family: 'Lora', sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #880000;
	text-decoration:none;
	}

a.ppis:hover {
	color: #ff0000;
	text-decoration:underline;
	}








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


	#container {
		width:100%;
		height:100%;
		overflow-x: hidden;
		}

	#field {
		min-width:380px;
		}

	#cbg {
		position:absolute;
		top:0px;
		left:0px;
		width:150%;
		height:620px;
		}

	#csp {
		top:-60px;
		left:-15%;
		}

	#clgx {
		display:block;
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:340px;
		}

	#clg {
		position:relative;
		margin:0 auto;
		top:0px;
		left:0%;
		}

	#headline1 {
		display:none;
		}

	#headline2 {
		display:block;
		position:relative;
		top:0px;
		width:94%;
		font-family: 'Lora', sans-serif;
		font-size: 1.15em;
		color: #ffffff;
		text-align:center;
		text-shadow: -2px 2px 1px #000000;
		z-index:10;
		}

	#navbar {
		top:0px;
		width:100%;
		margin-top:4px;
		z-index:10;
		background-color:#000000;
		}

	#navbar li {
		font-family: 'Abel', sans-serif;
		font-size: 1.3em;
		margin-right: 5px;
		}

	.news {
		width:86%;
		}

	#sidebar {
		display:none;
		}

	#content {
		width:98%;
		padding:5%;
		}

	#content2 {
		width:98%;
		}

	.bio {
		max-width:87%;
		font-size: 1.0em;
		}

	.bio img {
		float:none;
		max-width:300px;
		margin: 10px;
		}

	.gallery img {
		width:82%;
		}

	.disclaim {
		margin:0;
		width:86%;
		font-family: 'Abel', sans-serif;
		font-size: 0.9em;
		}

	.story {
		width:84%;
		}

	#guide {
		visibility:hidden;
		}

	.inset {
		float:none;
		}

	.outset {
		float:none;
		}

	.art {
		width:85%;
		}

	.art1 {
		width:80%;
		}

	.art img.pleft {
		float:none;
		margin: 10px;
		}

	.art img.prite {
		float:none;
		margin: 10px;
		}

	.art5 {
		width:100%;
		}



}