/* CSS Document */

body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #41474d; background: #ebebeb;}
#header{width:100%; height: 50px; background: #2c3e50; color: #ffffff; box-shadow: 0px 0px 5px 0px #2c3e50;}
#logo{height:40px; float: left; margin: 5px 0 0 20px;}
#logoImg{height: 40px;}
#main{width: 980px; margin: 0px auto;}
#title{width: 100%; margin: 10px 0; height: 25px;}
.contentBox{width:100%; border-radius: 5px; border: 1px solid #acbdce; background: #fff; padding: 1px 0; box-shadow: 2px 3px 2px #ccc; overflow: auto;}
.inner{width: 95%; margin: 10px auto 50px;}
#buffer{width:100%; height: 70px; overflow: hidden;}
#footer{width: 100%; height: 60px; background: #2c3e50;}
#footerNav{width:25%; text-align:right; float: right; margin: 5px 20px 0 0; color: #fff; font-size: .9em;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; color:#2c3e50; padding: 0; margin:0; font-weight: bold;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#fff; background: #566573; padding: 5px; margin: 50px 0 10px; font-weight: bold; border-radius: 5px; clear: both; display: inline-block; width: 100%;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size: 1em; color:#555555; padding: 0; font-weight: 600; margin: 20px 0 5px;}

ul {margin: 0;}
.websiteRef{font-size: .8em; color: #999999; font-weight; bold;}

a:link, a:active, a:visited {color: #6ca5c7; text-decoration: none; font-weight: bold; font-size: .9em;}
a:hover {color: #ccc; text-decoration: none;}
.white:link, .white:active, .white:visited {color: #fff; text-decoration: none; font-weight: bold; font-size: .9em;}
.white:hover {color: #ccc; text-decoration: none;}

/* Content Styles */
.intro{width: 100%; margin: 0 auto 10px; overflow: auto;}
.introPic{width: 200px; height: 200px; overflow: hidden; margin: 0 20px 0 0; float: left}
.introDesc{width: 710px; float: left;}

.video{width: 100%; height: 315px; margin: 0 auto 30px; overflow: auto;}
.videoVid{width: 560px; height: 315px; overflow: hidden; margin: 0 20px 0 0; float: left}
.videoDesc{width: 350px; float: left;}

.pic{width: 300px; height: 400px; margin: 0 10px 30px 0; float: left;}
.picPic{width: 100%; height: 300px; margin: 0 0 10px 0; overflow: hidden; border-radius: 5px;}
.picDesc{width: 100%; height: 90px;}

.colOne, .colTwo{width: 50%; float: left;}

/* END Content Styles */

@media (max-width: 375px){
	#main{width: 100%; margin: 0 auto;}
	#logo{height:40px; float: left; margin: 5px 0 0 2%; width:35%;}
	#logoImg{height: 30px;}
	#header{height: 85px;}
}

.image {width: 100%;}