@charset "utf-8";
/* CSS Document created by Mike Jakober*/

/* --=============================================== FONTS ===============================================-- */
	@import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900);
	@import url(http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900);
	@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
/* --=============================================== FONTS ===============================================-- */

/* --================================================ TYPE ===============================================-- */
h1 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 32pt;
	margin: 6px 0;
}
h2 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 28pt;
	margin: 6px 0;
}
h3 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 20pt;
	margin: 0 0 4px 0;
}
h4 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 18pt;
	margin: 8px 0 3px 0;
}
h5 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 14pt;
}
h6 {
	font-family: 'Droid Serif', serif;	
	font-weight: 700;
	font-size: 8pt;
	margin-bottom: 0;
}
p {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	line-height: 24pt;
}
.sidebar p {
	font-size: 13px;
	line-height: 20pt;
}
/* --================================================ TYPE ===============================================-- */

/* --============================================== IMAGES ===============================================-- */
img.fl {
	width: 64%;
	height: auto;
	float: left;
	padding: 5%;
}
img.fr {
	width: 90%;
	height: auto;
	float: right;
	padding: 5%;
}
img.ad {
	width: 100%;
}
.icons {
	float: right;
	width: 30%;
	padding: 1% 0;
}
/* --============================================== IMAGES ===============================================-- */

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
}
html {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
			box-sizing: inherit;
}
body {
	background: #003768; /* Old browsers */
	background: -moz-linear-gradient(left,  #003768 0%, #a3d4ff 30%, #a3d4ff 68%, #003768 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003768), color-stop(30%,#a3d4ff), color-stop(68%,#a3d4ff), color-stop(100%,#003768)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #003768 0%,#a3d4ff 30%,#a3d4ff 68%,#003768 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #003768 0%,#a3d4ff 30%,#a3d4ff 68%,#003768 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #003768 0%,#a3d4ff 30%,#a3d4ff 68%,#003768 100%); /* IE10+ */
	background: linear-gradient(to right,  #003768 0%,#a3d4ff 30%,#a3d4ff 68%,#003768 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003768', endColorstr='#003768',GradientType=1 ); /* IE6-9 */
	overflow: scroll;
}
#container {
	max-width: 978px;
	margin: 0 auto;
	background-color: #999;
	box-shadow: 0 0 40px rgba(0, 0, 0, .85);
	webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .85);
	-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .85);
}
#banner {
	width: 100%;
	height: 60px;
	background: #000;
}
#banner-img {
	float: left;
	padding: 11px 1.86% 10px 1.86%;
}
#banner-title {
	float: left;
	width: 60%;
	color: #fff;
	font-family: 'Cinzel Decorative', cursive;
	font-weight: 900;
	font-size: 2.7em;
}
#banner-search {
	float: right;
	width: 22.66%;
	padding: 16px 1.86% 5px 0;
}
#banner-search input {
	width: 100%;
	height: 24px;
	background-color: #f1f1f1;
	padding-left: .5em;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 13pt;
	border: solid 1px #666;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/* --============================================ NAVIGATION =============================================-- */
nav {
	width: 100%;
	height: 50px;
	background: #fbabb0; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbabb0 0%, #c40a17 50%, #c40a17 51%, #66050c 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbabb0), color-stop(50%,#c40a17), color-stop(51%,#c40a17), color-stop(95%,#66050c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbabb0', endColorstr='#66050c',GradientType=0 ); /* IE6-9 */
	display: inline-block;
}
.bar {
	width: auto;
	height: auto;
	margin: 14px 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 13pt;
	font-weight: 400;
	text-align: center;
}
.bar a {
	color: #fff;
	text-decoration: none;
}
.bar a:hover {
	padding: 14px 0 15px 0;
	color: #fff;
	background: #a3d4ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3d4ff 0%, #0056a3 50%, #004c8f 51%, #004c8f 51%, #003768 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d4ff), color-stop(50%,#0056a3), color-stop(51%,#004c8f), color-stop(51%,#004c8f), color-stop(95%,#003768)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d4ff', endColorstr='#003768',GradientType=0 ); /* IE6-9 */
}
.bar a span {
	padding: 14px 2.6% 16px 2.6%;
}
#active {
	color: #fff;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #7d7e7d 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(95%,#7d7e7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#7d7e7d 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
	padding: 14px 2.6% 16px 2.6%;
	font-weight: 600;
	text-decoration: underline;
}
/* --============================================ NAVIGATION =============================================-- */

