/*
Theme Name: SCC Main Site Theme
Description: SCC Main Site Child Theme of Twenty Twelve.
Template: twentytwelve
*/
/*
$rembase:     16;
$line-height: 26;
*/
@import url(../twentytwelve/style.css);

/*  webfonts Function Pro */
@font-face {
    font-family: 'functionpro_bold';
    src: url('fonts/functionpro-bold-webfont.eot');
    src: url('fonts/functionpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/functionpro-bold-webfont.woff') format('woff'),
         url('fonts/functionpro-bold-webfont.ttf') format('truetype'),
         url('fonts/functionpro-bold-webfont.svg#function_pro_bookbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'functionpro_book';
    src: url('fonts/functionpro-book-webfont.eot');
    src: url('fonts/functionpro-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/functionpro-book-webfont.woff') format('woff'),
         url('fonts/functionpro-book-webfont.ttf') format('truetype'),
         url('fonts/functionpro-book-webfont.svg#function_probook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*  END webfonts Function Pro */

/*  webfonts Futura */
/* @font-face {
	font-family: 'Futura-Medium';
	src: url('fonts/FuturaStd-Medium.eot');
	src: local('☺'), url('fonts/FuturaStd-Medium.woff') format('woff'), url('fonts/FuturaStd-Medium.ttf') format('truetype'), url('fonts/FuturaStd-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura-Bold';
	src: url('fonts/FuturaStd-Bold.eot');
	src: local('☺'), url('fonts/FuturaStd-Bold.woff') format('woff'), url('fonts/FuturaStd-Bold.ttf') format('truetype'), url('fonts/FuturaStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
/*  End webfonts Futura*/
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
}

/* Clear:after styles */
footer .copyright:after {
	content: "";
	display: table;
	clear: both;
}

/* FLEXSLIDER CUSTOM STYLES */

/* overrides hiding of slide until script is ready with display of first slide */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

.flexsliderwrapper {
	position: absolute;
    top: 0;
    left:0;
    width: 100%;
}

.flexsliderphotos .flexslider {
	border:1px solid #ccc !important;
	background-color:transparent;
	padding:0px !important;
	margin:0 !important;
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-o-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-webkit-box-shadow:none !important;
	max-width:1440px;
	max-width:90rem;
	width:100%;
	overflow-x: hidden;
}

.flexsliderphotos .flexslider .slides  {
	width:100%;
	position:relative;
	z-index:-1;
}

.flexsliderphotos .flexslider .slides li  {
	width:100%;
	height:100%;
	background-repeat: no-repeat;
    background-size: cover;
}

.flexslidertext {
	
    position: absolute;
	left: 53%; /*changed from 60% */
    top: 57%; /*changed from 40% */
    width:518px; /*changed from 30% */
    width:32.375rem; /*changed from 30% */
	
}

.flexslidertext .flexslider {
	background-color:rgb(255,255,255); /* Fallback to Opaque white for IE8 and below */
	background-color:rgba(255,255,255,0.8) !important;
	margin:0;
	padding:0;
	border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-box-shadow:none;
	box-shadow: 0 0 rgba(0, 0, 0, 0.2);
	width:100%;
	height:100% !important;
	border:0;
}

.flexslidertext .flexslider ul.slides {
	width:85%;
	padding: 5% 0 5% 5%;
	float:left;
	position:relative;
	
}

/* .flexslidertext .flexslider .slides li {
	width:90% !important;
} */

.flexpaginationmarker {
	background-color: #FFFFFF;
	border: 2px solid #FFCE00;
	width:24px;
	width:1.5rem;
	height:24px;
	height:1.5rem;
	border-radius:4px;
	border-radius:0.25rem;
	-webkit-border-radius:4px;
	-webkit-border-radius:0.25rem;
	-o-border-radius:4px;
	-o-border-radius:0.25rem;
	-moz-border-radius:4px;
	-moz-border-radius:0.25rem;
	position:relative;
	z-index:5;
	margin:12px;
	margin:0.75rem;
	cursor: pointer; 
	display: block;
	text-indent:-9999px; /* Moves number text off screen */
}

.flex-active .flexpaginationmarker {
	background-color: #FFCE00;
	border: 2px solid #FFFFFF;
}

.flexlinks {
	
}

.flexlinks a {
	color:#8A0028;
	font-size:48px;
	font-size:3rem;
	text-decoration:none !important;
}

.flexlinks .flex-caption {
    text-transform: none;
}

/* Remove underlines
.flexlinks a:hover {
	text-decoration:underline !important;
}
*/

.flexcontrols {
	margin:0;
	position:relative;
	float:right;
}

.slides:after {
	clear: none;
}




/* Control Nav overrides*/
/*
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: -40px; 
	text-align: center;
	}
.flex-control-nav li {
	margin: 0 6px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	}
.flex-control-paging li a {
	width: 11px; 
	height: 11px; 
	display: block; 
	background: #666; 
	background: rgba(0,0,0,0.5); 
	cursor: pointer; 
	text-indent: -9999px; 
	-webkit-border-radius: 4px !important; 
	-moz-border-radius: 4px !important; 
	-o-border-radius: 4px !important; 
	border-radius: 4px !important; 
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	}
.flex-control-paging li a:hover { 
	background: #333; 
	background: rgba(0,0,0,0.7); 
	}
.flex-control-paging li a.flex-active { 
	background: #000; 
	background: rgba(0,0,0,0.9); 
	cursor: default; 
	}
*/

/* END FLEXSLIDER CUSTOM STYLES */

/* Styles Calendar Link Box under Flex Slider Text and controls */
.social_links_home {
	float: left;
	display: block;
}

.calendarlinkbox .social_links_home img {
	height: 24px;
	height: 1.5rem;
	padding: 0 0 0 8px;
	padding: 0 0 0 0.5rem;
}

.calendarlinkbox {
	background: #4D4D4D; 
	background: rgba(77,77,77,0.9); 
	width:100%;
	text-align:right;
	padding:12px 0;
	padding:0.75rem;
	border-bottom: 2px solid #FFCE00;
	clear:both;
}

.calendarlinkbox a {
	font-size:24px;
	font-size:1.5rem;
	color:#FFCE00;
	text-decoration:none;
	text-transform: uppercase;
}

.calendarlinkbox img {
	padding:0 12px;
	padding:0 0.75rem;
}

.calendarlinkbox .fp_scccalendar_link {
    float: left;
    padding: 0 0 0 8%;
}

/* Remove underline
.calendarlinkbox a:hover {
	text-decoration:underline;
}
*/
/* End -Styles Calendar Link Box under Flex Slider Text and controls */

/* header top nav menus */
.yellowsecondarymenu {
    background-color: #FDE373;
    float: right;
    padding: 1%;
    width: 75%;
    font-family: "Source Sans Pro","Open Sans", Helvetica, Arial, sans-serif;
}

.outreach-navigation {
    float: left;
    width: 47%;
}

.outreach-navigation li {
    border-right: 1px solid #999;
    float: left;
    padding: 0 2%;
}

.outreach-navigation li:last-child {
     border-right: 0;
}

.outreach-navigation li a {
    display: block;
    color: #4d4d4d;
    text-decoration:none;
}

.outreach-navigation li a:hover {
    display: block;
    color: #999;
    /* Remove underline
    text-decoration:underline;
    */
}

.districttop-navigation {
    width:53%;
    float: right;
}

.districttop-navigation div {
    /* float: right; */
    width:100%; /* changed from width:70%; */
}

.districttop-navigation .nav-menu {
    text-align: right;
    width: 100%; /* added */
}

.districttop-navigation li {
    border-right: 1px solid #999;
    display: inline-block;
    /* float: left;
    padding: 0 2%; */
    padding: 0 2% 0 1%;
}

.districttop-navigation li:last-child {
    border-right: 0;
}

.districttop-navigation li a {
    display: block;
    color: #4d4d4d;
    text-decoration:none;
    /* padding: 0 4% 0 2%; */
}

.districttop-navigation li a:hover {
    display: block;
    color: #999;
    /* Remove underline
    text-decoration:underline;
    */
}


/* Google Custom Search Box Styles */
.widget-area .gsc-search-box input.gsc-input {
	background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center #FFFFFF !important; /* for Safari */
	background-size: 100% auto;  /* for Safari */
	background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center / 100% auto #FFFFFF !important; 
    font-size: 20px;
    font-size: 1.25rem;
    height: 36px;
    height: 2.25rem;
    margin: 6% 0;
}

.first.front-widgets input.gsc-input {
    width: 116%;
}

#headerimagesidebar input.gsc-input {
    width: 123%;
}

.widget-area .gsc-search-box input.gsc-input-focus {
    background: #ffffff !important;   /* replaces google watermark with scc branded google watermark */
}

/* Overrides Autocomplete Styles 
table.gstl_50.gssb_c {
    top: 210px !important;
}
*/

/* END Google Custom Search Box Styles */

/* Google Custom Search Results Styles */
.gsc-control-cse .gs-result .gs-title, 
.gsc-control-cse .gs-result .gs-title * {
    color: #8A0028;
}

.gsc-control-cse .gs-result .gs-title:hover, 
.gsc-control-cse .gs-result .gs-title *:hover {
   color:#4d4d4d;
}

#content .gsc-search-box {
    margin-top: 2%;
}

.gs-webResult .gsc-url-bottom div.gs-visibleUrl-long {
	display:block;
	color: blue;
}

.gsc-adBlock {
    display: none;
    height: 0;
}

.gsc-adBlockVertical {
    display: none;
    height: 0;
}
/* END Google Custom Search Results Styles */


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */

/* Page structure */
html {
    font-size: 100%;
}

body {
		background-color: #ffffff !important;
		width:100%;
		height:100%;
		font-size: 16px;
		font-size: 1rem;
		font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	}
	
.template-front-page .widget-area {
clear: none;
float: left;
width: 25%;
padding-top: 0;
padding-top: 0;
border-top: 0 none;
}
	
body.custom-font-enabled,
.main-navigation,
.breadcrumbs,
.homepage-side-navigation,
.flexslidertext,
.first.front-widgets,
.custsidebar-essentials {
	font-family: "functionpro_book", "Source Sans Pro", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "functionpro_book", "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	text-transform: uppercase;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

article .entry-content a,
article .entry-content a:visited {
    color: #8A0028;
    font-weight:bold;
}

article .entry-content a:hover {
    color: #999;
}

.comments-link a:hover, 
.entry-meta a:hover {
	color: #999999;
}

hr {
	color: #FFCE00;
	background-color: #FFCE00;
	height:1px;
	border:none;
	margin:0;
	clear: both;
}

hr.beforehr5 {
	margin-top:5px;
}
hr.beforehr10 {
	margin-top:10px;
}
hr.beforehr15 {
	margin-top:15px;
}
hr.beforehr20 {
	margin-top:20px;
}

hr.afterhr5 {
	margin-bottom:5px;
}
hr.afterhr10 {
	margin-bottom:10px;
}
hr.afterhr15 {
	margin-bottom:15px;
}
hr.afterhr20 {
	margin-bottom:20px;
}

a,
a:link,
a:visited {
	color: #8A0028
}

.calendarlinkbox a, 
.calendarlinkbox a:visited {
    color: #FFCE00;
}

a:hover,
.calendarlinkbox a:hover {
	color: #4d4d4d; /* Changed from #999999 */
}

.calendarlinkbox .fp_scccalendar_link a:hover,
.calendarlinkbox .fp_sccnews_link a:hover {
	color: #ffffff; 
}

/* input button styles */
input[type="submit"], 
input[type="button"], 
input[type="reset"] {
    color: #000000;
    font-size: 1rem;
}
/* END input button styles */

body .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow:none; 
	}

.site {
	max-width:1440px;
	max-width:90rem;
	padding: 0 24px;
	padding: 0 1.5rem;
	background-color:transparent;
	width:100%;
	height:100%;
	margin:auto;
}

.site-content article {
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	border-bottom:0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-mainpage_container {
    background-color: #8A0028;
    position: relative;
    z-index: 0;
    width: 100%;
    border-radius: 0 0 4px 0;
	-webkit-border-radius:0 0 4px 0;
	-o-border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0;
}

.mainpage_container {
	background-color: transparent;
    position: relative;
    z-index: 0;
    height: 100%;
    width: 100%;
    border-radius: 0 0 4px 0;
	-webkit-border-radius:0 0 4px 0;
	-o-border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0;
}

.site-header,
.home-site-header {
    margin:0 10%;
    padding:0;
    background-color: #8A0028;
    border-radius: 0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
}

.home-site-header {
    position:relative;
    z-index:10;
}

.header-menuwrapper {
	position:absolute;
	top:0;
	width:100%;
}

.site-header h1,
.home-site-header h1 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 0;
}

.site-header h1 a, .site-header h2 a,
.home-site-header h1 a, .home-site-header h2 a {
    color: #ffffff;
	font-weight:normal;
}

.site-header h1 a:hover, .site-header h2 a:hover,
.home-site-header h1 a:hover, .home-site-header h2 a:hover {
    color: #FFCE00;
    /* Remove underline
    text-decoration: underline;
    */
}


.site-header .hgroup img, 
.home-site-header .hgroup img {
	border:0;
	width:100%;
	max-width:240px;
	max-width:15rem;
}

.site-header .hgroup .scclogo, 
.home-site-header .hgroup .scclogo {
	text-align:center;
	display:block;
}

.site-header .hgroup .horizlogo, 
.home-site-header .hgroup .horizlogo {
	display:none;
}

.site-header .hgroup .horizlogo img, 
.home-site-header .hgroup .horizlogo img {
	max-width:610px;
	max-width:38.125rem;
}

.wrapper {
	margin:0 10%;
}

.underheader {
	position:relative;
	z-index:-1;
}

.headerimage {
    line-height: 0;
}

.headerimage > img {
	border-bottom:4px solid  #FFCE00;
	max-width:1440px;
	max-width:90rem;
	width:100%;
	max-height:400px;
	max-height:25rem;
}

