body
{
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	background: url(../images/bodyBackground.jpg) repeat;
	background-position: left top, right top;
}

.header{
 	display:block;
 	width:1000px;
 	height:140px;
	background-image:url('../images/headerTopBackgroundAlt02.jpg');
	margin: auto;
}

#navFloating {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	z-index:10000;
}
 
.navFloatingWrapper{
	width: 1020px;
	height: 70px;
	margin:auto;
	background-color:#000000;
}
 
#navFloatingNavItems {
	margin: 0 auto;
	display: block;
	width: 600px;
	height: 70px;
	background-color: #000000;
	float:left;
}
 
#navFloatingNavItems li a {
	display: block;
	float: left;
	font-size: 1.75em;
	font-weight: bold;
	color: #96aed8;
	line-height: 70px;
	text-decoration: none;
	padding: 0px 8px;
	margin-right: 6px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#navFloatingNavItems li a:hover {
	color: #fff;
	background: rgba(0,0,0,0.3);
}

.navContainer {
	display:block;
    height:70px; 
    width: 100%; 
}

.navContainerWrapper {
	margin: 0 auto; 
	top:86% ; 
	width: 1020px; 
	height: 70px; 
	background-color:#000000;
}

#navContainerNavItems li a {
	display: block;
	float: left;
	font-size: 1.75em;
	font-weight: bold;
	color: #96aed8;
	line-height: 70px;
	text-decoration: none;
	padding: 0px 8px;
	margin-right: 6px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#navContainerNavItems li a:hover {
	color: #fff;
	background: rgba(0,0,0,0.3);
}

#text_columns {
	width:auto;
}

#text_columns .wrapper{
        line-height:25px;
        padding-top:10px;
        width:auto;
        font-size:14px;
        background:#333333;
        display:block;
        overflow:auto;
		padding-left:10px;
        margin:auto;
        max-width:1000px;
		border: 2px solid #000000;
}

#text_columns .wrapper .column
{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:625px;
        margin-right:20px;
}

#text_columns .wrapper .column.leftlist{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:405px;
        margin-right:20px;
}

#text_columns .wrapper .column.midlist{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:250px;
        margin-right:20px;
}

#text_columns .wrapper .column.rightlist{
        font-family: 'Open Sans', sans-serif;
        color:#ababab;
        float:left;
        width:250px;
        margin-right:20px;
}


#text_columns .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;
}

#text_columns .wrapper .column.leftlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;
}

#text_columns .wrapper .column.midlist ul li a
{
        color:#ffffff;
		font-weight: bold;
}

#text_columns .wrapper .column.midlist ul li a:hover
{
        color:red;
}

#text_columns .wrapper .column.rightlist ul li{
        display:block;
        width:auto;
        margin-bottom:15px;
}

#text_columns .wrapper .column.rightlist ul li a span{
        margin-left:95px;
        display:block;
}

#text_columns .wrapper .column.rightlist ul li a img{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

#text_columns .wrapper .column.rightlist ul li a img:hover{
        border-color: #5e5e5e;
}

#text_columns .wrapper .column h4{
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

#text_columns .wrapper .column h5{
        font-size: 14px;
        color: red;
		font-weight: bold;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

.video-area{
	float:left;
	padding:5px;
}

.schedule-upcoming {
	display: block; 
	height:auto;
}

.schedule-past {
	display: block; 
	height:auto;
}

.socialMediaAboutLinks{
	float:right; padding-top:0px; padding-right:5px;display:none;
}

input
{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #EBE8DE;
        border-radius:5px;
}
textarea
{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #EBE8DE;
		resize:none;
        border-radius:5px;
}

button
{
        width:auto;
        padding: 5px 18px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #333333;
        color: #fff;
		float:right;
}

p
{
        margin:5px 0;
        line-height:25px;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px solid #D6D0C1;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:200px;
}

hr
{
        background-color: #D6D0C1;
        border:0;
        height:1px;
        margin:20px 0;
}




/* BUTTONS */

.button
{
        padding:7px 14px;
        border: 1px solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 1px 1px 0px #ff8155;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}


.row
{
        position:relative;
        margin: 40px 0 0 50px;
        float:right;
        width:350px;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100px;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80px;
}

#preFoorterSpacer{
	display:block;
 	width:1000px;
 	height:50px;
	background-color:#000000;
	margin: auto;
}
.footer{
 	display:block;
 	width:1000px;
 	height:140px;
	margin: auto;
	background-image:url('../images/headerBottomBackgroundAlt02.jpg');
	background-repeat:no-repeat;
text-align:center;
}