/* --============================================== CONTENT ==============================================-- */
#stage {
	width: 100%;
	padding: 1.86%;
	background-color: #f1f1f1;
	min-height: 736px;
	max-height: auto;
}
#stage li {
	list-style-type: circle;
	font-family: 'Raleway', sans-serif;
	line-height: 18pt;	
}
.years {
	width: 100%;
	height: auto;
	padding: 8px 0;
	font-family: 'Raleway', sans-serif;
}
.years a span {
	background: #fbabb0; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbabb0 0%, #c40a17 50%, #c40a17 51%, #66050c 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbabb0), color-stop(50%,#c40a17), color-stop(51%,#c40a17), color-stop(95%,#66050c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbabb0', endColorstr='#66050c',GradientType=0 ); /* IE6-9 */
	margin: 14px 0;
	padding: 14px 2.6% 16px 2.6%;
	color: #fff;
}
.years a span:hover {
	background: #a3d4ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #a3d4ff 0%, #0056a3 50%, #004c8f 51%, #004c8f 51%, #003768 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d4ff), color-stop(50%,#0056a3), color-stop(51%,#004c8f), color-stop(51%,#004c8f), color-stop(95%,#003768)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d4ff', endColorstr='#003768',GradientType=0 ); /* IE6-9 */
	color: #fff;
	text-decoration: underline;
}
#active1 {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #7d7e7d 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(95%,#7d7e7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#7d7e7d 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#7d7e7d 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-family: 'Raleway', sans-serif;
	padding: 14px 2.6% 16px 2.6%;
}

.content {
	float: left;
	width: 83.2%;
	padding-right: 1.86;
}
.content a {
	color: #0056a3;
	text-decoration: none;
}
.content a:hover {
	color: #e90c1b;
	text-decoration: underline;
}
.col1 {
	width: 33%;
	float: left;
}
.col1 li {
	font-family: 'Raleway', sans-serif;
	list-style: inside;
	list-style-type: circle;
	line-height: 18pt;
}
.col2 {
	width: 33%;
	float: left;
}
.col2 li {
	font-family: 'Raleway', sans-serif;
	list-style: inside;
	list-style-type: circle;
	line-height: 18pt;
}
.col3 {
	width: 33%;
	float: left;
}
.col3 li {
	font-family: 'Raleway', sans-serif;
	list-style: inside;
	list-style-type: circle;
	line-height: 18pt;
}
.col4 {
	font-family: 'Raleway', sans-serif;
	width: 35%;
	float: left;
	margin: 4% 0;
}
.col5 {
	width: 64%;
	float: right;
	margin: 4% 0;
}
.col5 li {
	font-family: 'Raleway', sans-serif;
	list-style: inside;
	list-style-type: none;	
	line-height: 18pt;
}
.col6 {
	font-family: 'Raleway', sans-serif;
	line-height: 18pt;
	width: 64%;
	float: left;
	margin: 4% 0;
}
.col7 {
	font-family: 'Raleway', sans-serif;
	width: 35%;
	float: right;
	margin: 4% 0;
}
/* --============================================== CONTENT ==============================================-- */

/* --============================================== SIDEBAR ==============================================-- */
.sidebar {
	float: right;
	width: 15.08%;
}
.sidebar a {
	font-size: 13px;
	line-height: 20pt;
	color: #0056a3;
}
.sidebar a:hover {
	color: #e90c1b;
	text-decoration: none;
}
/* --============================================== SIDEBAR ==============================================-- */

