@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700,700italic);
/* ********************************************************	
	# Global Stylesheet for http://legacy.scetv.org/ #
	# Created: June 2016 | Last Modified: October 2016 #
	# Contact: Salli-Denise Smith | sdsmith@scetv.org #
******************************************************** */
*,*:before,*:after {
	box-sizing:border-box;
}
::-moz-selection { background:#b3d4fc;
	text-shadow:none;
}
::selection {
	background:#b3d4fc;
	text-shadow:none;
}
html {
    font-family: sans-serif;
}
body {
    margin: 0;
}
audio,canvas,iframe,img,svg,video {
	vertical-align:middle;
}
img {
	display:block;
	margin:0 auto;
	vertical-align:middle;
	max-width:100%;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
textarea {
	resize:vertical;
}
.browserupgrade{
	background:#999;
	color:#fff;
	margin:0;
	padding:0.5e;
}
.browserupgrade a {
	color:#fff;
}
	
.hidden {
	display:none !important;
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
.invisible {
	visibility:hidden;
}
<!-- ------------- -->
* html{
	font-size:75%;
}
html{
	font-size:1rem;
	line-height:1.688rem;
	color:#222;
}
@media only screen and (min-width : 320px) {
	html{
		font-size:0.75rem;
		line-height:1.125rem;
	}
    }
@media only screen and (min-width : 768px) {
	html{
		font-size:0.875rem;
		line-height:1.125rem;
	}
    }
@media only screen and (min-width : 992px) {
	html{
		font-size:1rem;
		line-height:1.688rem;
	}
    }
body {
	font-family:"Open Sans",Arial,Helvetica,sans-serif;
	position:relative;
	/*font-size:1rem;
	line-height:1.688rem;*/
	/*margin-top:250px;*/
}
a {
	color:#222;
}
a:hover {
	color: #57bfbf;
}
h1, .h1, .timelineSection h2.bean-title, .timelineSection .videoBar h3.bean-title, .videoBar .timelineSection h3.bean-title {
    font-size: 2.688rem;
    line-height: 3rem;
    margin: 0 auto 0.5625em;
	font-weight:700;
}
@media only screen and (max-width : 768px) {
h1, .h1, .timelineSection h2.bean-title, .timelineSection .videoBar h3.bean-title, .videoBar .timelineSection h3.bean-title {
    font-size: 2.313rem;
    line-height: 2.625rem;
}
}
h3, .h3 {
    color: #f55519;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
    margin: em auto 0.4em;
}   
h3.error-page {
    margin: 1.6em auto 0.4em;
}
h4, .h4 {
    font-size: 132.6rem
    line-height: 1.6875em;
    margin: 2.625em auto 0.375em;
}
ul, ol {
    margin: 0 0 1.5em;
}
p {
    margin: 0 auto 1.5em;
}
.mainColumn {
    font-size: 1rem;
    line-height: 1.6875em;
	/*padding-top:5rem;
	padding-bottom:4rem;*/
}
.mainColumn a {
	color: #57bfbf;
	text-decoration:underline;
}
.mainColumn a:hover {
	color: #57bfbf;
	text-decoration:none;
}
/* ***************************** */
/* ---------NAVIGATION---------- */
/* ***************************** */
.navbar-fixed-top {
	position: relative;
}
.navbar-brand img {
	max-width:130px;
	height: auto;
}
/*STOPPED*/
@media only screen and (max-width : 768px) {
	/*.container-fluid {
		padding-right: 1%;
		padding-left: 1%;
	}*/
	.navigation > ul {
    	margin-left: 0 !important;
    	margin-top: 0px;
	}
	.navbar-brand {
		margin-bottom:10px;
	}
}
@media only screen and (min-width : 768px) {
	.container-fluid {
		padding-right: 2%;
		padding-left: 2%;
	}
	.navbar navbar-default {
    	border-bottom: 13px solid #b1e4e3;
	}
}
@media only screen and (max-width : 992px) {
	.navbar navbar-default {
    	border-bottom: 33px solid #b1e4e3;
	}
	/*.navbar-default {
		height:100px;
	}*/
	.navbar-brand {
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-brand img {
		width:70%;
		height:auto;
	}
	.navigation > ul {
    	margin-left: 0 !important;
    	margin-top: 18px;
	}
	/*.dropdown-menu {
		padding: 0 0;
	}*/
}
@media only screen and (min-width : 992px) {
	.container-fluid {
		padding-right: 9%;
		padding-left: 9%;
	}
	.navbar-default {
		height:115px;
	}
	.navbar-brand img {
		width:100%;
		height:auto;
	}
	.navigation > ul {
		margin-left: 0 !important;
		margin-top: 30px;
	}
/*	.dropdown-menu {
		padding: 0 0;
	}*/
}
nav {
	margin-bottom:30px;
}
.navigation {
	text-transform:uppercase; 
	position:relative !important;
}
/*.navigation > ul  {
	margin-top:30px;
	margin-left:0px !important;
}*/
.navbar-collapse.collapse {
	overflow:hidden !important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 500px;
}
.navbar-default {
    background-color: #28939d;
    border-color: transparent;
	border-bottom: 33px solid #b1e4e3;
}
.navbar navbar-default {
	background: #28939d none repeat scroll 0 0;
   /* border-bottom: 33px solid #b1e4e3;*/
    font-weight: 400;
    padding: 0 15px 0 15px;
    transition: background 0.2s ease 0s;
}
.dropdown-menu {
	text-transform:capitalize;
	background-color:#b1e4e3;
	width: 100%;
	min-width: 1600px;
	min-height: 15px;
	z-index: 1000;
	float: left;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-top: 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	/*font-size:1rem;*/
	font-weight: 400;
	line-height: 2em;
	letter-spacing: normal;
	list-style: outside none none;
	padding: 0 0;
}
.dropdown-menu li {
	-moz-osx-font-smoothing: grayscale;
	font-size:0.8rem;
	color: #222;
	padding: 0px 0px 0px 0px;
}
.dropdown-menu > li > a {
	padding: 8px 8px 8px 8px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
	color:#fff;
	font-size:  18px;
    font-weight: 400;
    line-height: 28px;
	letter-spacing: 1px;
    padding: 12px 15px;
    transition: background 0.2s ease 0s;
	-moz-osx-font-smoothing: grayscale;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
	background:#2da6b1 none repeat scroll 0 0;
}
/* Custom Buttons */
li.donate-button {
	padding-top:10px;
}
li.donate-button a {
	margin-right: 20px;
	margin-left: 20px;
	font-size:19px;
	line-height:1.4;
	letter-spacing:2px;
	padding:12px 30px;
	margin-bottom:1.5em;
	background-color:rgba(245,85,25,1);
	color:#fff;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border:0;
	border-radius:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
li.donate-button a:hover {
	background-color:rgba(245,85,25,.85);
	color:#fff;
}
/*@media only screen and (min-width : 768px) {
	li.donate-button a {
		margin-right: 20px;
		margin-left: 20px;
		font-size:19px;
		line-height:1.4;
		letter-spacing:2px;
		padding:12px 30px;
	}
}*/
/*@media (min-width: 992px) {
	.donate-container li.donate-button a {
		margin-right: 20px;
		margin-left: 20px;
		background-color:rgba(245,85,25,1);
		color:#fff;
		font-size:19px;
		line-height:1.4;
		font-weight:700;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:2px;
		padding:12px 30px;
		margin-bottom:1.5em;
		border:0;
		border-radius:0;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
}*/
@media (min-width: 768px) {
	/*.donate-container li.donate-button a {
    margin-right: 5px;
	margin-left: 10px;
	font-size:12px;
	line-height:1.4;
	padding:9px 15px;
	margin-bottom:0;
	border:0;
	}*/
	.dropdown-menu {
		display:inline-block;
	}
	.dropdown-menu li {
		display:inline-block;
	}
	.dropdown .dropdown-menu {
		padding: 0 0 0 0;
		text-align:left;
	}
}
@media only screen and (max-width: 767px) {
	/*.navigation > ul {
		margin-top:0;
		margin-left:0 !important;
	}*/
	.navbar-collapse.collapse {
		overflow:visible !important;
	}
/*	.navbar-brand {
		margin-top:5px;
		margin-left:0;
		margin-right:0;
		padding:0;
	}
	.navbar-brand img {
		max-width:70%;
		height:auto;
	}*/
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color:#fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover  {
		background:#cceded;
		color:#005670;
	}
	a.active::after, li .active a::after {
		font-family:'FontAwesome';
		content:"\00A0\f055";
	}
	.dropdown-menu {
		padding: 0;
	}
	.dropdown-menu li a {		
		color:#fff;
		font-size:14px;
		line-height: 0.25em;
		padding:14px 0px;
	}
	.dropdown-menu li a:focus, .dropdown-menu li a:hover {
		background:#cceded;
		color:#005670;
	}
}
@media only screen and (min-width : 768px) { 
	a.active::after, li .active a::after {
		content:"\0020";
		color: #b1e4e3;
		border-bottom-color: #b1e4e3;
		border-bottom-style: solid;
		border-bottom-width: 8.5px;
		border-left-color: transparent;
		border-left-style: solid;
		border-left-width: 8.5px;
		border-right-color: transparent;
		border-right-style: solid;
		border-right-width: 8.5px;
		bottom: 0;
		height: 0;
		left: 50%;
		margin-left: -8px;
		position: absolute;
	}
	.dropdown-menu li a {		
		padding:  5px 10px;
	}
	.dropdown-menu li a:focus, .dropdown-menu li a:hover {
		background:#cceded;
		color:#005670;
	}
}
@media only screen and (min-width : 768px) { 
	.navbar-default {
		height:115px;
	}
}
button .navbar-toggle {
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    color: #28939d;
	background-color:#28939d;
}
.navbar-toggle {
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
    border-radius: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #b1e4e3;
 	border-radius: 4px;
 	border-color: #b1e4e3;
}
/*@media (width: 768px) and (orientation: portrait) {
	.navbar-default {
		height: 100px;
	}
	.navigation > ul {
    	margin-left: 0 !important;
    	margin-top: 15px;
	}
	.navbar-brand img {
		max-width:5.5rem;
		height:auto;
	}
	.dropdown-menu li a {		
		padding:8px 7px;
	}
	.donate-container {
		margin-right: 0;
		margin-left: 0;
		padding:0px 0px;
		margin-bottom:0;
		border:0;
	}
	.donate-container li.donate-button a {
		font-size:14px;
		margin-right: 5px;
		margin-left: 5px;
	}
}*/

/*@media (width: 800px) {
	.navbar-default {
		height: 100px;
	}
	.navigation > ul {
    	margin-left: 0 !important;
    	margin-top: 15px;
	}
	.navbar-brand img {
		max-width:5.5rem;
		height:auto;
	}
	.dropdown-menu li a {		
		padding:8px 7px;
	}
	.donate-container {
		margin-right: 0;
		margin-left: 0;
		padding:0px 0px;
		margin-bottom:0;
		border:0;
	}
	.donate-container li.donate-button a {
		font-size:14px;
		margin-right: 5px;
		margin-left: 5px;
	}
}*/
/* ***************************** */
/* ----------FOOTER------------- */
/* ***************************** */
footer {
	color:#848484;
	text-align:center;
}
.footerWrapper {
	padding-left: 3rem;
	padding-right: 3rem;
}
.footerNav {
	background: #ededed none repeat scroll 0 0;
    border-top: 8px solid #dcdcdc;
    margin-bottom: 1.5em;
    padding: 10px;
	text-align:center;
}
.footerAddress {
	text-align:left;
}
.footerAddress > p {
	margin-top:15px;
}
.footerLogo img {
	margin-left: -45px;
	width:100px;
	height:40px;
}
@media only screen and (max-width : 768px) {
	.footerAddress {
		text-align:center;
	}
	.footerLogo {
		text-align:center;
		width:100%;
	}
	.footerLogo img {
		margin: 0 auto 15px;
	}
}
.footerNav ul {
    margin: 0;
    padding: 0;
}
.footerNav li a {
	 color: #848484;
	 font-weight:700;
}
.footerNav li a:hover {
	 color: #57bfbf;
}
.footerNav li::after {
    color: #848484;
    content: "•";
    font-size: 1.33333em;
    line-height: 1.6875em;
    padding: 0 15px;
	margin:0;
}
.footerSocial a {
	color:#848484;
}
.facebook a:hover {
	color: #36639e;
}
.twitter a:hover {
	color: #2eabdf;
}
.youtube a:hover {
	color: #ea373e;
}
.flickr a:hover {
	color: #e83990;
}
.pinterest a:hover {
	color: #bd081c;
}
.instagram a:hover {
	color: #275a85;
}