.header-image {
	margin-top: 0;
}

.headerimage700 > img {
	border-bottom:4px solid  #FFCE00;
	max-width:1440px;
	max-width:90rem;
	width:100%;
	max-height:700px;
	max-height:43.75rem;
}

.underheader .headerimage .metaslider .flexslider {
    margin-bottom: 0;
}

.underheader .headerimage .metaslider .flex-control-nav {
    bottom: 4%;
    z-index: 100;
}

.underheader .headerimage .metaslider .flex-control-nav li {
    float: right;
}

.underheader .headerimage .metaslider .flex-control-nav li a {
    background-color: #8A0028;
}

.underheader .headerimage .metaslider .flex-control-nav li a.flex-active {
    background-color: #ffffff;
}

.underheader .about-featimage {
    margin-bottom: 3%;
}

.underheader .about-featimage img {
	-webkit-border-radius: 0;
	-o-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.morelink {
	white-space: nowrap;
}

/* Breadcrumb nav styles */
.breadcrumbs {
	margin: 0 10%;
	background-color: #FDE373;
	color: #8A0028;
}

.breadcrumbs a {
	padding: 0.8% 1.4%;
	text-decoration:none;
	color: #000;
	display:inline-block;
	background-color: #FFF9E6;
	font-size: 14px;
	font-size: 0.875rem;
}

.breadcrumbs a:nth-child(1) {
	color: #fff;
	background-color: #4D4D4D;
}

.breadcrumbs a:nth-child(2) {
	color: #fff;
	background-color: #999;
}

.breadcrumbs a:nth-child(3) {
	background-color: #B1B1B1;
}

.breadcrumbs a:nth-child(4) {
	background-color: #FFF;
}

.breadcrumbs a:last-child {
	color:#8A0028;
	background-color: #FFCE00;
}

.breadcrumbs a:hover {
	/* removes underline
	text-decoration:underline; */
	color: #4D4D4D;
	background-color: #FFF9E6;
}

.custombreadcrumb {
    margin-right: -5px;
    padding-right: 5px;
}
/* END Breadcrumb nav styles */

/* Main navigation style overrides */
.main-navigation {
    margin: 0 10%;
}

.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
    border:0 none;
    text-align: left;
	width: 100%;
	background-color: #8A0028;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
}

.main-navigation li {
    font-size: 20px; /*Changed from  font-size: 24px */
    font-size: 1.25rem; /*Changed from  font-size: 1.5rem; */
    margin: 0;
    width:auto; /* Changed from width:20%; */
    float:none; /* Changed from float:left; */
    background-color: transparent; /* Changed from background-color: #8A0028;  */
    border-right: 1px solid #ffffff;
}

.main-navigation li a {
    color: #FFCE00;
    line-height: 2;
    text-transform: uppercase;
    white-space: nowrap;
    display:block;
	padding: 2px 24px;
	padding: 0.125rem 1.5rem;
}

.main-navigation li a:hover {
    color: #ffffff;
}

/*
.main-navigation li:first-child {
	border-radius:0 0 0 4px;
	-webkit-border-radius:0 0 0 4px;
	-o-border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
}
*/

.main-navigation li:last-child {
	/* border-radius:0 0 4px 0;
	-webkit-border-radius:0 0 4px 0;
	-o-border-radius:0 0 4px 0;
	-moz-border-radius:0 0 4px 0; */
    border-right: 0 none;
}

.main-navigation li ul {
    width: auto; /* Changed from width: 100%; */
}

.main-navigation li li {
    width:auto; /* Changed from width: 100% */ 
    border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-moz-border-radius:0;
    border-bottom: 1px solid #ffffff;
}

.main-navigation li ul li a {
    background-color: #FDE373;
    border-bottom: 0 none;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    width:200px; /* Changed from width:100%; */ 
    width:12.5rem; /* Changed from width:100%; */ 
    color: #8A0028; 
    line-height: 1.2;
}

.main-navigation li li:last-child {
    border-bottom: 0 none;
}

.main-navigation li li li {
    border-bottom: 1px solid #FFCE00;
}

.main-navigation li li li:last-child {
    border-bottom: 0 none;
}

.main-navigation li ul li li a {
    background-color: #FFF9E6;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a {
    color: #ffffff;
    font-weight: normal;
}

.main-navigation .current-menu-ancestor li > a,
.main-navigation .current_page_ancestor li > a,
.main-navigation li .current-menu-item > a,
.main-navigation .current_page_item li > a {
    color: #8A0028;
    font-weight: normal;
}
/* END Main navigation styles */


.site-content {
    float: right;
    position: relative;
    margin: 4% 0 0;
    width:71%;
}

.nosidebar {
    width:100%;
}

.widget-area,
.leftcontent {
    float: left;
    position: relative;
}

.widget-area {
    width:25%;
}

.rightsidebar {
    float: right;
}

.fullwidthcontent {
    float: none;
    position: relative;
    width:100%;
}

/*  Header styles */
.hgroup {
    background-color: #8A0028;
    padding: 3% 1% 1%;
    width: 25%;
    float: left;
    border-radius:0 0 0 4px;
	-webkit-border-radius:0 0 0 4px;
	-o-border-radius:0 0 0 4px;
	-moz-border-radius:0 0 0 4px;
	border: 0 none;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    display: block;
}

.sccmain-navigation {
    float: right;
    width: 75%;
}


/* Department Main Content page styles */
.entry-header .entry-title {
   font-size: 48px; /* Original value of 72px */
   font-size: 3rem; /* Original value of 4.5rem=72px, 3.75rem=60px */
   margin-bottom: 3%; /* Original value of 5% */
   color: #8A0028;
   line-height:1;
}

.entry-header .entry-title a,
.entry-header .entry-title a:visited {
    color: #8A0028;
}

.entry-header .entry-title a:hover {
    color: #4D4D4D;
}

.deptprogstudy {
	clear:both;
}

.deptinfo {
	padding-bottom: 5%;
	border-bottom: 2px solid #FFCE00;
	margin-bottom: 5%;
}

.deptintroparagraph,
.deptprogstudyleft {
	float:left;
	width:45%;
	margin-right: 5%;
}

.deptintroparagraph ul.on li {
    list-style: square inside none ;
}

.deptcontactandprograms,
.deptprogstudyright {
	float:right;
	width:50%;
}

article p {
	margin-bottom: 3%; 
}

.deptcontactinfo h3, 
.deptprogstudy h3, 
.deptprogstudyintro h3,
.deptinfo p:first-child {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 3%; 
    line-height:1.4;
}

.deptcontactinfo span{
	color:  #8A0028;
}

.deptcontactandprograms ul,
.programstudy.leftimage {
    margin-bottom: 5%;
}

.programstudy.leftimage img {
	float: left;
	padding-right: 5%;
	box-shadow: none;
}

.programstudy.leftimage h3 {
	clear: none;
}

.contentWrapper .deptcatalogpdf {
	font-size: 14px;
	font-size: 0.875rem;
}

.contentWrapper .programformat .mainBlock {
	border-bottom: 1px solid #ffce00;
}
/* END Department Main Content page styles */

/* ALL Widget Areas styles*/
 
 .widget-area {
	margin: 4% 0 0;
}


.widget-area .widget {
	margin-bottom: 8%;
}
 
 .deptintro p, .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
}

.widget-area p,
.widget-area span,
.rssSummary {
    color: #000000;
}

.widget-area .widget a,
.widget-area .widget a:visited {
    color: #8A0028;
    text-decoration:none;
    font-weight:normal;
}

.widget-area .widget a:hover {
    color: #4d4d4d;
    /* Remove underline
    text-decoration:underline;
    */
}

.widget-area .widget h3 {
    text-transform:uppercase;
    color: #8A0028;
    margin-bottom: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
}

.widget-area .widget h4 {
    color: #8A0028;
}

.widget-area .hwim-image {
    box-shadow: none;
}

.widget_hwim div.hwim-text {
	padding: 5%;
	border: 0 none;
}
/* END ALL Widget Areas styles*/

/* Front Widget 1 and Custom Sidebar Essentials styles*/
.first.front-widgets aside,
.custsidebar-essentials aside,
.custsidebar-essentials nav {
    background-color:rgb(177,177,177); /* Fallback to Opaque white for IE8 and below */
	background-color:rgba(177,177,177,0.8);
    padding: 5%;
    border-top: 2px solid #FFCE00;
    margin-top:10%;
    margin-bottom:0;
}

.custsidebar-essentials aside,
.custsidebar-essentials nav {
    border-bottom: 2px solid #FFCE00;
    margin-top:0;
}

.first.front-widgets aside.widget h3,
.custsidebar-essentials aside.widget h3,
.custsidebar-essentials nav.widget h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight:normal;
    color: #8A0028;
    padding-left: 5%;
    line-height: 1;
    margin: 4px 0 12px;
    margin: 0.25rem 0 0.75rem;
}

.first.front-widgets aside ul,
.custsidebar-essentials aside ul,
.custsidebar-essentials nav ul {
    background-color: #FFF9E6;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
}

.first.front-widgets aside li,
.custsidebar-essentials aside li,
.custsidebar-essentials nav li {
    border-bottom:1px solid #FFCE00;
    padding:8px 12px;
    padding:0.5rem 0.75rem;
}

.first.front-widgets aside li:hover,
.custsidebar-essentials aside li:hover,
.custsidebar-essentials nav li:hover {
    background-color:#FDE373;
}

.first.front-widgets aside li:last-child,
.custsidebar-essentials aside li:last-child,
.custsidebar-essentials nav li:last-child {
    border-bottom:none;   
}

.first.front-widgets aside li a,
.custsidebar-essentials aside li a,
.custsidebar-essentials nav li a {
    font-size:24px;
    font-size:1.5rem;
    color: #8A0028;
    display:block;
    text-decoration:none;
    -webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
} 

/* Remove underline
.first.front-widgets aside li a:hover,
.custsidebar-essentials aside li a:hover {
    text-decoration:underline;
} 
*/

.widget-area .custsidebar-essentials .widget li a:hover {
    color: #4D4D4D;
} 

.custsidebar-essentials .toolsformsicon a {
    background:url('images/formsicon.png') no-repeat transparent;
    min-height: 27px;
}

.custsidebar-essentials .toolsschedulesicon a {
    background:url('images/schedulesicon.png') no-repeat transparent;
    min-height: 27px;
}

.custsidebar-essentials .toolshandbooksicon a {
    background:url('images/handbooksicon.png') no-repeat transparent;
    min-height: 27px;
}

.custsidebar-essentials .toolscalendarsicon a {
    background:url('images/calendarredicon.png') no-repeat transparent;
    min-height: 27px;
}

.custsidebar-essentials .toolsformsicon a,
.custsidebar-essentials .toolsschedulesicon a,
.custsidebar-essentials .toolshandbooksicon a,
.custsidebar-essentials .toolscalendarsicon a {
    padding-left:30px;
    padding-left:1.875rem;
}

.first.front-widgets .blackbar {
    background-color:#4D4D4D; /* Fallback to Opaque Dark Grey for IE8 and below */
	background-color:rgba(77,77,77,0.9);
	height:36px;
	height:2.25rem;
	width:100%;
    border-bottom: 2px solid #FFCE00;
    margin-bottom: 48px;
	margin-bottom: 3rem;
} 
/* END Front Widget 1 and Custom Sidebar Essential style */


/* Sidebar 1 widgets styles */



/* END Sidebar 1 widgets styles */

/* Custom Sidebar Area and Custom Sidebar External Area widgets styles */
.custsidebar-area div,
.custsidebar-area aside,
.custsidebar-exarea div,
.custsidebar-exarea aside {
	padding: 0;
    border-top: 2px solid #FFCE00;
    border-bottom: 2px solid #FFCE00;
}

.custsidebar-area .textwidget,
.custsidebar-exarea .textwidget,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea div.textwidget,
.custsidebar-exarea .ci-socials-ignited, 
.custsidebar-area .ci-socials-ignited {
    border: 0 none;
    padding: 5%;
}

.custsidebar-area div,
.custsidebar-area aside {
	background-color:#FFF9E6;
}

.custsidebar-exarea div,
.custsidebar-exarea aside {
	background-color:#efefef;
}

.custsidebar-area aside.widget_nav_menu div {
    border-bottom: 0 none;
    border-top: 0 none;
}

.custsidebar-area ul,
.custsidebar-area div ul,
.custsidebar-exarea ul,
.custsidebar-exarea div ul,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul li {
    list-style-type: disc;
    color: #8A0028;
    margin:auto;
    line-height:1.2;
}

.custsidebar-area ul,
.custsidebar-exarea ul,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul {
    padding: 5% 5% 10% 15%;
}

/* .contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul {
    padding: 5% 5% 10% 15%;
} */

.custsidebar-area div ul {
    border-top: 0 none;
}

.custsidebar-area ul ul,
.custsidebar-exarea ul ul,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul ul li {
	list-style: none;
    border-top: 0 none;
    padding: 0 0 2%;
}

.custsidebar-area ul ul li:before,
.custsidebar-exarea ul ul li:before,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul ul li:before {
		content: "> ";
		display:inline;
}

.custsidebar-area .fcp-widget {
	border: 0 none;
}

.custsidebar-area .widget_feacpost_featuredcategorypostswidget,
.custsidebar-exarea .widget_feacpost_featuredcategorypostswidget {
	border-top: 2px solid #FFCE00;
	border-bottom: 2px solid #FFCE00;
}

.custsidebar-area .fcp-widget div[style],
.custsidebar-area aside.widget_feacpost_featuredcategorypostswidget div[style],
.custsidebar-exarea aside.widget_feacpost_featuredcategorypostswidget div[style] {
	margin-bottom: 0 !important;
	border: 0 none;
}

.custsidebar-area aside.widget_feacpost_featuredcategorypostswidget div div[style],
.custsidebar-exarea aside.widget_feacpost_featuredcategorypostswidget div div[style] {
	margin: 0 10%;
}

