@import 'https://fonts.googleapis.com/css?family=Oswald';
@import 'https://fonts.googleapis.com/css?family=Lato';

body {
    width: 100%;
    height: 100%;
    margin: 0px;
}
#top{
    position: fixed;
    top: 0px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	background-size: auto 100%;
	border-bottom-style: solid;
    border-bottom-width: 5px;
	border-color: rgb(14,74,156);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 20px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 20px 0px rgba(50, 50, 50, 0.75);
}

#header {
    width: 950px;
    height: 80px;
    margin: auto;
    padding-top: 20px;
}

#logo{
    float: left;
    margin-left: 35px;
}

#menu{
    float: left;
    margin-left: 6%;
    padding-top: 30px;
}
.menu {
    color: rgb(237,28,36);
    margin: auto;
    padding: 0;
    padding-top: 9px;
    padding-bottom: 7px;
}

.menu a {
    color: rgb(237,28,36);
    text-decoration: none;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    font-size: 20px
}

.menu a:hover {
    color: rgb(14,74,156);
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.menu li {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    padding: 0;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 20px;
}

.menu i {
    margin-right: 3px;
}

.menu .active {
    color: rgb(14,74,156);
}

.menu ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: Source Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
}
#content{
    width: 900px;
    margin-left:auto;
    margin-right: auto;
    display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0.5+0,0.56+100 */
	/*background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 1%, rgba(255,255,255,0.56) 100%); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0.56) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 1%,rgba(255,255,255,0.56) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#8fffffff',GradientType=0 ); */
}
#container-panel{
	position: static;
	width: 98%;
	margin:auto;
	display:block;
	overflow:auto;
}
#column_1{
	position: static;
	margin-right:5%;
	float: left;
	width: 33%;
}
#column_2{
	position: static;
	float: right;
	width: 62%;
}
#l-column{
    float: left; 
	width: 48%;
}
#r-column{
    float: left;
    margin-left: 4%;
	width: 48%;
}
div#captioned-gallery {
	width: 100%;
	overflow: hidden;
}
figure { margin: 0; }
figure.slider {
	position: relative;
	width: 500%;
	font-size: 0;
	animation: 40s slidy infinite; 
}
figure.slider figure { 
	width: 20%;
	height: auto;
	display: inline-block;
	position: inherit; 
}
figure.slider img {
	height: 100%;
	width: auto;
}
figure.slider figure figcaption {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	width: 100%;
	font-size: 2rem;
	padding: .6rem;
	font-family: 'Nunito', sans-serif;
}
@media screen and (max-width: 500px) { 
	figure.slider figure figcaption {
		font-size: 1.0rem;
	}
}
@keyframes slidy { 
	0%  { left: 0%; }
	15% { left: 0%; }
	20% { left: -100%; }
	35% { left: -100%; }
	40% { left: -200%; }
	55% { left: -200%; } 
	60% { left: -300%; }
	75% { left: -300%; }
	80% { left: -400%; } 
	95% { left: -400%; }
	100% { left: 0%; }
}
div#slider figure {
	position: relative;
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	left: 0;
	text-align: left;
	animation: 30s slidy infinite;
}
#footer{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top-style: solid;
    border-top-width: 5px;
	border-color:  rgb(237,28,36);
	height:101px;
	bottom:0px;
	width: 100%;
	-webkit-box-shadow: 0px -5px 20px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -5px 20px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -5px 20px 0px rgba(50, 50, 50, 0.75);
}
.block_content{
	position: static;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.5+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */
}
.divider_down{
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
.mbb{
	position:relative;
	background-color:rgb(14,74,156); 
	width:100%;
	-webkit-box-shadow: 0px 0px 30px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 30px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 30px 3px rgba(50, 50, 50, 0.75);
}
.mid_content{
	position:relative;
	width:900px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	padding-top: 5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
}
.mrb{
	position:relative;
	background-color:rgb(237,28,36);
	width:100%;
	-webkit-box-shadow: 0px 0px 30px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 30px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 30px 3px rgba(50, 50, 50, 0.75);
}
.ltitle{
	position:relative;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	color:rgb(237,28,36);
	font-size: 30px;
	padding-left: 5px;
}
.rtitle{
	font-family: 'Oswald', sans-serif;
	text-align:right;
	padding-left: 5px;
}
.rcd{
	background-color:rgb(237,28,36);
	height:5px;
	width:100%;
}
.bcd{
	background-color:rgb(237,28,36);
	height:5px;
	width:100%;
}
.ctext{
	color: #000000;
	padding: 5px;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
}