#copyright
{
        background: #1D1D1D;
        height:70px;
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
}
#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        padding-top:5px;
        color: #5e5e5e;
        font-size:14px;
        position:relative;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top {
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover {
        background-color: rgba(0, 0, 0, 0.6);
}



/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}


.socialMediaIcons{
	height:50px;
}



/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */


@media (max-width: 1020px)
{
	.navContainer {	
		height:50px; 
	}
	.navContainerWrapper {
		width: 737px;
		height:50px;
	}
	
	.navFloating{
		height: 50px;
	}	
	.navFloatingWrapper{
		width: 737px;
		height: 50px;
	}
	
	#navFloatingNavItems{
	  height: 50px;
	}
	
	#navFloatingNavItems li a {
	  font-size: 1.5em;
	  line-height: 50px;
	}
	
	#navContainerNavItems li a {
	  font-size: 1.5em;
	  line-height: 50px;
	}

	#text_columns .wrapper .column.leftlist{
			width:710px;
	}
	
	#text_columns .wrapper .column.midlist{
			width:340px;
	}
	
	#text_columns .wrapper .column.rightlist{
			width:340px;
	}
	
    #text_columns .wrapper {
		width: 723px;
		margin: 0 auto;
		padding-left:10px;
    }
	
    #text_columns .wrapper .column{
		margin-top:10px;
		float:none;
		font-size: 14px;
		width: auto;
	}
		
	#text_columns .wrapper .social{
		display:none;
	}

	.socialMediaIcons{
		height:34px;
	}
	
	.verticalScroll{
		width: 737px;
	}
	.verticalScrollArea{
		width: 737px;
	}

}

@media (max-width: 750px)
{

	.navContainer {	
		height:40px; 
	}
	.navContainerWrapper {
		width: 484px;
		height:40px;
	}
	
	.navFloating{
		height: 40px;
	}	
	.navFloatingWrapper{
		width: 484px;
		height: 40px;
	}
	
	
	#navFloatingNavItems li a {
	  font-size: 1em;
	  line-height: 40px;
	}
	
	#navContainerNavItems li a {
	  font-size: 1em;
	  line-height: 40px;
	}
	
	.socialMediaIcons{
		height:24px;
	}
	

	#text_columns .wrapper .column.leftlist{
			width:450px;
	}
	
	#text_columns .wrapper .column.midlist{
			width:450px;
	}
	
	#text_columns .wrapper .column.rightlist{
			width:450px;
	}
	
	
	.verticalScroll{
		margin: 0 auto; width: 484px; background-color:#333333;
	}
	.verticalScrollArea{
		width: 484px;
	}
	


        #text_columns .wrapper
        {
                width: 470px;
                margin: 0 auto;
                padding-left:10px;
        }
        #text_columns .wrapper .column
        {
                margin-top:10px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        #text_columns .wrapper .social
        {
                display:none;
        }

}

@media (max-width: 500px)
{
	.navContainer {	
		height:36px; 
	}
	
	.navContainerWrapper {
		width: 296px;
		height:36px;
	}
	
	.navFloating{
		height: 36px;
	}	
	
	.navFloatingWrapper{
		width: 296px;
		height: 36px;
	}

	#navFloatingNavItems li a {
	  font-size: 14px;
	  line-height: 36px;
	}
	
	#navContainerNavItems li a {
	  font-size: 14px;
	  line-height: 36px;
	}
	
	
	.socialMediaIcons{
		height:30px;
	}
	.socialMediaAboutLinks{
		display:block;
	}
	
	#text_columns .wrapper .column.leftlist{
			width:270px;
	}
	
	#text_columns .wrapper .column.midlist{
			width:270px;
	}
	
	#text_columns .wrapper .column.rightlist{
			width:270px;
	}
	
	.verticalScroll{
		margin: 0 auto; width: 296px; background-color:#333333;
	}
	
	.verticalScrollArea{
		width: 296px;
	}
	
	#navContainerSocialMediaNavLinks{
		display:none;
	}
	#fixednav2 li a {
		display: block;
		float: left;
		font-size: 1em;
		font-weight: bold;
		color: #96aed8;
		line-height: 36px;
		text-decoration: none;
		padding: 0px 4px;
		margin-right: 6px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	#navFloatingSocialMediaNavLinks{
		display:none;
	}


        #text_columns .wrapper
        {
                width: 282px;
                margin: 0 auto;
                padding-left:10px;
        }
        #text_columns .wrapper .column
        {
                margin-top:10px;
                float:none;
                font-size: 14px;
                width: auto;
        }
        #text_columns .wrapper .social
        {
                display:none;
        }

}