.custsidebar-area aside.widget_feacpost_featuredcategorypostswidget div,
.custsidebar-exarea aside.widget_feacpost_featuredcategorypostswidget div {
    border-bottom: 2px solid #b1b1b1;
    border-top: 0 none;
}

.custsidebar-area .widget_feacpost_featuredcategorypostswidget div h3,
.custsidebar-exarea .widget_feacpost_featuredcategorypostswidget div h3 {
    border: 0;
    padding: 5% 10% 0;
    font-size: 22px;
    font-size: 1.375rem;
}

.custsidebar-area .widget_feacpost_featuredcategorypostswidget div p,
.custsidebar-exarea .widget_feacpost_featuredcategorypostswidget div p {
    border: 0;
    padding: 5% 15%;
	margin-bottom: 5%;
}

.custsidebar-area aside.widget_feacpost_featuredcategorypostswidget div img,
.custsidebar-exarea aside.widget_feacpost_featuredcategorypostswidget div img {
    border: 0;
    padding: 5% 10% 0;
    box-shadow: none;
}
/*
.custsidebar-area .fcp-widget p {
	margin-bottom: 0;
}

.custsidebar-area .fcp-widget ul {
    border-top: 2px solid #B1B1B1;
    padding: 5% 5% 10% 15%;
    list-style-type: disc;
    list-style-position:outside;
}

.custsidebar-area .fcp-widget ul:before,*/
.custsidebar-area aside.widget_feacpost_featuredcategorypostswidget ul:before,
.custsidebar-exarea aside.widget_feacpost_featuredcategorypostswidget ul:before {
    content: 'Older News';    
    display: block;
    font-size: 16px;
    font-size: 1rem;
    padding: 0 0 5%;
    color: #000000;
}

.custsidebar-area div div {
    border: 0 none;
    padding:5% 8% 2%;
}

.custsidebar-exarea div {
    border: 0 none;
    padding:0;
}

.custsidebar-area h3,
.custsidebar-exarea h3,
.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea h3 {
	font-size:24px;
	font-size:1.5rem;
	line-height: 1;
	padding:5%;
}

.custsidebar-exarea aside h3,
.contentWrapper div div.widget-area.rightsidebar div.custsidebar-exarea aside h3 {
	margin-bottom:0;
}

.custsidebar-area h3,
.custsidebar-exarea h3 {
    border-bottom: 2px solid #FFCE00;
}

.custsidebar-area h4 {
	font-size:24px;
	font-size:1.5rem;
	margin-bottom: 2%;
}

.widget-area .custsidebar-area ul ul,
.widget-area .custsidebar-exarea ul ul {
    margin-left: 0;
}


/* Over ride Aaron's styles */
.contentWrapper div div.widget-area.rightsidebar {
    float: right;
    padding: 0;
    width: 20%;
}

.contentWrapper div div div.custsidebar-exarea {
    border-bottom: 2px solid #FFCE00;
    border-top: 2px solid #FFCE00;
    padding: 0;
    width: 100%;
	margin-top: 4%;
}

.contentWrapper div div div.custsidebar-exarea aside {
    border: 0 none;
    width: 100%;
}

.contentWrapper div div div.custsidebar-exarea div {
    clear: both;
    margin-bottom: 0;
    width: 100%;
}

.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea div {
    border: 0 none;
    padding:0;
}

.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul ul {
    margin: 0;
    padding: 0 0 0 2%;
    border-bottom: 0 none;
}

.contentWrapper div div.widget-area.rightsidebar .custsidebar-exarea ul ul li a {
    display: inline;
}

/* END Custom Sidebar Area widgets styles */

/* Custom Sidebar Tools Widgets styles */
.custsidebar-tools .widget.widget_hwim {
    text-align: center;
}
/* END Custom Sidebar Tools Widgets styles */

/* WP Editor ( Rich text ) Widget Overrides */
aside.WP_Editor_Widget > p{
    padding: 0 5%;
}

aside.WP_Editor_Widget h3.widget-title {
    margin-bottom: 5%;
}

aside.WP_Editor_Widget h4,
aside.WP_Editor_Widget h5,
aside.WP_Editor_Widget h6 {
    margin-bottom: 5%;
    padding: 0 5%;
}

.widget-area .WP_Editor_Widget ol {
    list-style: decimal outside none;
    padding: 5% 5% 5% 15%;
}

.widget-area .WP_Editor_Widget ol ol {
    list-style: lower-alpha outside none;
}

.widget-area .WP_Editor_Widget ul {
    list-style: square outside none;
    padding: 5% 5% 5% 15%;
}

.widget-area .WP_Editor_Widget ul ul {
    list-style: disc outside none;
}

.widget-area .WP_Editor_Widget ol li,
.widget-area .WP_Editor_Widget ul li {
    padding: 0 0 5%;
}
/* END WP Editor ( Rich text ) Widget Overrides */

/* Custom Google Search Widget Overrides - placed after widget styles */
.widget-area aside.google {
    background-color: transparent;
    border: none;
    padding:2%;
    margin-top:0;
    margin-bottom:0;
}
/* Google Custom Search Widget Overrides */

/* Sidebar that hovers over the header images style and overrides */
.container-headerimagesidebar {
	width:90%;
	margin: 0 0 0 10%;
}

#headerimagesidebar {
	margin: 0;
    width: 21%;
}
/* Sidebar that hovers over the header images style and overrides */

/* Home Page Side Menu*/
.home-mainpage_container .widget-area {
    margin-top: 0;
}

.homepage-side-nav-container {
    background-color:rgb(255,255,255); /* Fallback to Opaque white for IE8 and below */
	background-color:rgba(255,255,255,0.8);
    padding: 0 5% 5%;
    border-top: 2px solid #FFCE00;
    margin-top:0;
    margin-bottom:0;
}

.homepage-side-nav-container h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 16px 0 12px 0;
    margin: 1rem 0 0.75rem 0;
    /* text-indent: 5%; */
    font-weight:normal;
    color: #8A0028;
    display:none;
    border:0;
    box-shadow: none;
    background-color:transparent;
    background-image:none;
}

.homepage-side-nav-container ul {
    background-color: #FFF9E6;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
	-o-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	width:100%;
}

.homepage-side-nav-container li {
    border-bottom:1px solid #FFCE00;
    padding:8px 12px;
    padding:0.5rem 0.75rem;
    line-height: 1.25;
}

.homepage-side-nav-container li:hover {
    background-color:#FDE373;
}

.homepage-side-nav-container li:last-child {
    border-bottom:none;   
}

.homepage-side-nav-container li a {
    font-size:24px;
    font-size:1.5rem;
    color: #8A0028;
    display:block;
    text-decoration:none;
} 

/* Remove underlines
.homepage-side-nav-container li a:hover {
    
    text-decoration:underline;
} 
*/

.homepage-side-navigation .blackbar {
    background-color:#4D4D4D; /* Fallback to Opaque Dark Grey #4D4D4D for IE8 and below */
	background-color:rgba(77,77,77,0.9);
	height:36px;
	height:2.25rem;
	width:100%;
    border-bottom: 2px solid #FFCE00;
    margin-bottom: 48px;
	margin-bottom: 3rem;
	display:block;
} 

/* Home Page SCC Calendar Widget Shortcode Overrides */
.column1container, 
.column2container, 
.column3container {
	width: 31%;
	float: left;
	padding-right: 2%;
}

.column1container .contentWrapper .scc-cal-widget-event-date, 
.column2container .contentWrapper .scc-cal-widget-event-date, 
.column3container .contentWrapper .scc-cal-widget-event-date {
	width: 25%;
}

.column1container .contentWrapper .scc-cal-widget-event-info, 
.column2container .contentWrapper .scc-cal-widget-event-info, 
.column3container .contentWrapper .scc-cal-widget-event-info {
	width: 75%;
}
/* END Home Page SCC Calendar Widget Shortcode Overrides */

/* Home Page MetaSlider Overrrides */
.underheader.home .flex-control-nav.flex-control-paging {
	padding-right: 2%;
}

.underheader.home .metaslider .caption {
	font-size: 36px;
	line-height: normal;
}
/* END Home Page MetaSlider Overrrides */

/* Show title for Home page side menu */
.homepage-side-nav-container h3.sccmenutitle {
		/* text-indent: 5%; */
		color: #8A0028;
		display:block;
		box-shadow: none; 
		background-color: transparent;
    	background-image: none;
    	border: none;
    	text-transform: uppercase;
    	padding-left: 5%;
}

/* Aside Post format override */
article.format-aside .aside {
    background: none repeat scroll 0 0 #FFF9E6;
    border-left: 22px solid #FFCE00;
    border-left: 1.375rem solid #FFCE00;
    padding: 24px;
    padding: 1.5rem;
}

article.format-aside h1 a,
article.format-aside h1 a:visited {
    color: #8A0028;
}

article.format-aside h1 a:hover{
    color: #4D4D4D;
}

/* Special Recent Posts Widget Overrides */
.srp-widget-singlepost {
    margin: 0;
}

.srp-widget-container .srp-widget-singlepost .srp-content-box {
    padding: 14px 0;
    padding: 0.875rem 0;
}
/* END Special Recent Posts Widget Overrides */

/* Footer styles  */

footer.entry-meta {
    border-bottom: 2px solid #FFCE00;
    margin-bottom: 4%;
    margin-top: 2%;
    padding-bottom: 3%;
}

.site-content article:last-child footer.entry-meta {
    border-bottom: 0 none;
}

.contentWrapper footer.entry-meta {
    border-bottom: 0 none;
}


footer[role="contentinfo"] {
    border-top: 0 none;
    margin-top: 0;
    max-width:1440px;
	max-width:90rem;
	background-color: #8A0028;
	position: relative;
    z-index: auto;
    padding: 2% 20%;
    font-family: "Source Sans Pro","Open Sans", Helvetica, Arial, sans-serif;
	color: #FFCE00;
	font-size: 14px;
	font-size: 0.875rem;
	line-height:normal;
}


footer[role="contentinfo"] ul {
	float:left;
	width:17.5%;
}

footer[role="contentinfo"] ul ul {
	width:100%;
}

footer[role="contentinfo"] aside {
	padding:2%;
}

footer[role="contentinfo"] a {
	color: #ffffff;
	font-size: 14px;
	font-size: 0.875rem;
	text-decoration:none;
}

footer[role="contentinfo"] a:hover {
	color: #FDE373;
	/* remve underline 
	text-decoration:underline; */
}

footer[role="contentinfo"] h3 {
    color: #FFCE00;
    text-transform:uppercase;
    font-size:16px;
    font-size:1rem;
}

footer[role="contentinfo"] nav {
    float: left;
    width: 17.5%;
}

footer[role="contentinfo"] nav.footersso-navigation {
    display: none
}

footer[role="contentinfo"] nav h3 {
   padding: 2% 0 5% 2%;
}

footer[role="contentinfo"] nav div {
    float:none;
}

footer[role="contentinfo"] nav ul {
    width:100%;
    padding: 0 0 2%;
}

footer[role="contentinfo"] nav li {
    border:0;
    float: none;
    padding: 0 5% 8%;
    line-height:1;
}

footer[role="contentinfo"] nav li ul li {
    border:0;
    float: none;
    padding: 0 5%;
}

footer[role="contentinfo"] .footer4container {
    float:left;
    width:17.5%;
}

footer[role="contentinfo"] #footer4a-navigation {
    width:100%;
}

footer[role="contentinfo"] #footer4a-navigation h3 {
    padding: 2% 0 5% 2%
}

footer[role="contentinfo"] #footer4a-navigation ul {
    padding: 0 0 2% 2%
}

footer[role="contentinfo"] nav ul ul, 
footer[role="contentinfo"] #footer4a-navigation ul ul {
    padding-bottom: 15%;
}

footer[role="contentinfo"] #footer4a-navigation li a {
    color: #FFCE00;
    width:100%;
    float:none;
    cursor: text;
}

footer[role="contentinfo"] #footer4a-navigation li:first-child {
    padding-bottom: 10%;
} 

footer[role="contentinfo"] #footer4a-navigation li:first-child a {
    color: #ffffff;
    cursor: pointer;
}

footer[role="contentinfo"] #footer4a-navigation li li:first-child {
    padding-bottom: 3%;
}
/*
footer[role="contentinfo"] #footer4a-navigation li li {
    list-style-type:disc;
    list-style-position: inside;
    color:#ffffff;
}
*/

footer[role="contentinfo"] #footer4a-navigation li li a {
    color: #ffffff;
    text-indent:5px;
    cursor: pointer;
}

footer[role="contentinfo"] #footer4a-navigation li a:hover,
footer[role="contentinfo"] #footer4a-navigation li li a:hover {
    color: #FFCE00;
}

footer[role="contentinfo"] #footer4b-navigation ul {
    padding: 0 0 2% 2%
}


footer[role="contentinfo"] #footer4b-navigation li a {
    color: #FFCE00;
    text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}

footer[role="contentinfo"] .accredseperator {
    float: left;
    width: 30%;
}

footer[role="contentinfo"] .accredbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFCE00;
    border-radius: 4px;
    -webkit-border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
    padding: 1%;
    width:100%;
}

footer[role="contentinfo"] .accredbox img {
	float: right;
	margin:2%;
    border-radius: 4px;
    -webkit-border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
}

footer[role="contentinfo"] #footer5-navigation {
    float: left;
    padding: 1%;
    width: 50%;
}

footer[role="contentinfo"] #footer5-navigation h3 {
    color: #8A0028;
}

footer[role="contentinfo"] #footer5-navigation li a {
    color: #000000;
    text-decoration:none;
}

footer[role="contentinfo"] #footer5-navigation li a:hover {
    color: #8A0028;
    /* Remove Underline
    text-decoration:underline;
    */
}

footer[role="contentinfo"] .accredseperator p {
    color: #FFFFFF;
    width:100%;
    padding: 2% 0 2% 2%;
}

