@charset "utf-8";

/* Original file when moved to the OU CMS in 2016
File modified 2/22/2018 to adjust to new layout/style for the Home Index Page */

/* CSS for hiding the content until everything is loaded */
.hideAll {visibility:hidden;}


/************************** ADDING NEW STUFF *************************/
/************************************************
    HOMEPAGE LAYOUT - Added February 16, 2018
************************************************/

#container-index {width: auto; max-width: 1135px;!important; margin-left: auto; margin-right: auto; display: block; padding-left: 0; padding-right: 0;}
.col-in {display: block; float: left; margin: 1% 0 1% 3%;}
.brd {background: white; border-top: solid 3px #435969; background-repeat: no-repeat; min-height: 175px; max-height: 175px}
.brd:hover {border-top: solid 3px #2268af;}	
.c-title {font-size: 20px; color: #435969; padding: 20px;}
.c-title:hover {font-size: 20px; color: #2268af; padding: 20px;}
.prog-text {padding-left: 20px; font-size: 15px; color: #2268af;}
.span_colleges {width: 30%;}
.two-column {display: none;}
.explore {font-size: 50px; font-weight: bold; padding-left: 20px;}
.discover {font-size: 20px; font-weight: bold;}
.explore-half {float: left; width: 49%; display: block; margin:0;}
.icon-top {text-align: center; width: 33.11%; font-size: 28px}

/************************************************
      NEWS AND EVENTS - Added January 2018
************************************************/
.span_2_of_3_news {width: 57%;padding-right: 4%;padding-left: 4%;}
.col-1 { display: block;float: left; margin: 1% 0 1% 5%;}
 /* all browsers except IE6 and lower */
.col-1:first-child { margin-left: 0; }
.span_1_of_3_events {width:28%; padding-left: 5%; border-left: 3px solid #e1e5e5; -webkit-box-shadow: none;	-moz-box-shadow: none; box-shadow: none;}
.event_2_of_3 {	width: 100%; padding:0;	margin: 0;}
.event_1_of_3 {	width:100%;	padding: 0;	margin: 0;}	
.hrline {border: 1.6px solid #e1e5e5; -webkit-box-shadow: none;	-moz-box-shadow: none; box-shadow: none;}
.photo-border {border: 3px solid #F6F7FA;}
.read-more{font-size: 11px; font-weight: bold;}
.news-title {font-size: 17px;}	
.text-gray {color: #474f59;}
.m-news-photo {width: 90%;  float: left; margin-right: 10px;}
.event-photo {max-width: 308px; max-height: 308px;}
.news-text-pad {padding-left: 4%;}
.news-small {width: 47%;}
.sm-half {width: 48%; float: left;}
.sm-half2 {width: 48%; float: left;}
.datebox {min-width: 40px; max-height: 40px; padding: 3px; margin: 0; color: white; background-color: #1d5995; text-align: center; display: inline-block; padding-bottom: 6px;}
.datebox-text {font-size: 12px; color: white;}
.boxtext-number {font-size: 18px; font-weight: bold; color: white;}
.event-description {padding-left: 6px; align:left; valign:top; padding-top: 0px; margin-top: 0px;}

/***************************************************
    CITY COLLEGE HOME PAGE - Date Added Unknown
****************************************************/

.nav-top {}
.nav-mid {display: none;}
.cc-menu {font-weight: bold; font-size: 16px;}
.centered {margin-left: auto; margin-right: auto; text-align: center;	align-content: center;}
.col:first-child, .col3:first-child { margin-left: 0; } 

/************************************************
             HOMEPAGE MEDIA QUERIES
************************************************/
@media only screen and (max-width: 1080px) {
	.explore-half {float: none; width: 100%; margin: 0 auto; text-align: center;}
	.explore {padding-left: 0;}
	.span_colleges {width: 46%;}
	.two-column {display: inherit;}
	.three-column {display: none;}
@media only screen and (max-width:680px) {
	.col-in {margin: 1% 0 1% 0%;}		
	.span_colleges {width: 100%;}
}

/***************************************************************
    HOMEPAGE AND CITY COLLEGE NEWS AND EVENTs MEDIA QUERIES
****************************************************************/
@media only screen and (max-width: 950px) {	
.col-1 {margin: 0px; padding: 0px; width: 100%;}
.news-text-pad {padding-left: 4%;}
.sm-half {width: 24%;}
.sm-half2 {width: 74%;}
.news-small {width:100%;}		
}
@media only screen and (max-width: 775px) {
.span_2_of_3_news {width: 100%; padding: 0;margin: 0;}
.span_1_of_3_events {width: 100%;padding: 0;margin: 0;border-left: 0;box-shadow: 0;}
.event_2_of_3 {width: 60%;padding-left: 10px;}
.event_1_of_3 {width: 35%;}
.spaced {margin-top: 10px; margin-bottom: 10px;}
}
@media only screen and (max-width: 480px) {
.span_2_of_3_news, .span_3_of_3_news {width: 100%;}
.span_2_of_3_news {width: 100%;}
.span_1_of_3_events {width: 100%;}
.event_2_of_3 {width: 100%;padding:0;}
.event_1_of_3 {width:100%;}
.news-small {border-bottom: 2px solid #e1e5e5; padding: 0; margin:0; padding-top: 3px; padding-bottom: 10px;}
.m-news-photo {visibility: hidden; margin: 0; padding: 0; width: 0; height: 0;}
.event-photo {max-width: 600px; max-height: 600px;}
.m-news-text {width: 100%;}
.news-text-pad {padding: 0; margin:0;}
.news-title {margin: 0px; padding: 0;}	
.sm-half {width: 100%;}
.sm-half2 {width: 100%;}
}

/***************************************
  CITY COLLEGE HOME PAGE MEDIA QUERIES
****************************************/
@media only screen and (max-width:780px) {		
	.nav-top {display: none;}
	.nav-mid {display: block;}		
}
@media only screen and (max-width: 480px) {
	.col2 { margin:0; 	width: 100%;}
}









/***************************** Older CSS ******************************/
.nav-top {}
.nav-mid {display: none;}
.cc-menu {
    font-weight: bold;
	font-size: 16px;
}
.col3 {
	display: block;
	float: left;
	margin: 1% 0 1% 2.5%;
}
.col:first-child, .col3:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* Two Columns */
.span_1_r_left {
	width: 100%;
	margin-bottom: 1em;
}
.span_1_r_right {
	width: 100%;
}

.span_1_3_news {
	width: 31.66%; 
}
.read {
	padding-top: 30px;
}

.lowerspace {
	padding-bottom: 15px;
}


.dashed {
	width: 90%;
	-moz-box-sizing: content-box;
	boz-sizing: content-box;
	height: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: thin dashed #BBCAD8;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	align-content: center;
}

.textalignnews {
	margin-top: 12px;
	font-size: 13px;
}

.featured {
	background-color: #F6F7FA;
	padding-top: 12px;
}
.read, .read a:link, .read a:active, .read a:visited {
	color: #2268AF;
}
.read a:hover {
	color: #979DA3;
}

.article {
	min-height: 225px;
	max-height: 250px;
	}

.viewall {
	width: 275px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	/*border-bottom: thin solid #474F59;*/
}
.bottomborder {
	border-bottom: thin solid #474F59;
	padding-bottom: 8px;
	}

/************************************************
             COLUMNS CUSTOM
************************************************/
/*.sidebar {
	/*background-color: yellow; */
	border: none;
	padding: 0;
	margin: 0;
}*/

#CCheader {
	background-image: url(../images/colleges/citycollegebkg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: .5em;
	padding-bottom: 0.5em;
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: auto;
	}



#submenu {
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #F0B310;
	width: 100%;
	}


.smenu {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
	font-weight: bold;
	text-transform: uppercase;
	}



/**** Custom Apply Row ***/
.twrapper-a {
	display: table;
	width: 100%;
	margin-bottom: 2%;
	padding-bottom: 2%;
	padding-top: 2%;
	background-color: #D4D9DC;
	margin-top: -10px;
}
.tcol1 {
	width: 31.3%; 
	display: table-cell;
	padding: 1%;
}
.tcol2 {
	width: 31.3%; 
	display: table-cell;	
	padding: 1%;		
}
.tcol3 {
	width: 31.3%; 
	display: table-cell;
	padding: 1%;		
}

.i-img {
	border-radius: 6px;
	border-radius: 50%;
	border: medium solid #000000;
	-webkit-box-shadow: 0px 0px 6px 4px #ADADAD;
	box-shadow: 0px 0px 6px 4px #ADADAD;
	border: medium solid #000000;
	background-color: #F2C959;
	margin-bottom: 3%;
}


.a-link, .a-link2, a:link .a-link, a:link .a-link2,  a:visited .a-link, a:visited .a-link2, a:active .a-link, a:active .a-link2{
	color: #000000;	
	font-weight: bold;
	font-size: 1em;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	text-shadow: 1px 1px #999999;
	color: 0000000;
}

a:hover .a-link, a:hover .a-link2 {
	color: #4B4B4B;
}

.i-img:hover {
    opacity: .5;
  filter: alpha(opacity=50);
}



/********* Added ******/
.event-odd {
	background-color: #DBE5F0;
	width: 99%;
	display: table;
	padding: 1%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top: thin solid #BBCEE3;
	border-bottom: thin solid #BBCEE3;
}
.event-even {
	background-color: #F3F6FA;
	width: 99%;
	display: table;
	padding: 1%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.intro {
	font-size: .8em;
}

.event {
	float: right;
	padding-right: 1%;
	width: 74%;
	font-size: .8em;
}
.eventdate {
	float: left;
	width: 24%;
	padding-left: 1%;
	color: #485360;
	font-weight: bold;
	font-size: .8em;
}

.news-wrapper {
	width: 99%;
	display: table;
	padding: 1%;
	border-bottom: thin solid #BBCEE3;
}
.news-img {
	float: left;
	width: 24%;
	max-width: 70px;
	max-height: 70px;
}
.news {
	float: right;
	padding-left: 2%;
	width: 72%;
}
.readmore, .read-more {
	font-size: 10px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
	font-variant: small-caps;
}




.btable {
	width: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	padding-left: 3%;
	border-bottom: thin solid #B5B5B5;
	height: auto;
	text-align: left;
}

.btable2 {
	width: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 3%;
	padding-left: 3%;
	height: auto;
	text-align: center;
	vertical-align: middle;
	background-color: #002f5f;
	color: white;
}
.button2 img {
	vertical-align: middle;
}


.bgblue1:hover, .bgblue2:hover {
	background-color: #BBC3CB;
}

.bgblue1 {
	background-color: #91bbf2;
}
.bgblue2 {
	background-color: #528DD9;
}

.s-button {
	display: table-cell;
	width: 85%;
	vertical-align: middle;
	padding-left: .5em;
	height: 25px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
}

.s-button a, .s-button a:link, .s-button a:active, .s-button a:visited {
	color: #002f5f;
}

.showbiz-bkg {
	background-color: #E2E2E2;
	width: 100%;
	display: block;
	padding-bottom: 0px;
	margin-bottom: -25px;
}

.arrowlist {
	list-style-image: url("/_resources/common/images/icons/bullets/bullets/yellow12Arrow.fw.png");
	margin-left: -15px;
}

/* Ad RotatorJavascript and the CSS */
            .aslide {
                display: none;
            }
            .aslide img {
                max-width: 100%;   
}
            #slider {
                width: 100%;
                height: 600px;
            }	


/************************************************
               Media Queries
************************************************/	

@media only screen and (max-width: 1080px) {	
.btable, .btable2{
 width: 96%;
		}}

/************************************************
               Media Queries
************************************************/	

@media only screen and (max-width: 780px) {	
		.col3 { 
	margin:0;
	width: 100%;
	padding-top: 2em;
}
		
 .article {
	min-height: inherit;
	max-height: none;
	}
.span_1_3_news {
	width: 100%;
}
.span_1_r_left {
	width: 28.7%;
	float: left;
	margin-bottom: 0;
}
.span_1_r_right {
	width: 68.7%;
	float: right;
}



.btable, .btable2 {
	width: auto;
 }

.s-button {
	width: 95%;
}

.sbutton2 {
	width: 100%;
}

/**** Custom Apply Row ***/
.twrapper-a {
padding: 0;
margin: 0;
margin-bottom: 2%;
}
.tcol1, .tcol3 {
	background-color:#F2C959;
	padding-bottom: 4%;
}
.tcol2 {
	background-color: #2268AF;
	padding-bottom: 4%;
	color: #FFFFFF;
}


.a-link2, a:link .a-link2,  a:visited .a-link2, a:active .a-link2 {
	font-weight: bold;
	font-size: 1em;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	text-shadow: 1px 1px #1F1F1F;
	color: #FFFFFF;
}

a:hover .a-link2 {
	color: #B8B8B8;
}

.i-img {
	border: none;
	border-radius: none;
	box-shadow: none;
	background-color: transparent;
	width: 100%;
	padding: 0;
	margin: -25px;
	padding-bottom: 2%;
}

.nav-top {display: none;}
.nav-mid {display: block;}
	
}

@media only screen and (max-width: 480px) {
.col2 { 
	margin:0;
	width: 100%;
}
		
	.span_1_r_left {
	width: 100%;
	float: none;
	margin-bottom: 1em;
}
.span_1_r_right {
	width: 100%;
	float: none;
}
}
	
/************************************************
             NEW HOMEPAGE
************************************************/

/* FEATURED BOXES
.featured, .featured a:link, .featured a:active, .featured a:visited { color: white;}

.featured-box1 {background-image: url(*** Broken Link ***);background-color: #474f59;text-align: center;padding-top: 10%;padding-bottom: 10%;font-size:24px;min-height: 144px;max-height: 144px;
} */