#footer {
	width: 100%;
	clear: both;
	padding: 20px 1.86% 20px 0;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 10pt;
	text-align: right;
	background: #fbabb0; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbabb0 0%, #c40a17 50%, #c40a17 51%, #66050c 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbabb0), color-stop(50%,#c40a17), color-stop(51%,#c40a17), color-stop(95%,#66050c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbabb0 0%,#c40a17 50%,#c40a17 51%,#66050c 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbabb0', endColorstr='#66050c',GradientType=0 ); /* IE6-9 */
}
/* --================================================ FORM ===============================================-- */
fieldset {
	border: none;
	display: block;
	padding: 0;
}
legend {
	padding-top: 2%;
	font-family: 'Lora', serif;	
	font-size: 24px;
	font-weight: 400;
	color: #000;
	text-decoration: underline;
}
label {
	display: block;
	width: 51%;
	height: auto;
	line-height: 24pt;
}
input {
	font-family: 'Raleway', sans-serif;
	font-size: 13pt;
	width: 70%;
	padding-left: .5em;
	float: left;	
	height: 30px;	
	background-color: #ccc;
	border: solid 1px #666;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
textarea {
	font-family: 'Raleway', sans-serif;
	font-size: 14pt;
	width: 69.5%;
	margin: 0.7em 0;
	padding-left: .5em;
	background-color: #ccc;
	min-width: 50%;
	max-width: 99%;
	min-height: 5em;
	max-height: auto;
	border-color: #777;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.recaptcha input {
  height: 20px;
}
.submit {
	font-family: 'Raleway', sans-serif;
	font-size: 14pt;
	line-height: 16pt;
	margin-top: 1em;
	width: 6em;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a');
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a);
	border-color: #777;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.submit:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a', endColorstr='#a9a9a9');
	background: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#a9a9a9));
	background: -moz-linear-gradient(top,  ##7a7a7a,  #a9a9a9);
}
/* --================================================ FORM ===============================================-- */


/* --=========================================== MEDIA QUERIES ===========================================-- */
@media screen and (min-width: 699px) and (max-width: 801px) {
	#banner {
		height: 120px;
	}
	#banner-title {
		width: 89.4%;
	}
	#banner-search {
		width: 96.28%;
	}
	.year a span {
		padding: 7px 2.6% 7px 2.6%;
	}
}

@media screen and (min-width: 100px) and (max-width: 698px) {
	h3 {
		margin: .5em 0;
	}
	img.ad {
		max-width: 142px;
	}
	img.fl { 
		width: 100%;
		padding: 0;
	}
	#banner {
		width: 100%;
		height: 120px;
	}
	#banner-img {
		width: 10%;
	}
	#banner-title {
		width: 86.28%;
		margin-top: .6em;
		font-size: 1.7em;
	}
	#banner-search {
		width: 100%;
		margin: 0;
	}
	#banner-search input {
		width: 90%;
		margin-left: 1em;
	}
	#container {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	nav {
		height: 300px;
		min-height: 50px;
		display: block;
	}
	span, a span , a span:hover {
		width: 100%;
		max-width: 100%;
		float: left;
	}
	a span:hover {
		background: #a3d4ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #a3d4ff 0%, #0056a3 50%, #004c8f 51%, #004c8f 51%, #003768 95%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3d4ff), color-stop(50%,#0056a3), color-stop(51%,#004c8f), color-stop(51%,#004c8f), color-stop(95%,#003768)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* IE10+ */
		background: linear-gradient(to bottom,  #a3d4ff 0%,#0056a3 50%,#004c8f 51%,#004c8f 51%,#003768 95%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d4ff', endColorstr='#003768',GradientType=0 ); /* IE6-9 */
	}
	#active {
		width: 100%;
		float: left;	
	}
	#active1 {
		text-align: center;
	}
	.bar {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.col1 {
		float: left;
		width: 100%;
	}
	.col2 {
		float: left;
		width: 100%;
	}
	.col3 {
		float: left;
		width: 100%;
	}	
	.col4 {
		float: left;
		width: 100%;
	}
	.col5 {
		float: left;
		width: 100%;
	}
	.col6 {
		float: left;
		width: 100%;
	}
	.col7 {
		float: left;
		width: 100%;
	}

	.content {
		width: 100%;
		margin: 0;
		float: left;
	}
	.sidebar {
		width: 100%;
		float: left;
	}
	.years a span {
		width: 100%;
		margin: 0;
		text-align: center;
	}
}
/* --=========================================== MEDIA QUERIES ===========================================-- */