footer[role="contentinfo"] .socialcopyrightwrapper {
		float: none;
		width: 100%;
		clear: both;
		
	}

footer[role="contentinfo"] .social_links {
    float:left;
    width:20%;
    padding:1%;
    clear: both;
}

footer[role="contentinfo"] .social_links a:hover {
    text-decoration:none;
}

footer[role="contentinfo"] .social_links img {
	margin: 2%;
	width: 24px;
}

footer[role="contentinfo"] .copyright {
    float:right;
    width:80%;
    padding-top:1%;
    padding-right: 2%;
    text-align:right;
}

footer[role="contentinfo"].yellowborder {
	border-top: 4px solid #FFCE00;
}

.bottomarrow {
	background-color: #ffffff;
	max-width: 1440px;
	max-width: 90rem;
	width:100%;
}

.bottomarrowdiv {
    background-image: url("images/bottomarrow.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 54px;
    width: 100%;
}

/* Home Page Text Widget Overrides */
.first.front-widgets aside.widget_text {
	margin-bottom: 18px;
	margin-top: 0px;
	border-bottom: 2px solid #FFCE00;
	background-color: rgb(77,77,77);
	background-color: rgba(77,77,77,0.8);
}
.first.front-widgets aside.widget_text .textwidget {
	color: #ffffff;
	font-size: 30px;
	font-size: 1.875rem;
}
/* END Home Page Text Widget Overrides */

/* Home Page Notification Box Styles */
.first.front-widgets aside.notification_message {
	margin-bottom: 18px;
	margin-top: 0px;
	border-bottom: 2px solid #FFCE00;
	background-color: rgb(77,77,77);
	background-color: rgba(77,77,77,0.8);
}
.first.front-widgets aside.notification_message h3.notification_text {
	color: #ffffff;
	font-size: 30px;
	font-size: 1.875rem;
	text-transform: none;
}

a.notification_link,
a.notification_link:link,
a.notification_link:visited {
	color: #ffffff;
}

a.notification_link:hover {
	color: #FFCE00;
	text-decoration:none;
}
/* END Home Page Notification Box Styles */

/* Single Blog Post Overrides */
.nav-previous, 
.previous-image {
    width: 42%;
}

.nav-next, 
.next-image {
    width: 42%;
}
/* END Single Blog Post Overrides */

/* Network Latest Posts Widget Overrrides */
.contentWrapper .textContent.t3.t4 .nlposts-container {
    padding-bottom: 0;
}

.contentWrapper .nlposts-container div {
    padding-bottom: 0;
    padding-right: 0;
    width: 100%;
}

.contentWrapper .nlposts-container .nlposts-wrapper .nlposts-block-item {
    padding-bottom: 2%;
}

.contentWrapper .nlposts-block-excerpt > p {
    margin: 0;
}
.widget-area .nlposts-widget div {
	border:0;
}

.widget-area .nlposts-widget h2 {
	font-size:24px;
	font-size:1.5rem;
	line-height: 1;
	padding:5%;
    text-transform:uppercase;
    color: #8A0028;
    border-bottom: 2px solid #FFCE00;
}

.widget-area .nlposts-widget ul {
	padding:0;
}

.widget-area .nlposts-widget li h3 {
	font-size:16px;
	font-size:1rem;
    text-transform:none;
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    border-bottom:0 none;
	padding:5% 5% 0;
}
/* END Network Latest Posts Widget Overrrides */

/* Network Latest Posts Shortcode Overrrides */
.contentWrapper .nlposts-container {
	width: 100%;
}
/* END Network Latest Posts Shortcode Overrrides */

/* Events Manager Overrides */
#em-wrapper {
	width: 100%;
	padding: 0;
}

.contentWrapper .em-search-wrapper {
	width: 100%;
} 

.contentWrapper .em-events-search.em-search.css-search.has-search-term.has-search-geo.has-search-main.has-advanced.advanced-hidden {
	width: 100%;
	padding: 5px;
}

.contentWrapper .em-events-search-form.em-search-form div:nth-child(2n) {
	padding: 5px 0;
}

.contentWrapper .em-search-main {
	width: 100%;
}

.contentWrapper .em-search-text.em-search-field {
	width: 40%;
}

.contentWrapper .em-events-search-form.em-search-form .em-search-main div:nth-child(2n) {
	width: 40%;
	margin: 0 0 0 5px;
	padding: 0 0 0 20px;
}

.contentWrapper .em-events-search-form.em-search-form div:nth-child(2n) {
	padding: 5px 0;
}

.contentWrapper .em-search-geo.em-search-field {
	padding: 0 0 0 20px;
}

.contentWrapper .em-search-geo {
	width: 100%;
}

.em-search-geo.em-search-field {
	width: 40%;
}

#em-search-geo-attr {
padding: 0;
}

.contentWrapper .em-search-advanced {
	width: 100%;
}

.em-search-scope.em-search-field {
	width: 100%;
}

.contentWrapper .em-search-advanced div:nth-child(2n) {
	width: 100%;
	padding: 5px 0;
}

.contentWrapper .em-search-location {
	width: 100%;
}

.contentWrapper .em-search-options {
	width: 100%;
	padding: 5px 0;
}

.contentWrapper .em-search-scope.em-events-search-dates.em-date-range {
	color: #4D4D4D;
}

.em-calendar {
    margin: 5% 0;
    width: 100%;
}

/* END Events Manager Overrides */

/* WP Fullcalendar plugin override */
.entry-content td {
    width: auto !important;
}

/* YD-Network Wide Options Override */
.yd_linkware {
	display:none
}

/* Printer Friendly & PDF Overrides */
.contentWrapper div.printfriendly {
	border-bottom: 0 none;
}

/* Visual form Builder Overrides */
.textContent ul.vfb-section {
	overflow: visible;
	margin: 0 !important;
	padding: 0 2%;
}

.vfb-fieldset .vfb-legend {
	width: 100%;
	margin: 0;
}

.vfb-fieldset .vfb-item div,
.vfb-fieldset .vfb-section div {
	width: 100%;
	padding: 0;
	background-color: transparent;
}

.visual-form-builder .vfb-section-div h4 {
	padding: 6px 0 6px 6px !important;
	padding: 0.375rem 0 0.375rem 0.375rem !important;
}

.contentWrapper .visual-form-builder-container {
    width: 100%;
    border-bottom: 0 none;
    padding-bottom: 2%;
}
/* END Visual form Builder Overrides */

/* Ninja Forms Overrides */
.contentWrapper .ninja-forms-all-fields-wrap {
	width: 100%;
} 

.contentWrapper .ninja-forms-response-msg {
	clear:both;
	width:100%;
}

.contentWrapper .ninja-forms-all-fields-wrap div {
	width: 100%;
	float: none;
}

.contentWrapper .ninja-forms-all-fields-wrap .ninja-forms-star-rating-control div {
	width: auto;
	float:left;
}

.contentWrapper div.rating-cancel a, 
.contentWrapper div.ninja-forms-star-rating a {
	height:auto;
}
.ninja-forms-all-fields-wrap .field-wrap ul li {
	list-style-type: none;
	line-height: normal;
}

.ninja-forms-all-fields-wrap .field-wrap label {
	line-height: normal;
}
/* END Ninja Forms Overrides */

/* Google Language Translator Overrides */
.widget-area .widget_bapi_google_translate {
	padding: 5%;
}

aside #flags,
.contentWrapper #flags {
	width: 100%;
	border: 0;
	
}

aside #flags {
	padding: 0;
	
}

#google_language_translator {
	padding: 0;
	width: 100%;
	border: 0;
	min-height: 0;
}

#google_language_translator div {
	padding: 0;
}

#google_language_translator div div {
	width: auto;
	padding-right: 10px;
}
/* END Google Language Translator Overrides */

/* Document Gallery Overrrides */
.contentWrapper .document-icon-wrapper {
	width: 100%;
}

.contentWrapper div.document-icon-wrapper .document-icon {
	width: 25%;
	padding: 0 36px 16px 0;
	padding: 0 2.25rem 1rem 0;
}

.contentWrapper div.document-icon-wrapper .document-icon a {
	font-size: 14px;
	font-size: 0.875rem;
}
/* END Document Gallery Overrrides */

/* Tables Styles */
#content table {
    border-collapse:separate;
}
#content tr th {
    background-color: #FDE373;
    border: 1px solid #FFFFFF;
    font-weight: bold;
    padding: 5px;
}

#content tr p:first-child {
    font-size:16px;
    font-size:1rem;
}

#content tr:nth-child(even) {
    background-color: #E1E1E1;
}

#content td:first-child {
    vertical-align: middle;
}

#content td {
    border: 1px solid #FFFFFF;
    padding: 5px;
}
/* END Tables styles */

/* Faculty Staff Directory */

div[id*='bio-'] {
	color: #000000; 
}

div[id*='bio-'] span,
.fsdirectory-table span {
	color: #8A0028; 
}

div[id*='bio-'] p,
.fsdirectory-table p {
	padding-bottom: 10px;
	padding-bottom: 0.625rem;
}

.fsdirectory-table {
	width:100%;
}

.fsdirectory-table h3 {
	color: #8A0028;
	font-size: 18px;
	font-size: 1.125rem;
}

.fsdirectory-table caption h3{
	font-size: 24px;
	font-size: 1.5rem;
}

.contentWrapper .fsdirectory-hr,
.fsdirectory-hr {
	margin: 2% 0;
}

.fsdirectory-table tr th {
    background-color: #FDE373;
    border: 2px solid #FFFFFF;
    font-weight: bold;
    padding: 10px;
    padding: 0.625rem;
}

.fsdirectory-table tr:nth-child(even) {
    background-color: #E1E1E1;
}

.fsdirectory-table td:first-child {
    vertical-align: middle;
}

.fsdirectory-table td {
    border: 2px solid #FFFFFF;
    padding: 10px;
    padding: 0.625rem;
}

.fsdirectory-table input[type="submit"], 
.fsdirectory-table input[type="button"], 
.fsdirectory-table input[type="reset"] {
	color: #000000;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}

.fsdirectory-table button {
    padding: 7px;
    padding: 0.4375rem;
}

footer.fs-directory {
	border-bottom: 0 none;
}

.contentWrapper .alpha-links {
    border: 0 none;
}

.contentWrapper .alpha-links p,
.fsdirectoryform-wrapper p {
    margin: 1% 0;
}

.contentWrapper .fsdirectoryform-wrapper {
    border: 0 none;
}

.fsdirectoryform-wrapper .fsdir2colmns {
    float: left;
    width: 50%;
}

.fsdir2colmns > input {
    font-size: 100%;
    width: 90%;
    padding:7px;
    padding: 0.4375rem;
    
}

.fsdirectoryform-wrapper .fsdir2colmns select {
    font-size: 100%;
    width: 90%;
}

.fsdirectoryform-wrapper .dirfieldset {
    background-color: #EEEEEE;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    margin: 15px 0;
    padding: 0;
}

.fsdirectoryform-wrapper fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.fsdirectoryform-wrapper legend {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding: 6px;
}

.fsdirectoryform-wrapper legend h3 {
	color:#8A0028;
	font-size:20px;
	font-size:1.25rem;
}

.fsdirectoryform-wrapper label {
    font-weight: bold;
}

.fsdirectoryform-wrapper .fieldsetbody {
    padding: 0 2%;
}

.fieldsetbody input,
.fsdirectoryform-wrapper select {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
}

/* END Faculty Staff Directory */

/* Campus Map Styles */
#map_links select {
    padding: 0;
}

#map_links a {
	cursor: pointer;
	text-decoration: underline;
}

#map_links a:hover {
	text-decoration: none;
}
/* END Campus Map Styles */

/* SCC Calendar Widget */
.widget_scccalendarwidget img {
	padding: 10px;
	width: 100%;
	box-shadow: none;
}

.sccminical-row-monthname {
	background-color: #ffffff;
}
.sccminical-previous, 
.sccminical-next, 
.sccminical-monthname,
.sccminical-monthname h4 {
	padding: 1% 0;
	text-align: center;
	font-size: 20px;
	font-size: 1.25rem;
	margin: 0;
}

.widget-area .sccminical-wrapper {
	padding: 3%;
	border: none;
}

.sccminical {
	width: 100%;
	border: 1px solid #000000;
}

.sccminical-dayname {
	padding: 1% 0;
	text-align: center;
	background-color: #8A0028;
	color: #ffffff;
}

.sccminical-blankday,
.sccminical-pastday, 
.sccminical-day, 
.sccminical-today {
	padding: 1% 0;
	text-align: center;
	border: 1px solid #000000;
	background-color: #FFF9E6;
}

.sccminical-blankday {
	background-color: #f7f7f7;
}

.sccminical-pastday {
	color: #999;
}

.sccminical-day {
	color: #000;
}

.sccminical-today {
	color: #8A0028;
	background-color: #FFCE00;
}

.widget-area .scc-cal-widget-event {
	border: 0 none;
	padding: 2% 8% 5%;
}

.widget-area .scc-cal-widget-event-date {
	padding: 0;
	width: 22%;
	float: left;
}

.scc-cal-widget-dayname {
	width: 100%;
	background: #ffffff;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 5% 0;
}

.widget-area .scc-cal-widget-day {
	width: 100%;
	background: #8A0028;
	color: #ffffff;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 10% 0;
}

.widget-area .scc-cal-widget-event-info {
	padding: 0 0 0 5%;
	width: 75%;
	float: right;
	font-size: 14px;
	font-size: 0.875rem;
}

.scc-cal-widget-event-info h4 {
	font-size: 16px;
	font-size: 1rem;
}

/* SCC Calendar Widget Shortcode */
.contentWrapper section div.scc-cal-widget-event.clear,
.post .entry-content div.scc-cal-widget-event.clear {
	padding: 0 0 2% 0;
	border: none;
	width: 100%;
}

