body {
	font-size: 75%;
	background-image:none;
	background-color: white;
	} 

img, video, canvas {
  max-width: 100%;
}

figure {
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  width: 100%;
}
iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.contain_top:before,
.contain_top:after {
  content: "";
  display: table;
}
.contain_top:after {
  clear: both;
}
.contain_top {
   background: transparent; 
   margin: 0 auto;
   width: 100%;
  *zoom: 1;
}

div.wrapper, div.contain_top, section#slideshow, div.container, section#main, div#featured-program {margin: 0 auto;width: 100%;}

div.wrapper, section#main {background: none;}

aside#over_left {width: 18%; background-color:#FFF; border-right: 1px solid #ccc; padding-right: 1.8%;}

aside#over_left #social-stream ul li a {border-bottom: none; display:inline;padding:0; font: 10px/11px arial, sans-serif; color: #ce1628;}
aside#over_left #social-stream ul li .section-intro a {color:#fff;}

div#featured-program .featured-image {width: 94%;float:none;}
div#featured-program .featured-description {margin: auto 6%;width: 100%;float:none;}

div.darken1, div.darken2, div.darken3, div.darken4 {
    padding: 0;	
	float:left;
	width:25%;
	max-height: 80px; 
	min-height: 80px; 
	}
	
div.darken1 {background: #75cae2;}
div.darken2 {background: #447fe1;}
div.darken3 {background: #004781;}
div.darken4 {background: #76ab4e;}
	
div.darken1 p, div.darken1 a,div.darken2 p, div.darken2 a,div.darken3 p, div.darken3 a, div.darken4 p, div.darken4 a {
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	font: 200 1.45em/1.3em 'Raleway', sans-serif;
	text-align:center;
	letter-spacing: 0.04em;
	padding: 0.75% 1.875% 0;
	line-height: 120%;
	}

div.darken1:hover p, div.darken2:hover p, div.darken3:hover p, div.darken4:hover p  {
	display: none;
	}	
	
div.darken1 span, div.darken2 span, div.darken3 span, div.darken4 span {
	top:7.5%;
	left:3.75%;
	display:none;
	padding: 0 3.75%;
	line-height: 130%;
	font-size:0.8em;
	text-align:center;
	}


div.darken1:hover, div.darken2:hover, div.darken3:hover, div.darken4:hover {background-color: #4a4a4a;min-height: 80px;cursor:pointer;}

div.darken1:hover span, div.darken2:hover span, div.darken3:hover span, div.darken4:hover span {
	color:#fff;
	display: block;
	}

p {margin-bottom: 0.25em;}

span.event {text-transform: uppercase;font-size:9px;padding:5px;letter-spacing: 0.03em;background-color:#004781;color:#fff;font-weight:bold;margin-bottom: 2px;}

div.readmore a, div.featured-description p a span {background: #fff;font-size:11px;padding:0;letter-spacing: 0.02em;color:#ce1628;float: left;}
div.readmore a:hover, div.featured-description p a span:hover {background: #fff;color:#4a4a4a;}

a.blog-link {text-transform: none;color: #ce1628;text-decoration:none;}
a.blog-link:hover {color:#4a4a4a;}

ul#nav_categories, ul .nav_categories {list-style-type: none;}

ul.nav_categories li, ul#nav_categories li {margin-left: 0;}

h3, h3.column-head {font: 300 22px/26px Raleway, sans-serif;}

aside#over_left h3 {padding: 18px 0 16px 12px;}

h3.column-head2 {padding: 18px 0 16px 30px;}
h3.column-head3 {padding: 18px 0 14px 30px;}
h3.column-head4 {padding: 18px 0 5px 12px;}

h3 a, h3.column-head a, aside#over_left h3 a, h3.column-head2 a, h3.column-head3 a, h3.column-head4 a {text-decoration: none;}

h3 span {font-size:11px;text-align:right;color:#ce1628;font-family:Arial, Helvetica, sans-serif;}
h3 span a span:hover, h3.column-head a span:hover, aside#over_left h3 a span:hover, h3.column-head2 a span:hover, h3.column-head3 a span:hover, h3.column-head4 a span:hover {color: #4a4a4a;}

h3.column-head span, h3.column-head2 span, h3.column-head3 span, h3.column-head4 span {font-size:11px;text-align:right;color:#ce1628;font-family:Arial, Helvetica, sans-serif;}

/* SLIDESHOW */

div.infoBlock {
	background:none;
	padding: 0 0 0 8.90625%; 
	max-width: 35%;
	}

div.infoBlock h4 {
	color:#fff;
	font-family: Raleway,sans-serif;
	font-weight: 300;
	font-size: 3.9em;
	}
	
div.infoBlock h4.gray {
	color:#4a4a4a;
	font-family: Raleway,sans-serif;
	font-weight: 300;
	font-size: 3.9em;
	}
	
div.infoBlock p {	
	color:#fff;
	font-family: Raleway,sans-serif;
	font-weight: 200;
	font-size: 2.2em;
	line-height: 130%;
	}
	
div.infoBlock p.gray {	
	color:#4a4a4a;
	font-family: Raleway,sans-serif;
	font-weight: 200;
	font-size: 2.2em;
	line-height: 130%;
	}
	
div.infoBlock p a, div.infoBlock p.gray a {
	background-color: #ce1628;
    padding: 8px;
    font-size: 0.5em;
    font-weight: 400;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
	}
	
div.infoBlock p a:hover, div.infoBlock p.gray a:hover {background-color: #4a4a4a;}	
	
div.bumper {background: white; height: 24px;width: 100%;}	

section#blog_social {width: 80%;float: right; margin:0;}

div#middle_news {width: 78%;float:left;padding: 0;}

div.blog-summary {width:48%;float:left;margin: 0;border-right: 1px solid #ccc;}
div.middle-news {padding-right: 1.8%;}
div.social-stream {width:20%; border-right: 0px;}

div.three-blocks {width: 30%;margin-right: 15px;float:left;}
	

/* MEDIA BREAKPOINTS */
@media only screen and (max-width: 1180px) {
div.darken1 p, div.darken1 a,div.darken2 p, div.darken2 a,div.darken3 p, div.darken3 a, div.darken4 p, div.darken4 a {
	font: 200 1.35em/1.3em 'Raleway', sans-serif;
	div.darken1, div.darken2, div.darken3, div.darken4 {max-height: 70px; min-height: 70px;}
	div.darken1:hover, div.darken2:hover, div.darken3:hover, div.darken4:hover {min-height: 70px;}
	}
}

@media only screen and (max-width: 1020px) {
div.darken1 p, div.darken1 a,div.darken2 p, div.darken2 a,div.darken3 p, div.darken3 a, div.darken4 p, div.darken4 a {
	font: 200 1.25em/1.3em 'Raleway', sans-serif;
	}
	div.darken1, div.darken2, div.darken3, div.darken4 {max-height: 70px; min-height: 65px;}
	div.darken1:hover, div.darken2:hover, div.darken3:hover, div.darken4:hover {min-height: 65px;}
	
}

@media only screen and (max-width: 880px) {
div.darken1 p, div.darken1 a,div.darken2 p, div.darken2 a,div.darken3 p, div.darken3 a, div.darken4 p, div.darken4 a {
	font: 200 1.15em/1.3em 'Raleway', sans-serif;
	}
	div.darken1, div.darken2, div.darken3, div.darken4 {max-height: 70px; min-height: 60px;}
	div.darken1:hover, div.darken2:hover, div.darken3:hover, div.darken4:hover {min-height: 60px;}
	
}

@media only screen and (max-width: 1069px) {
	div.infoBlock h4, div.infoBlock h4.gray { font-size: 2.5em;font-weight: 400;}
	div.infoBlock p, div.infoBlock p.gray { font-size: 1.5em; font-weight: 300;}
	}
	
@media only screen and (min-width: 559px) and (max-width: 759px) {	
	div#featured-program .featured-image {width: 60%;float:left;}
	div#featured-program .featured-description {margin: 0 1%;width: 34%;float:right;}
}

@media only screen and (max-width: 759px) {
body { 65%/1.6em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif; background: #fff; background-image:none;}

div.infoBlock {	background:none; padding: 4% 0 0 6%; max-width: 55%;}

div.infoBlock h4, div.infoBlock h4.gray { font-size: 2em;font-weight: 400;}
div.infoBlock p, div.infoBlock p.gray { font-size: 1.3em; font-weight: 300;}

div.darken1, div.darken2, div.darken3, div.darken4, div.darken1:hover, div.darken2:hover, div.darken3:hover, div.darken4:hover {padding: 0;float:none;width:100%;max-height: 4%; min-height: 4%;}
div.darken1 p, div.darken1 a,div.darken2 p, div.darken2 a,div.darken3 p, div.darken3 a, div.darken4 p, div.darken4 a {font: 300 1.3em/1.3em 'Raleway', sans-serif;padding: 0.5% 1.2% 0;}

section#slideshow img {border: none;}

div.bumper {display: none;}

aside#over_left {width: 100%;border-right:none;margin: 0;padding:0;}

section#blog_social, div#middle_news, div.blog-summary, div.middle-news, div.social-stream, div.three-blocks, div.three-blocks-last {width: 100%;float: none; border-right: 0px;}

h3 {font: 300 22px/26px Raleway, sans-serif;}

h3.column-head, h3.column-head2, h3.column-head3, h3.column-head4  {background-color: #004781; width: 100%;padding: 2%;}
h3.column-head a, h3.column-head2 a, h3.column-head3 a, h3.column-head4 a {color: white;}

h3.column-head span, h3.column-head2 span, h3.column-head3 span, h3.column-head4 span {color:white;font-size: 60%; font-family:  Raleway, sans-serif;font-weight: 200;}

}

@media only screen and (max-width: 479px) {
	div.full-width-slider { width: 99%;}
	}