.contentWrapper .scc-cal-widget-event-date,
.post .entry-content .scc-cal-widget-event-date {
	width: 10%;
	padding: 0 10px 0 0;
	float: left;
}

.contentWrapper .scc-cal-widget-event-info,
.post .entry-content .scc-cal-widget-event-info {
    padding-right: 0;
    width: 90%;
    float: left;
	margin-bottom: 0;
}

.contentWrapper .scc-cal-widget-event-info > h4,
.post .entry-content .scc-cal-widget-event-info > h4 {
    margin: 1% 0;
}

.contentWrapper .scc-cal-widget-dayname,
.post .entry-content .scc-cal-widget-dayname {
	background-color: #8A0028;
	color: #ffffff;
	padding: 5% 0;
}

.contentWrapper .scc-cal-widget-event .scc-cal-widget-day,
.post .entry-content .scc-cal-widget-event .scc-cal-widget-day {
	font-weight: bold;
	text-align: center;
	padding: 5% 0;
	display: block;
	color: #8A0028;
	border: 2px solid #8A0028;
}
/* END SCC Calendar Widget */


/* Special Recent Posts FREE Overrides */
.widget-area .srp-widget-container {
    border: 0 none;
    width: 100%;
}
.widget-area .srp-widget-singlepost div {
    padding: 0;
}
.widget-area .srp-content-box {
    display: block;
    padding: 0;
    width: 100%;
}
/* END Special Recent Posts FREE Overrides */

/* Button Styles */
input[type="submit"], 
input[type="button"], 
input[type="reset"], 
article.post-password-required input[type="submit"] {
	color: #000000;
}
/* END Button Styles */

/* MetaSlider Overrides */
.headerimage .metaslider {
    border-bottom: 4px solid #FFCE00;
}

.headerimage .metaslider:after {
    clear: both;
    content: "";
    display: table;
}
/*
#primary .metaslider {
    clear: both;
}
*/
/* END MetaSlider Overrides */

/* 404 error */
img.error404img {
	float:left;
	box-shadow: none;
	width:30%;
}

article.error404 > div {
	float: left;
	width: 70%;
}
/* END 404 error */

/* =Media queries
-------------------------------------------------------------- */

/* Change Flexphoto img size at 1430 pixels. */
@media screen and (max-width: 1430px) {
	.flexsliderphotos .flexslider .slides {
		position: relative;
		width: 108%;
		z-index: -1;
	}
}

/* Change Flexphoto img size at 1385 pixels. */
@media screen and (max-width: 1385px) {
	.flexsliderphotos .flexslider .slides {
		width: 115%;
	}
}

/* Maximum width of 1280 pixels. */
@media screen and (max-width: 1280px) {
	.flexsliderphotos .flexslider .slides {
		width: 128%;
	}
	
	.flexslidertext {
		left: 48%;
		top: 53%;
	}
	
	footer[role="contentinfo"],
	footer[role="contentinfo"].yellowborder {
		padding: 2% 15%;
	}
}

/* Change Flexphoto img size at 1210 pixels. */
@media screen and (max-width: 1210px) {
	.flexsliderphotos .flexslider .slides {
		width: 141%;
	}
	
	.outreach-navigation li {
		font-size: 14px;
		font-size: 0.875rem;
	}
	
	.districttop-navigation li {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

/* Change Hyphens and word-breaks at 1140 pixels. */
@media screen and (max-width: 1140px) {
	.site-content article {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word;
	}
	
	.homepage-side-nav-container li a,
	.first.front-widgets aside li a, 
	.custsidebar-essentials aside li a, 
	.custsidebar-essentials nav li a {
		font-size: 19px;
		font-size: 1.1875rem;
	}
	
	.breadcrumbs a {
		padding:1% 2%;
	}
	
	.flexsliderphotos .flexslider .slides {
		width: 140%;
	}
	
	.flexslidertext {
		left: 40%;
		top: 45%;
	}
	
	footer[role="contentinfo"],
	footer[role="contentinfo"].yellowborder {
		padding: 2% 10%;
	}
}	
	
/* Change Hgroup for header at 1024 pixels. */
@media screen and (max-width: 1024px) {	
	.hgroup {
		padding: 1% 1% 0%;
	}
	
	.flexsliderphotos .flexslider .slides {
		width: 138%;
	}
	
	.flexslidertext {
		left: 38%;
		top: 45%;
	}
	
	.entry-header .entry-title {
		font-size: 48px; /* changed from font-size: 64px; */
		font-size: 3rem;/* changed from font-size: 4rem;  */
	}
}

/* Change Flexphoto img size at 978 pixels. */
@media screen and (max-width: 978px) {
	.flexsliderphotos .flexslider .slides {
		width: 144%;
	} 
	
	.main-navigation li {
		/* width:20%; */
    	font-size: 20px;
    	font-size: 1.25rem;
	}
	
	.flexslidertext {
		left: 35%;
		top: 45%;
	}
}

/* Maximum width of 960 pixels. */
@media screen and (max-width: 960px) {
	/* Google search box */
	.container-headerimagesidebar {
		width:100%;
		margin: 0;
		background-color: transparent;
	}
	
	#headerimagesidebar {
		margin: 0 24px;
		margin: 0 1.5rem;
	}
	
	#headerimagesidebar input.gsc-input {
		width: 124%;
		margin: 10% 0;
	}
	/* End Google search box */
	
	/* Breadcrumbs and Area Custom Navigation Menus */
	.breadcrumbs,
	.main-navigation {
		margin: 0 16px;
		margin: 0 1.5rem;
	}
	/* End Breadcrumbs and Area Custom Navigation Menus */
	
	.site-header, 
	.home-site-header {
		margin:0;
		padding:0;
		border-radius: 0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		width:100%;
		position: relative;
	}
	
	.flexsliderwrapper {
		top:5%;
	}
	
	.flexsliderphotos .flexslider .slides {
		position: relative;
	}
	
	.flexslidertext {
		left: 40%;
		top: 40%;
	}
	
	.wrapper {
		margin: 0 24px;
		margin: 0 1.5rem;
	}
	
	.hgroup {
		padding: 1% 1% 0;
	}
	
	.entry-header .entry-title {
		font-size: 48px; /* changed from font-size: 64px; */
		font-size: 3rem;/* changed from font-size: 4rem;  */
	}
	
	.deptintroparagraph,
	.deptprogstudyleft {
		float:none;
		width:100%;
		margin:0 0 10%;
	}

	.deptcontactandprograms,
	.deptprogstudyright {
		float:none;
		width:100%;
	}
	
	.widget-area {
		width: 23%;
	}
	
	footer[role="contentinfo"],
	footer.yellowborder[role="contentinfo"] {
		padding: 2% 48px;
		padding: 2% 3rem;
	}
	
	
}


/* Maximum width of 900 pixels. */
@media screen and (max-width: 900px) {
	.flexsliderphotos .flexslider .slides {
		width: 154%;
	}
	
	.flexslidertext {
		left: 35%;
		top: 40%;
	}
	
	footer[role="contentinfo"],
	footer[role="contentinfo"].yellowborder {
		padding: 2% 24px;
		padding: 2% 1.5rem;
	}
}

/* Maximum width of 840 pixels. */
@media screen and (max-width: 840px) {
	.flexsliderphotos .flexslider .slides {
		width: 158%;
	}
	
	.flexslidertext {
		left: 30%;
		top: 40%;
	}
	
	footer[role="contentinfo"] #footer5-navigation h3 {
		font-size:14px;
		font-size:0.875rem;
	}
}

/* Maximum width of 800 pixels. */
@media screen and (max-width: 800px) {
	.flexsliderphotos .flexslider .slides {
		width: 167%;
	}
	
	.flexslidertext {
		left: 28%;
		top: 40%;
	}
	
	.entry-header .entry-title {
		font-size: 48px; /* changed from 60px */
		font-size: 3rem; /* changed from 3.75rem */
		margin-bottom: 24px;
		margin-bottom: 1.5rem;
	}
}
/* Maximum width of 768 pixels. */
@media screen and (max-width: 768px) {
	
	.main-navigation li {
    	font-size: 18px;
    	font-size: 1.125rem;
	}
	
	.flexsliderphotos .flexslider .slides {
		width: 188%;
	}
	.flexslidertext {
		left: 28%;
		top: 40%;
		width:490px;
		width: 30.625rem;
	}
	
	.entry-header .entry-title {
		font-size: 48px; /* changed from 60px */
		font-size: 3rem; /* changed from 3.75rem */
	}
}


/* Maximum width of 724 pixels. */
@media screen and (max-width: 724px) {
	/* Google search box */
	.first.front-widgets input.gsc-input {
		width: 105%;
		margin: 2% 4% 2%;
		background-size: auto; /* for Safari */
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center #FFFFFF !important; /* For Safari */
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center / auto #FFFFFF !important;
	}

	#headerimagesidebar input.gsc-input {
		width: 105%;
		margin: 2% 4%;
		background-size: auto; /* for Safari */
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center #FFFFFF !important; /* For Safari */
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center / auto #FFFFFF !important;
	}
	
	.container-headerimagesidebar {
		background-color: #8A0028;
	}
	
	#headerimagesidebar {
		margin:0;
		width:100%
	}
	
	.widget-area .gsc-search-box input.gsc-input-focus,
	#headerimagesidebar input.gsc-input-focus {
		background: #ffffff !important;   /* replaces google watermark with scc branded google watermark */
	}
	/* End Google search box */
	
	.header-menuwrapper {
		position:relative;
	}
	
	.hgroup {
		background-color: #8A0028;
		padding: 3% 0 1%;
		width: 100%;
		float: none;
		border-radius:0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
	}
	
	.site-header .hgroup .scclogo, 
	.home-site-header .hgroup .scclogo {
		display:none;
	}

	.site-header .hgroup .horizlogo, 
	.home-site-header .hgroup .horizlogo {
		display:block;
	}
	
	.yellowsecondarymenu {
		width:100%;
	}
	
	.sccmain-navigation {
		background-color: #FFCE00;
		float: right !important;
		padding: 0;
		width: 100%;
		height: 100%;
		margin-top:0;
	}
	
	.main-navigation ul.nav-menu, 
	.main-navigation div.nav-menu > ul,
	.area-navigation ul.area-menu,
	.area-navigation ul.area-menu > ul {
		border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-moz-border-radius: 0;
	}
	
	.main-navigation li:first-child,
	.main-navigation li:last-child,
	.area-navigation li:first-child,
	.area-navigation li:last-child {
		border-radius: 0;
	}
	
	.breadcrumbs, 
	.main-navigation,
	.area-navigation {
		margin: 0;
	}
	
	.breadcrumbs a {
		padding: 1% 3%;
	}
	
	.flexsliderwrapper {
		top:0;
		position: relative;
	}
	
	.flexsliderphotos .flexslider .slides {
		width: 100%;
	}
	
	.flexslidertext {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #ffffff;
	}
	
	.wrapper {
		margin: 0;
	}
	
	.contentWrapper section {
		padding: 24px;
		padding: 1.5rem;
	}
	
	.widget-area {
		width: 100%;
	}
	
	.site-content,
	.site-content-left {
		float: none;
		margin: 4% 0 0;
		width: 100%;
	}
	
	.site-content article[class*="post-"] {
		padding: 5%;
	}
	
	.homepage-side-nav-container {
		background-color:#ffffff;
	}
	
	.homepage-side-nav-container li,
	.first.front-widgets aside li,
	.custsidebar-essentials aside li,
	.custsidebar-essentials nav li {
		width: 50%;
		float: left;
	}
	
	.homepage-side-nav-container li:nth-child(odd),
	.first.front-widgets aside li:nth-child(odd),
	.custsidebar-essentials aside li:nth-child(odd),
	.custsidebar-essentials nav li:nth-child(odd) {
		border-right: 1px solid #FFCE00;
	}
	
	.homepage-side-nav-container li a,
	.first.front-widgets aside li a, 
	.custsidebar-essentials aside li a, 
	.custsidebar-essentials nav li a {
		font-size: 24px;
		font-size: 1.5rem;
	}
	
	.homepage-side-nav-container ul:after,
	.first.front-widgets aside ul:after,
	.custsidebar-essentials aside ul:after {
		clear:both;
		display:table;
		content:'';
	}
	
	footer[role="contentinfo"],
	footer[role="contentinfo"].yellowborder {
		padding: 2%;
	}
	
	footer[role="contentinfo"] nav {
    	width:25%;
	}
	
	footer[role="contentinfo"] nav ul {
		padding: 0 0 2%;
	}
	
	footer[role="contentinfo"] nav h3 {
		padding: 2% 0 3% 5%;
	}
	
	footer[role="contentinfo"] ul {
		width:25%;
	}
	
	footer[role="contentinfo"] .footer4container {
		width:25%;
	}
	
	footer[role="contentinfo"] .accredseperator {
		border-left: none;
		padding-left:0;
		width: 64%; /* Change from 100% */
		float: left;
		margin-right:2%;
		margin-top:2%;
		
	}
	
	footer[role="contentinfo"] .accredseperator p {
		padding: 1% 4% 1% 1%;
		width: 38%; /* change from 98% */
		float:left;
		color: #FFCE00;
	}
	
	footer[role="contentinfo"] .accredbox {
		/* border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-moz-border-radius: 0; 
		 border-top: 1px solid #FFCE00;
		 border-bottom: 1px solid #FFCE00;
		 border-left: 0 none;
		 border-right: 0 none; */
		 float: left;
		 margin: 0 5% 0 2%;
		 width: 55%;
		 border-color: #FFCE00;
		 
		 
	}
	
	footer[role="contentinfo"] .socialcopyrightwrapper {
		float: left;
		width: 34%;
		clear:none;
		margin-top:2%;
	}
	
	footer[role="contentinfo"] .social_links {
 		position: relative;
    	text-align: left;
   		width: 100%;
	}
	
	footer[role="contentinfo"] .social_links img {
		margin: 2%;
		width: 48px;
	}

	footer[role="contentinfo"] .copyright {
		float: left;
		font-size: 0.75rem;
		text-align: left;
		width: 100%;
	}
	
	footer[role="contentinfo"] .copyright a {
		font-size: 0.75rem;
	}
	
	.homepage-side-navigation .blackbar {
		background-color:rgba(0,0,0,1);
		margin-bottom: 0;
		display: none;
	} 
}

/* Maximum width of 680 pixels. */
@media screen and (max-width: 680px) {
	.main-navigation li a {
		padding: 2px 16px;
		padding: 0.125rem 1rem;
	}
	
	/* 404 error */
	article.error404 {
		padding: 0 5%;
	}
	
	img.error404img {
		float:none;
		width: 100%;
	}
	article.error404 > div {
		float: none;
		width: 100%;
	}
	/* END 404 error */
}

/* Maximum width of 640 pixels. */
@media screen and (max-width: 640px) {
	/* SCC Calendar Widget Shortcode */
	.contentWrapper .scc-cal-widget-event-date,
	.post .entry-content .scc-cal-widget-event-date {
		width: 20%;
	}
	.contentWrapper .scc-cal-widget-event-info,
	.post .entry-content .scc-cal-widget-event-info {
		width: 80%;
	}
	/* SCC Calendar Widget Shortcode */
	
	footer[role="contentinfo"] .accredbox img {
		float: right;
		margin: 2%;
		width:80px;
		width:5rem;
	}
	
	div[aria-describedby*="bio-"].ui-dialog {
		width: 90% !important;
		left: 5% !important;
	}
}

/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	
	.entry-header .entry-title {
	   font-size: 48px;
		font-size: 3rem;
	}
	
	.site-header,
	.home-site-header {
		margin:0;
		padding:0;
		background-color: transparent;
		border-radius: 0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		width:100%;
		position: relative;
	}
	
	.container-headerimagesidebar {
		margin: 0;
	}
	
	.header-menuwrapper {
		position:relative;
	}
	
	.hgroup {
		background-color: #8A0028;
		padding: 3% 0 1%;
		width: 100%;
		float: none;
		border-radius:0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
	}
	
	.yellowsecondarymenu {
		display:none;
	}
	
	.sccmain-navigation {
		background-color: #FFCE00;
		float: right !important;
		padding: 0;
		width: 100%;
		height: 100%;
		margin-top:0;
	}
	
	.breadcrumbs {
		margin: 0;
	}
	
	.main-navigation li {
		border-right:0;
		width:100%;
	}
	.main-navigation li:first-child {
		border-radius:0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
	}
	
	.main-navigation li a {
		text-align:left;
		text-indent: 2%;
		text-decoration: none;
	}
	
	.main-navigation li a:hover {
		background-color: #B1B1B1;
	}
	
	.main-navigation li ul li a {
		text-indent: 4%;
		width: 100%;
	}
	.main-navigation li li li a {
		text-indent: 6%;
	}
	
	#headerimagesidebar {
		width: 100%;
	}
	
	.main-navigation {
		margin: 0;
	}
	
	nav ul.nav-menu,
	nav div.nav-menu > ul {
		display: none;
	}
	
	nav ul.nav-menu.toggled-on, 
	.menu-toggle {
		width: 100%;
		background-image:none;
		background-color: #8A0028;
		color: #FFCE00;
		font-size:24px;
		font-size:1.5rem;
		border:none;
		display: inline-block;
		text-transform:uppercase;
		padding:0;		
		text-align: left;
	}
	
	.menu-toggle {
		padding:2%;
		line-height: 1;
		border-radius: 0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;		
	}
	
	.menu-toggle:hover,
	.menu-toggle:active,
	.menu-toggle.toggled-on {
		width: 100%;
		background-image:none;
		background-color: #FFCE00;
		color: #8A0028;
		text-decoration:none;
		box-shadow:none;
		padding:2%;		
	}
	
	#megaMenu {
		float:none !important;
	}
	
	.flexsliderwrapper {
		position: relative;
	}
	
	.flexsliderphotos .flexslider .slides {
		width: 100%;
		position: relative;
		z-index: auto;
	}
	
	.flexslidertext {
		position: relative;
		left: 0;
		top: 0;
		width:100%;
		border-radius:0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		clear:both;
	}
	
	.flexslidertext .flexslider {
		background-color:#ffffff !important;
		border-radius:0;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-moz-border-radius:0;
		-webkit-box-shadow:none;
	}
	
	.underheader {
		z-index:auto;
	}
	
	.wrapper {
		margin: 0;
	}
	
	.site-content,
	.site-content-left {
		float: none;
		margin: 4% 0 0;
		width: 100%;
	}
	
	.widget-area {
		margin: 0;
	}
	
	.widget-area,
	.widget-area-right {
		float: none;
		width: 100%;
	}
	
	.widget-area aside,
	.widget-area-right aside {
		margin:0 0 2%;
	}
	
	.homepage-side-nav-container {
		background-color:rgba(255,255,255,1);
		padding: 0;
		margin:0;
	}
	
	.homepage-side-nav-container li,
	.first.front-widgets aside li,
	.custsidebar-essentials aside li,
	.custsidebar-essentials nav li {
		padding: 12px 24px;
		padding: 0.75rem 1.5rem;
		width: 100%;
		float: none;
	}
	
	.homepage-side-nav-container h3.sccmenutitle,
	.first.front-widgets aside h3,
	.custsidebar-essentials aside h3 {
		color: #8A0028;
		display:block;
		box-shadow: none; 
		padding-left: 5%;
		background-color: transparent;
    	background-image: none;
    	border: none;
	}
	
	.homepage-side-nav-container li:nth-child(odd),
	.first.front-widgets aside li:nth-child(odd),
	.custsidebar-essentials aside li:nth-child(odd),
	.custsidebar-essentials nav li:nth-child(odd) {
		border-right: 0;
	}
	
	.first.front-widgets aside {
		padding:0;
	}
	
	.first.front-widgets aside.notification_message {
		padding:2% 0;
	}
	
	.deptinfo,
	.deptprogstudy,
	.entry-header .entry-title {
		padding: 0;
	}
/*
	 {
		float:none;
		width:100%;
	} */
	
	footer[role="contentinfo"] {
		padding: 2% 0 0;
		background-color: #FFCE00;
	}
	
	footer[role="contentinfo"].yellowborder {
		padding: 0;
	}
	
	footer[role="contentinfo"] nav.footersso-navigation {
    	display:block;
		float:left;
	}
	
	footer[role="contentinfo"] nav {
    	width:100%;
	}
	
	footer[role="contentinfo"] nav li {
		padding: 0 5% 4%;
	}
	
	footer[role="contentinfo"] nav li ul li {
		padding: 0 5% 4%;
	}
	
	footer[role="contentinfo"] #footer4a-navigation nav li {
		padding: 0 5% 4%;
	}
	
	footer[role="contentinfo"] nav ul ul {
		padding-bottom: 0;
	}
	
	footer[role="contentinfo"] #footer4a-navigation ul ul {
		padding-bottom: 0;
		padding-top: 3%;
	}
	
	footer[role="contentinfo"]  h3,
	footer[role="contentinfo"] #footer4a-navigation li a,
	footer[role="contentinfo"] #footer4b-navigation li a {
		color: #8A0028;
	}
	
	footer[role="contentinfo"] #footer4a-navigation li:first-child {
		padding: 0 5% 5%;
	}
	
	footer[role="contentinfo"] ul {
		width:100%;
	}
	
	footer[role="contentinfo"] .footer4container {
		width:100%;
	}
	
	footer[role="contentinfo"] #footer4a-navigation h3 {
		padding: 2% 0 3% 4%;
		color: #8A0028;
	}
	
	footer[role="contentinfo"] #footer4a-navigation li {
		padding-bottom: 5%;
	}
	
	footer[role="contentinfo"] a,
	footer[role="contentinfo"] #footer4a-navigation li li a,
	footer[role="contentinfo"] #footer4a-navigation li li,
	footer[role="contentinfo"] #footer4a-navigation li:first-child a {
		color: #4D4D4D;
	}
	
	footer[role="contentinfo"] a:hover,
	footer[role="contentinfo"] #footer4a-navigation li li a:hover,
	footer[role="contentinfo"] #footer4b-navigation li a:hover {
		color: #999;
	}
	
	footer[role="contentinfo"] #footer4a-navigation li a:hover {
		color: #8A0028;
	}
	
	footer[role="contentinfo"] #footer4a-navigation li:first-child {
		padding-bottom: 6%;
	}
	
	footer[role="contentinfo"] #footer4a-navigation ul {
		padding: 0 0 2%;
	}
	
	footer[role="contentinfo"] #footer4b-navigation ul {
		padding: 0 0 2%;
	}
	
	footer[role="contentinfo"] .accredseperator {
		border-left: none;
		width: 100%;
		background-color: #8A0028;
		padding: 4% 0;
	}
	
	footer[role="contentinfo"] .accredseperator p {
		color: #ffffff;
	}
	
	footer[role="contentinfo"] .accredbox {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-moz-border-radius: 4px;
		padding:0;
		margin: 0 2% 0 5%;
	}
	
	footer[role="contentinfo"] #footer5-navigation li {
		padding-bottom: 10%;
	}
	
	footer[role="contentinfo"] .socialcopyrightwrapper {
		float: left;
		width: 100%;
		clear:none;
		background-color: #8A0028;
		margin-top: 0;
		padding-bottom: 2%;
	}
	
	footer[role="contentinfo"] .social_links {
		float: right;
		margin-right: 4%;
		padding: 0;
		text-align: right;
		width: 28%;
	}
	
	footer[role="contentinfo"] .social_links img {
		margin: 2% 0 1% 2%;
		width: 36px;
	}
	
	/* changed back to red point 
	.bottomarrowdiv {
		background-image: url("images/bottomarrowmobile.png");
	}*/
	
	footer[role="contentinfo"] .copyright {
		text-align: left;
		padding-right: 0;
		width: 68%;
	}
	
	footer[role="contentinfo"] .copyright p {
		margin: 1% 1% 1% 7%;
		font-size:16px;
		font-size: 1rem;
	}
	
	footer[role="contentinfo"] .copyright a {
		color: #ffffff;
		font-size: 16px;
		font-size: 1rem;
	}
	
	footer[role="contentinfo"] .copyright a:hover {
		color: #FFCE00;
	}
	
	/* change font sizes */
	.widget-area .widget p, 
	.widget-area .widget li, 
	.widget-area .widget .textwidget {
		padding-bottom: 4%;
	}
	
	footer[role="contentinfo"] h3 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	
	footer[role="contentinfo"] #footer5-navigation h3,
	footer[role="contentinfo"] a {
		font-size:16px;
		font-size:1rem;
	}
	
	footer[role="contentinfo"] .copyright p,
	footer[role="contentinfo"] .copyright a {
		font-size:14px;
		font-size: 0.875rem;
	}
	
}


/* Maximum width of 540 pixels. */
@media screen and (max-width: 540px) {
	.breadcrumbs a {
		padding: 2% 3%;
	}
}


/* Maximum width of 480 pixels. */
@media screen and (max-width: 480px) {
	
	.calendarlinkbox .social_links_home img {
		padding: 0 0 0 4px;
		padding: 0 0 0 0.25rem;
	}
	
	footer[role="contentinfo"] .accredbox img {
		float: right;
		margin: 2%;
		width:78px;
		width:4.875rem;
	}
	
	footer[role="contentinfo"] .social_links img {
		width: 24px;
		width: 1.5rem;
	}
}

/* Maximum width of 390 pixels. */
@media screen and (max-width: 390px) {

	.social_links_home {
		display: none;
	}
	
	footer[role="contentinfo"] .accredbox {
		border-radius: 4px 4px 4px 4px;
		margin: 0 5% 0 5%;
		padding: 0;
		width:90%;
		float: none;
	}
	
	footer[role="contentinfo"] .accredseperator p {
		float: none;
		padding: 5%;
		width: 100%;
		font-size:16px;
		font-size: 1rem;
	}
	
	footer[role="contentinfo"] .accredbox img {
		width:auto;
	}
}

/* Maximum width of 366 pixels. */
@media screen and (max-width: 366px) {
	footer[role="contentinfo"] .social_links {
		width: 30%;
	}
	footer[role="contentinfo"] .copyright {
		width: 66%;
	}
}

/* Maximum width of 320 pixels. */
@media screen and (max-width: 320px) {
	/* Google search box */
	.first.front-widgets input.gsc-input {
		margin: 2% 4% 2%;
		background-size: 100% auto;
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center / 100% auto #FFFFFF !important;

	}

	#headerimagesidebar input.gsc-input {
		margin: 2% 5%;
		background-size: 100% auto;
		background: url("images/scc_google_custom_search_watrmrk48.jpg") no-repeat scroll left center / 100% auto #FFFFFF !important;
	}
	
	#headerimagesidebar {
		margin:0;
	}
	
	.widget-area .gsc-search-box input.gsc-input-focus,
	#headerimagesidebar input.gsc-input-focus {
		background: #ffffff !important;   /* replaces google watermark with scc branded google watermark */
	}
	/* End Google search box */
	
	footer[role="contentinfo"] {
		padding: 0;
		background-color: #FFCE00;
	}
	
	footer[role="contentinfo"] ul {
		width:100%;
	}
	
	footer[role="contentinfo"] .footer4container {
		width:100%;
	}
	
	footer[role="contentinfo"] .accredseperator p,
	footer[role="contentinfo"] .copyright {
		color: #4D4D4D;
	}
	
	footer[role="contentinfo"] .accredseperator {
		padding-left:0;
		background-color: #FFCE00;
		margin-right:0;
	}
	
	footer[role="contentinfo"] .accredseperator p {
		width: 100%;
		padding: 6% 6% 0;
	}
	
	footer[role="contentinfo"] .accredbox {
		border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-moz-border-radius: 0;
		padding:4%;
		margin: 0;
		width:100%;
		border-left: 0 none;
		border-right: 0 none;
		float:none;
		
	}
	
	footer[role="contentinfo"] #footer5-navigation {
		float: left;
		width: 50%;
	}
	
	footer[role="contentinfo"] .accredbox img {
		float: right;
		margin: 2%;
		width:80px;
		width:5rem;
	}
	
	footer[role="contentinfo"] .socialcopyrightwrapper {
		float: none;
		background-color: transparent;
	}
	
	footer[role="contentinfo"] .social_links {
		background-color: #8A0028;
		width: 100%;
		float: none;
		padding: 0 5%;
    	text-align: left;
		margin-right:0;
	}
	
	footer[role="contentinfo"] .social_links img {
		padding: 3% 3% 1% 0;
		margin: 0;
		width: 24px;
		width: 1.5rem;
	}
	
	.bottomarrowdiv {
		background-image: url("images/bottomarrowmobile.png");
		/* height: ; */
	}
	
	footer[role="contentinfo"] .copyright {
		width:100%;
		float:none;
		text-align: left;
		padding: 4%;
		background-color: #FFCE00;
	}
	
	footer[role="contentinfo"] .copyright p {
		margin: 1%;
	}
	
	footer[role="contentinfo"] .copyright a {
		color: #8A0028;
	}
	
	footer[role="contentinfo"] .copyright a:hover {
		color: #4D4D4D;
	}
}




/**** Aaron's CSS *****/
.contentWrapper * {
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style-type: none;
}

.contentWrapper {
	border-top: 0 none; /* Q Changed form border-top: 2px solid #FFCE00; */
	border-bottom: 0 none; /* Q Changed form border-bottom: 2px solid #FFCE00; */
	width: 100%;
	max-width: 1152px;
	max-width: 72rem;
	background: #FFF;
	margin: 0 auto;
	/* overflow: auto; */
	color: #4D4D4D;
	font-size: 16px;
	font-size: 1rem;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; /* overwrites parent css calling Futura */
}



.contentWrapper section { /* non sidebar area */
	/* max-width: 864px;
	max-width: 54rem; */
	margin: 0 0 36px; /* Changed from margin: 36px 0; */
	margin: 0 0 2.25rem; /* Changed from margin: 2.25rem 0; */
	padding: 0px;  /* Changed from padding: 24px; */
	padding: 0rem;  /* Changed from padding: 1.5rem; */
	/* min-height: 600px;
	min-height: 37.5rem; */
}

.contentWrapper section.flexsection {
	margin: 0 0 8px;
	margin: 0 0 0.5rem;
	padding: 0;
}

.contentWrapper section.flexsection .mainBlock {
	padding-bottom: 0;
}

.contentWrapper section.flexsection div.deptprogstudyright div,
.contentWrapper section.flexsection div.deptprogstudyleft div {
	width:100%;
}

.noBlog section { /* content area when no blog */
	width: 100%;
	/* max-width: 1152px;
	max-width: 72rem;
	min-height: 600px;
	min-height: 37.5rem; */
	overflow: auto;
}

.textContent li:first-child {
    margin: 0;
}

.textContent.deptprogstudyright {
    border-bottom: 0 none;
}

.contentWrapper .deptprogstudyleft {
    width: 50%;
    clear:both;
}

.textContent.deptprogstudyright img,
.textContent.deptprogstudyleft img {
	border: 1px solid  #FFCE00;
	width:90%;
	max-width:90%;
}

.textContent figure img {
	width: 100%;
	max-width: 100%;
}

.textContent.t3.t4 > div,
.contentWrapper .textContent.t4 > div {
    padding-bottom: 5%;
}

.textContent figcaption {
	padding: .5em 2em 1em 2em;
	margin-bottom: 1em;
	text-align: right;
	font-style: italic;
	border-bottom: #B1B1B1 solid 1px;
}

.short-phrase {
		display: none;	
	}


.mainBlock:after,
.noBlog section:after,
.tier3col3pod ul:after,
.tier4col2pod ul:after,
.t3 div:after,
.t3 p:after,
aside div:last-child:after,
nav div:last-child:after {
  content: "";
  display: table;
  clear: both;
}

.contentWrapper div div {
	width: 50%;
	float: left;
	padding: 0 36px 16px 0;
	padding: 0 2.25rem 1rem 0;	
}

.mainBlock #bodytextdiv {
    width: 100%;
}


.contentWrapper .col3linklistitem {
float: left;
width: 33%;
padding: 0 2% 0 0;
}

.contentWrapper .col3linklistitem:nth-child(3n+1) {
clear: left;
}

.contentWrapper section p.wp-caption-text {
    line-height: 1;
    margin-top: 0;
    text-align: center;
}

.textContent.t3.t4 > div.wp-caption {
	padding-bottom: 2%;
	border: 1px solid #FFCE00;
	background-color: #FFF9E6;
}

.contentWrapper .fullwithcontactprograms > ul {
    padding-bottom: 1rem;
}


.noBlog .mainBlock div {
	padding: 0 36px 0 0;
	padding: 0 2.25rem 0 0;	
	width: 40%;
}

.contentWrapper .mainBlock div:nth-child(2n) {
	padding: 0;
}

.noBlog .mainBlock aside {
	width: 20%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0;	
}

.noBlog .mainBlock aside ul {
	padding-top: 1em;	
}

.noBlog .mainBlock div:nth-child(2n) li:first-child ul,
.mainBlock div li ul.deptcontacts {
	padding-bottom: 2em;
	margin-bottom: 2em;
	margin-right: 10%;
	border-bottom: 1px #B1B1B1 solid;
}

.t2 .mainBlock div li ul.deptcontacts {
	border-bottom: 0 none;
	margin:0;
}

.t2 .mainBlock div .areaoffice li ul.deptcontacts {
    padding-bottom: 0;
}

/* used on division landing page */

.tier3col3pod li {
	width: 33.333%;
	float: left;
	padding: 0 12px;
	padding: 0 0.75rem;
	min-height: 120px;
	min-height: 7.5rem;
}

.tier3col3pod li h3 {
	margin-top: 0;	
}

.tier3col3pod li:first-child {
	padding-left: 0;	
}

.tier3col3pod li:nth-of-type(3n) {
	padding-right: 0;	
}

.tier3col3pod li:nth-of-type(3n+1) {
	clear: left;
	padding-left: 0;		
}

.tier3col3pod h3+a { /* Only link in this layout wraps the image banner */
	display: inline-block;	
	width: 100%;
	border: 1px solid #FFCE00;	
	background: #333;
	margin-top: 1em;
	min-height: 72px;
	overflow: hidden;
}

.tier3col3pod li img {
	display: block;
	width: 100%;
	background: #CCC;
	min-height: 72px;
}

/* used on department landing page */
.contentWrapper .mainBlock h4+ul {
	padding-left: 1em;	
}

.tier3col3pod h2+p {
	font-size: 20px;
	font-size: 1.25rem;	
}

.tier4col2pod li {
	width: 50%;
	float: left;
	padding: 0 12px;
	padding: 0 0.75rem;
}

.tier4col2pod h3.categorytitle {
	margin-top:3%;
}

.tier4col2pod .categorylistitem {
	margin-top:5%;
}

.tier4col2pod .categorylistitem li a {
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
}

.tier4col2pod .categorylistitem li a:hover {
	text-decoration:none;
}

.tier4col2pod .categoryintro {
	margin-top:2%;
}

.tier4col2pod li:first-child {
	padding-left: 0;
}

.tier4col2pod li:nth-of-type(2n) {
	padding-right: 0;
}

.tier4col2pod li:nth-of-type(2n+1) {
	padding-left: 0;
	clear: left;
}

.tier4col2pod img {
    border: 1px solid #FFCE00;
    width: 90%;
    max-width:100%;
    height: auto;
}

.contentWrapper .tier4col2pod a,
.textContent.deptprogstudyleft a,
.textContent.deptprogstudyright a {
    padding: 0;
}

/* used on layout 16 T3 Content 1 */
.t3 {
	padding-right: 33.333%;
}

.textContent ul,
.textContent ol {
	width: 100%;
	overflow: auto;
	padding-left: 20px;
	padding-left: 1.25rem; /* Changed from 5% */
}

.t3 ul li {
	width: 50%;
	float: left;
}

.t3 li:nth-of-type(2n+1) {
	clear: left;
}

.t3 p {
	width: 80%;
}

.t3 h2+p {
	font-size: 20px;
	font-size: 1.25rem;
	width: 100%;
}

.t3 li:first-child {
    margin: 1em 0 0;
}

.textContent ul.off li {
	list-style-type: none;
}

.textContent ul li,
.textContent ol ul li {
	list-style-type: square;
}

.textContent ul ul>li {
	list-style-type: disc;
}

.textContent ol li,
.textContent ul ol li {
	list-style-type: decimal;
}
.textContent ol ol>li {
	list-style-type: lower-alpha;
}

/* used on layout 17 T4 Content 2 -- is essentially a full width + sidebar version of T3. Relies on T3 class as base so add both classes for T4 pages*/

.t4 {
	padding-right: 24px;
	padding-right: 1.5rem;
}

.t4 p {
	width: 100%;
}

.t4 h2+p {
	font-size: 16px;
	font-size: 1rem;
}

/* used on layout 21 T5 Program 1 --similar to 16, 17. Relies on T3 and T4 class as base so add both classes for T5 pages.*/

.t5>div:first-of-type {
	overflow: auto;
}

.t5>div:first-of-type p {
	width: 70%;
	float: left;
}

.t5 .ctaButton {
	display: inline-block;
	width: 25%;
	padding: 1em;
	font-size: 1.25em;
	float: right;
}

.t5 .courseList ul {
	padding: 1em 0;
	width: 47%;
	margin-right: 3%;
	float: left;
}

.t5 .courseList li {
	width: 100%;
	margin: 0 0 .25em 0;
	float: left;
	padding-left: 5em;
	text-indent: -2.5em;
	font-style: italic;
}

.t5 .courseList li:nth-of-type(2n) {
	color: #AAA;
}

.t5 .courseList li>span:first-child {
	display: inline-block;
	margin-right: .5em;
	font-style: normal;
}

.t5 .courseList li>span:last-child {
	display: inline-block;
	float: right;
	margin-left: 5%;
	font-style: normal;
}

/* Used on Program pages */
.deptcontactandprograms.programfloatright {
	float: right;
	padding: 0 0 2% 3%;
}

.deptcontactandprograms.programfloatright section {
	margin:0;
}

.programformat h2, 
.programformat h3, 
.programformat h4, 
.programformat h5 {
    clear: left;
}

.programformat ul,
.programformat ol{
	width:auto;
}

.programformat .deptcontactandprograms.programfloatright ul li,
.programformat .deptcontactandprograms.programfloatright ol li{
	width:100%;
}

.t3.programformat li,
.programformat li {
    margin-bottom: 2%;
    margin-top: 0;
    width: 50%;
    padding-right: 30px;
    padding-right: 1.875rem;
}

.t3.programformat .programfloatright .off li,
.programformat .programfloatright .off li {
    margin: 0 0 1em;
    padding: 0;
    width: 100%;
}

.programfloatright .off {
    margin-top: 0;
}

.programformat p:after {
	clear:none;
}

/* Used on Department Pages */
.contentWrapper .mainBlock li .deptcontacts li {
	margin: 1em 0 0 0;
}

.contentWrapper .mainBlock li .deptcontacts li:first-child {
	margin: 0;
}

.deptcontacts h3 {
	padding-top: 1em;
}

/* Used on Area pages */
.contentWrapper .mainBlock .areaoffice li .deptcontacts li {
    margin: 0;
}

/* (Non-Link) Type Color, Effects */
.contentWrapper section h1, /* section used here only to not screw with sidebar */
.contentWrapper section h2,
.contentWrapper section h3,
.contentWrapper section h4,
.contentWrapper aside h2,
.tablecourseList thead tr td {
	font-family: "functionpro_book","Source Sans Pro","Open Sans", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #8A0028;
}

.contentWrapper section h3, 
.contentWrapper section h4, 
.contentWrapper section h5 {
    margin: 2% 0 1%;
}

.text-content strong, 
.contentWrapper .mainBlock span {
	color: #8A0028;
}

.contentWrapper .mainBlock .deptintroparagraph span {
    color: #4D4D4D;
}

.contentWrapper div {
	border-bottom: 1px solid #FFCE00;
	/* removed to allow better spacing
	padding-bottom: 48px;
	padding-bottom: 3rem;f
	*/
}

.tier4col2pod ul li div {
	padding-bottom: 0;
}

.contentWrapper .deptprogstudyleft {
    border-bottom: 0 none;
}

.contentWrapper aside div {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.contentWrapper div div,
.contentWrapper article div:last-child,
.contentWrapper article div div,
.contentWrapper div:last-child {
	border: 0;
}

.contentWrapper .tier4col2pod .programcontentcontainer div {
	width:100%;    
}

/* Type Sizing */
.contentWrapper section h1 {
	font-size: 48px; /* font-size: 72px; */
	font-size: 3rem; /* font-size: 4.5rem; */
	margin-bottom: 36px;
	margin-bottom: 2.25rem;
}

.contentWrapper section .entry-header h2 {
	font-size: 36px;
	font-size: 2.25rem;
	margin: 0 0 0.5em 0;
}

.contentWrapper section h2,
.tablecourseList thead td {
	font-size: 36px;
	font-size: 2.25rem;
	margin: 1em 0 .5em 0;
}

.contentWrapper section h2.flexsubhead {
	margin: 0;
}

.contentWrapper section h3,
.contentWrapper section .mainBlock p:first-child {
	font-size: 24px;
	font-size: 1.5rem;
	margin-top: 0;
}

.tier4col2pod > ul > li h3 {
    margin-top: 16px;
    margin-top: 1rem;
}

.contentWrapper section .mainBlock .hours p {
	font-size: 100%;
}

/* type resets */
.contentWrapper h3,
.contentWrapper li {
	margin: 1em 0 0 0;
	line-height: 1.25em;
}

.contentWrapper .categorylistitem li {
	margin: 0.5em 0 0 0;
	line-height: 1;
	font-size: 14px;
	font-size: 0.875rem;
}

.contentWrapper section p {
	margin: 1em 0;
	line-height: 1.25em;
}

.contentWrapper .col3linkdescrip p:first-child,
.contentWrapper section .programcontentcontainer p:first-child {
    margin-top: 8px;
    margin-top: 0.5rem;
}

.contentWrapper .mainBlock h3:first-child,
.contentWrapper .mainBlock li:first-child,
.contentWrapper .mainBlock li li {
	margin: 0;
}

.contentWrapper .mainBlock h3.hourstitle {
    margin-top: 5%;
}

.contentWrapper .mainBlock div.hours {
    width: 100%;
    margin-bottom: 5%;
}

.contentWrapper .col3linktitle {
    line-height: 1;
    margin-top: 16px;
    margin-top: 1rem;
}

/* Caption */
.contentWrapper div.wp-caption,
.contentWrapper div div.wp-caption {
	background-color: #FFF9E6;
	border: 1px solid #B1B1B1;
	padding: 2%;
}

.contentWrapper .wp-caption img {
	padding: 0 0 2%;
	width: 100%;
}

/* Links */
.contentWrapper a {
color: #8A0028;
font-weight: bold;
text-decoration: none;
/* display: inline-block;
padding: 4px; */
}

.contentWrapper a[name] {
	position: relative; 
	top: -32px;  
	top: -2rem;
}

.mainBlock aside a,
.mainBlock aside a:link,
.mainBlock aside a:active,
.t3 li.on a {
	color: #8A0028;
	display: block;
}

.contentWrapper a:link {
color: #8A0028;
}

.contentWrapper a:visited,
.noBlog .mainBlock aside a:visited {
color: #8A0028;
}

.contentWrapper a:hover,
.contentWrapper a:focus,
.noBlog .mainBlock aside a:hover,
.noBlog .mainBlock aside a:focus {
color: #4D4D4D;
text-decoration: underline;
}

.contentWrapper a:active,
.noBlog .mainBlock aside a:active {
color: #8A0028;
}

.col3linktitle > a {
    font-weight: normal;
}

.t3 p a {
display: inline;
padding: 0;
}

a.ctaButton {
	display: inline-block;
	padding: 12px 12px 8px 12px;
	margin: 1em 2%;
	background: #FFCE00;
	font-size: 24px;
	font-size: 1.5rem;
	border-radius: 4px;
	text-transform:none;
	font-family: "functionpro_book","Source Sans Pro","Open Sans", Helvetica, Arial, sans-serif;
	font-weight:normal;
}

a.ctaButton:link,
.contentWrapper aside div li a:link {
	color: #8A0028;
}

a.ctaButton:hover,
a.ctaButton:focus {
color: #4d4d4d;
background: #FDE373;
text-decoration: none;
}

a.ctaButton:active,
.contentWrapper aside div li a:active {
	color: #8A0028;
}

.ctaButton.greyButton {
	background:#c1c1c1;
}

a.ctaButton.greyButton:link {
	color: #8A0028;
}

a.ctaButton.greyButton:hover,
a.ctaButton.greyButton:focus {
color: #FDE373;
background: #4d4d4d;
text-decoration: none;
}

a.ctaButton.greyButton:active {
	color: #8A0028;
}

.tier4col2pod li div.programcontentcontainer {
    width: 100%;
}

.tier4col2pod li div img {
    width: 100%;
}

.t2 .deptcontactandprograms ul ul {
    margin: 0 0 5%;
}

.contentWrapper .aftercolumncontent {
    clear: both;
    margin-top: 5%;
    padding: 0;
    width: 100%;
}

/* Table styles */
.tablecourseList {
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top:3%;
}
.tablecourseList * {
	vertical-align: top;
}
.tablecourseList tr td,
.tablecourseList thead th {
	padding: 8px;
	padding: 0.5rem;
	border: 2px solid #ffffff;
	border-collapse: collapse;
}

.tablecourseList thead th {
    background: #B1B1B1;
    color: #8A0028;
    font-weight: bold;
}

.tablecourseList tbody tr {
	background: #FDE373;
    color: #000000;
}

.tablecourseList tbody tr:nth-child(even) {
	background: #eeeeee;
}

.tablecourseList tbody tr.and-or-course-row {
	background: #FFF9E6;
}

.tablecourseList tbody td.and-or-course-column1 {
	padding-left: 36px;
	padding-left: 2.25rem;
}

.tablecourseList tbody .or-course {
	color: #999999;
	font-weight: bold;
}

.tablecourseList tbody .and-course {
	color: #000000;
	font-weight: bold;
}

.tablecourseList thead tr {
	background: #ffffff;
}

.tablecourseList tbody tr td.tsubhead {
	font-size: 16px;
	font-size: 1rem;
	background: #ffffff;
	padding: 24px 0 12px;
}

.tablecourseList caption .subhead {
	font-size: 16px;
	font-size: 1rem;
	background: #ffffff;
	margin: 12px 0 24px;
}

/* Table styles */

/* start Aaron's @Media Queries */
/* Change columns same time as Hyphens and word-breaks at 1140 pixels. */
@media screen and (max-width: 1140px) {
	
	/* Over ride greyBlock styles */
	.contentWrapper div div.widget-area.rightsidebar {
		width: 100%;
	}
	
	/* Over ride greyBlock styles */
	.contentWrapper div div div.custsidebar-exarea {
		width: 100%;
	}
}

@media screen and (max-width: 960px) {
	
	.contentWrapper section p {
		margin-top: 0;
		margin-bottom: 1em;
	}
	.tier4col2pod .categoryintro {
		margin-top: 2%;
		margin-bottom: 0;
	}
	.t3 {
		padding-right: 24px;
		padding-right: 1.5rem;
	}
	
	.tier3col3pod li {
		width: 50%; /* Added to 960px query */
	}
	
	.tier3col3pod li:nth-of-type(2n+1) {
		clear: left;
		padding-left: 0;		
	}
	
	.long-phrase {
		display: none;	
	}
	.short-phrase {
		display: inline;	
	}

	.t5>div:first-of-type p {
		width: 60%;
		}
	.t5 .ctaButton {
		width: 35%;
		font-size: 1em;
	}
	.contentWrapper .deptprogstudyleft {
		width: 100%;
	}
}


@media screen and (max-width: 800px) {
  /* styles for 800px or lower */
	
	/* Change to single columns at 800 pixels. */
	.contentWrapper div div,
	.tier4col2pod li {
		float: none;
		width: 100%;
	}
	
	.tier4col2pod li {
		padding: 0;
	}
	
	.noBlog .mainBlock div,
	.tier4col2pod li li {
		width: 50%;
		float:left;
	}  

	.contentWrapper section .mainBlock p:first-child {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.contentWrapper section div {
		padding-bottom: 24px;
		padding-bottom: 1.5rem;
	}
	
	.contentWrapper section.flexsection div {
		padding-bottom: 8px;
		padding-bottom: 0.5;
	}
	
	.contentWrapper section h2 {
		font-size: 24px;
		font-size: 1.5rem;
		margin: 1em 0 .5em 0;
	}
	.contentWrapper section h3,
	.contentWrapper section .mainBlock p:first-child {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.noBlog .mainBlock div {
			width:50%;
	}

	/*  disable sidebar styles
	.noBlog .mainBlock aside {
		width: 100%;
		clear: both;
		margin: 0;	
	}
	.noBlog .mainBlock aside ul {
		overflow: auto;	
	}
	.noBlog .mainBlock aside li {
		width: 50%;
		float: left;
		margin: 0;
	}

	.noBlog .mainBlock aside li:nth-of-type(2n+1) {
		clear: left;
	}

	.contentWrapper aside div h2 {
		font-size: 1em;
	}

	*/

	.t5 .courseList ul {
		width: 100%;
		margin-right: 0;
		padding: 0;
		float: none;
	}

}

@media screen and (max-width: 768px) {
  /* styles for 768 or lower */
  
	.contentWrapper .mainBlock li li:first-child span {
		font-weight: bold;
	  }
	  
	.contentWrapper .mainBlock li .deptcontacts li:first-child span {
		font-weight: normal;
	}
	  
	.t3 ul,
	.t3 ol {	
		padding-left: 24px;
		padding-left: 1.25rem;
		margin-bottom: 1em;
	}
	
  .t3 ul li {
		padding-left: 5%;
		/* width: auto;
		float: none; */
	}
	/*
	.t3 li:first-child {
		padding-left: 5%;
	} */
	
}

@media screen and (max-width: 724px) {
  /* styles for 724 or lower */
	.contentWrapper section {
		padding: 0 24px 24px;
		padding: 0 1.5rem 1.5rem;
	}
	
	.contentWrapper section.flexsection {
		padding: 0 10%;
	}
}

@media screen and (max-width: 640px) {
	.contentWrapper section {
			width: 100%;
			float: none;
		}


	/* disable sidebar styles
	.contentWrapper aside {
			width: 90%;
			float: none;
			clear: both;
		margin: 36px auto;
		margin: 2.25rem auto;
		padding: 24px;
		padding: 1.5rem;
		}
	*/
	.contentWrapper section div p {
		padding-left: 0;
	}

	.contentWrapper section div li {
		padding-left: 0.5em;
	}

	.contentWrapper .mainBlock h4+ul {
		padding-left: 0;
	}

	/* used to override styles in parent theme replaces ".contentWrapper section h1" style */
	.entry-header .entry-title {
		font-size: 48px;
		font-size: 3rem;
	}
	
	.contentWrapper section .entry-header h2 {
		font-size: 24px;
		font-size: 1.5rem;
		margin: 0 0 0.25em 0;
	}

	.noBlog .mainBlock div {
			width:100%;
	}

	.t2 section+aside {
		display: none;
	}

	.t3 li {
			margin-left: 0;
		}
	.t3 .on li {
			margin-left: 2em;
		}
	.ctaButton {
		margin: 1em 0;
	}

}

@media screen and (max-width: 640px) {
	.contentWrapper section {
		padding: 0 10% 24px;
		padding: 0 10% 1.5rem;
	}
}

@media screen and (max-width: 600px) {
	.contentWrapper .col3linklistitem {
		float: none;
		width: 100%;
		padding: 2%;
	}
	.contentWrapper .col3linklistitem:nth-child(3n+1) {
		clear: none;
	}
	
  .t3 ul li {
		padding-left: 5%;
		width: auto;
		float: none; 
	}

	.t3.programformat li {
		width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width: 480px) {
	.contentWrapper .mainBlock div,
	.t5 div div {
			float: none;
			width: 100%;
			padding: 0;
		}
	
	.contentWrapper section {
		padding: 0 24px 24px;
		padding: 0 1.5rem 1.5rem;
		}
	
	.contentWrapper section.flexsection div div {
		border-bottom: 0;
		margin-bottom: 0;
		}
	
	.contentWrapper div div.wp-caption {
		padding: 2%;
	}
	
	.contentWrapper section.flexsection div div.wp-caption {
		margin-bottom: 5%;
		border-bottom: 1px solid #B1B1B1;
	}

	.contentWrapper div  {
		border-bottom: 2px solid #FFCE00;
		}
	.contentWrapper div div {
		border-bottom: 0;
		margin-bottom: 2em;
		}
	.contentWrapper .mainBlock li {
		padding-top: 4px;
		padding-top: 0.25rem;
		padding-bottom: 4px;
		padding-bottom: 0.25rem;	
	}
	.noBlog .mainBlock div:nth-child(2n) li:first-child ul {
		margin-bottom: 1em;
	}
	
	.tier3col3pod li {
		width: 100%; /* Changed form width: 50%; */
	}
	.tier3col3pod li:nth-of-type(3n) {
		padding-right: 12px;
		padding-right: 0.75rem;	
	}
	.tier3col3pod li:nth-of-type(2n) {
		padding-right: 0;
		padding-left: 0;	
	}
	.tier3col3pod li:nth-of-type(3n+1) {
		clear: none;
		padding-left: 12px;	
		padding-left: 0.75rem;			
	}
	.tier3col3pod li:nth-of-type(2n+1) {
		clear: left;
		padding-left: 0;		
	}
	.contentWrapper .mainBlock h4+ul {
		padding-left: 0;	
	}
	/* disable sidebar style
	.noBlog .mainBlock aside li, */
	.t5>div:first-of-type p,
	.t5 .ctaButton,
	.tier4col2pod li li {
		width: 100%;
		float: none;
	}
}

/* Maximum width of 366 pixels. */
@media screen and (max-width: 366px) {
	.entry-header .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}
}

@media (max-width: 320px) {

	/* used to override styles in parent theme replaces ".contentWrapper section h1" style */
	.entry-header .entry-title {
		font-size: 36px;
		font-size: 2.25rem;
		margin-bottom: 18px;
		margin-bottom: 1.125rem;
	}

	.contentWrapper .mainBlock li {
		padding-top: 6px;
		padding-top: 0.375rem;
		padding-bottom: 6px;
		padding-bottom: 0.375rem;	
	}
	.textContent figcaption {
		font-size: 14px;
		font-size: 0.875rem;
		text-align: left;
	}

	.tier4col2pod ul {
		width: 100%;	
	}

	.tier3col3pod li,
	.tier4col2pod p,
	.tier4col2pod li {
		width: 90%;
		margin: 1em 10%;
	}
	.tier3col3pod li:nth-of-type(2n),
	.tier3col3pod li:nth-of-type(2n+1)
	.tier3col3pod li:nth-of-type(3n),
	.tier3col3pod li:nth-of-type(3n+1),
	.tier4col2pod li:nth-of-type(2n),
	tier4col2pod li:nth-of-type(2n+1) {
		padding-right: 0;	
		padding-left: 0;
	}
}

/**** END Aaron's CSS *****/