html {-webkit-text-size-adjust: 100%;}

.gcs-search {width:220px;padding:0px;position:absolute;right:5px;top:5px;z-index:2;}
.micro-left-heading {
    font-family: oswaldlight;
    font-size: 20px;
    color: #45545f;
    border-bottom: 1px dotted;
    border-bottom-color:#0072BC;
    margin-top: 20px;
    border-bottom-style: solid;
    padding-bottom: 5px;
    padding-top: 20px;
    line-height: 20px;
    margin: 5px 0;
    font-weight: bold;
}

.msbtn {display: block; width: 85%; font-size:16px;padding: 15px; background: #25A6E1; color:white !important; text-decoration:none; -webkit-border-radius: 15px; border: 5px solid #25A6E1; font-family: oswaldlight;}
.msbtn:hover {opacity: 0.6;  text-decoration:none !important; }

.micro-heading-two {
    color: #0065a4;
    padding-top: 20px;
    padding-bottom: 10px;
    font-family: oswaldlight;
    font-size: 20px;
    border-bottom: 1px dotted;
    margin-top: 20px;
    line-height: 20px;
    margin: 5px 0;
    display: block;
    font-weight: bold;
}

.deptpageh2 {
    color: #676767;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0;
}

/* Click to Call Header and bottom bar Help*/

#bottom-container {
position: fixed; 
bottom:0%;
left:0%;
width:100%; 
z-index:9999;
}

#bottom-bar {
height:50px;
opacity: 0;
-moz-transition: opacity 4s;
-webkit-transition: opacity 4s;
-o-transition: opacity 4s;
transition: opacity 4s;
background-color:#20282B;
color:white;
position: fixed; 
z-index:10000;
bottom:0%;
left:0%;
margin:0;
width:100%; 
}

.loaded #bottom-bar{
    opacity: .85;
}
.loaded #call-chat-bottom{
    opacity: 1;
}


#call-chat-bottom{
height:50px;
opacity: 0;
-moz-transition: opacity 5s;
-webkit-transition: opacity 5s;
-o-transition: opacity 5s;
transition: opacity 5s;
line-height:50px;
text-align:center;
position: fixed; 
z-index:10001;
bottom:0%;
left:0%;
margin:0;
width:100%; 
}
#call-chat-bottom img{
vertical-align:middle;
padding-right:5px;
}
#call-chat-bottom a{
margin-right:10px;
padding-right:15px;
border-right-color:white;
border-right-style:solid;
border-right-width:2px;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
text-decoration:none;
font-size:16px;
color:white !important;
}
.call-chat-bottom-right {
padding-top:8px;
border:white;
border-style:solid;
border-width:1px;
border-radius:5px;
padding-bottom:8px;
padding-left:5px;
width:200px;
background-color:#20282B;
}


.call-chat {
margin-top:-2px;
float:left;
margin-left:25px;
}

#call-chat-bottom a:hover{
text-decoration:underline;
}

.bottom-right-buttons {
    margin-left:120px;
    display:inline;
}

.call-chat-bottom-right img{
margin-top:-2px;
}

.ohelp {
border-right-style:none !important;
margin-left:-5px;
}

#closebar {
background-color:transparent;
background-image: url("/_layouts/images/ChicagoCityColleges.com/closebutton.png");
border:none;
vertical-align:top;
margin-left:5px;
margin-top:0px;
width:31px;
height:25px;
color:transparent;
}

#closebar:hover {cursor:pointer;}

.callhead {
	background: url("/_layouts/images/ChicagoCityColleges.com/Phone_icon_header.png") no-repeat scroll 10px center;
	display: inline-block;
	height: 38px;
	line-height: 47px;
	padding-left: 34px;
	width: 90px;
	font-weight: bold;
	float: left;
}

.livechathead {
	background: url("/_layouts/images/ChicagoCityColleges.com/Chat_icon_Header.png") no-repeat scroll 10px center;
	display: block;
	height: 38px;
	margin-left: 140px;
	line-height: 47px;
	padding-left: 36px;
	width: 105px;
	font-weight: bold;
}

/* End Click to Call Header and bottom bar Help*/

#mobile-buttons {background: none repeat scroll 0 0 #F2F2F2; display: none;}
#mobile-buttons a {font-weight: bold; margin: 5px 14px;}
#mobile-buttons a.request-info {background: url("/_layouts/images/ChicagoCityColleges.com/icon-mail.png") no-repeat scroll 10px center #fff; border: 1px solid #ccc; border-radius: 10px 10px 10px 10px; display: inline-block; float: left; height: 36px; line-height: 36px; padding-left: 36px; width: 88px;}
#mobile-buttons a.click-to-call {background: url("/_layouts/images/ChicagoCityColleges.com/icon-phone.png") no-repeat scroll 10px center #fff; border: 1px solid #ccc; border-radius: 10px 10px 10px 10px; display: inline-block; height: 36px; line-height: 36px; padding-left: 36px; width: 90px;}

.searching {
	background-color: #3c3c3c;
    color: #FFFFFF;
    height: 105px;
    left: 37%;
    padding-top: 15px;
    position: fixed;
    text-align: center;
    top: 20%;
    width: 26%;
    z-index: 999999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
	}
	
.searching img {height: 69px;}
	
.searching h2 {color: #fff; font-size: 19px !important; font-weight: bold;}

#success.feedback-success {margin-top: 100px; text-align: center;}
#success.feedback-success #successMsg {}
#success.feedback-success #successMsg.feedback-success-msg {font-size: 20px;}

body {color: #000; font-family: Oswald, Helvetica, "Nimbus Sans L", sans-serif !important; font-size: 13px; font-weight: normal; overflow: hidden;}
body form {visibility: hidden;}
body.loaded form {visibility: visible;}
body.loaded2 form {visibility: visible;}
body #s4-workspace {}

body #body-content {line-height: 18px; min-height: 400px;}
.ms-WPBody {font-family: Arial !important; font-size: 12px !important;}

tr {border-top: 0 #fff; border-bottom: 0 #fff;}
td {border-top: 0 #fff; border-bottom: 0 #fff;}
td a {color: #0065A4;}

hr {height: 1px;}

.hide-title {visibility: hidden; position: absolute; left: -9999px;}

.addthis_button img {border: none;}

/*---Force Link Colors to blue---*/
#bottom-section .flipper-content h2 a:visited {color: #0072BC !important;}

.link-item, .link-item a, .link-item a:link {font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif !important;}

.skip-links a {left: -999999px; position: absolute;}
.skip-links a:focus, .skip-links a:active {left: 0; position: relative; width: 100%; height: auto; z-index: 9999; text-align: center;}

.link-item, .link-item a, .link-item a:link {font-size: 13px; }

.form-entry .required {color: #000; font-weight: normal; font-style:italic;}
.required .star {color: #ff0000;}
.right-col-block .ms-toolbarContainer {height:0; background-image:none; background-color: transparent; border: none;}

#right-column select {width: 190px;}

.careerlist a {display: block; clear: left;}

#ctl00_MSO_ContentDiv {position: relative;}
#s4-bodyContainer {background-image: url("/_layouts/images/ChicagoCityColleges.com/bg.png"); background-repeat: repeat-x; background-color: #fefefe; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif !important; min-width: 1000px !important;}
.drop-shadow {background: url("/_layouts/images/ChicagoCityColleges.com/body-drop-shadow.png") no-repeat scroll center top transparent; overflow: hidden;}
.inside-wrapper {background-color: #fff; margin: 0 auto; width: 1000px;}
.s4-ca {margin-left: 10px;}
#MSOTlPn_MainTD {position: absolute; right: 0; top: 35px; width: auto !important; z-index: 1;}
#ctl00_PlaceHolderMain_liProgramName a {display: none;}
.hide {display:none !important;}

.adobe-pdf-link {display: none; padding: 20px 0;}

#formatDateA {float: left;}
.edit-mode #formatDateB {clear:left; padding: 5px 0;}
.hours {clear: left; padding: 5px 0;}
.edit-mode .hours {clear:none;}
.edit-mode .hours textarea {height: 100px; width: 99%;}

.caption {color: #777777; font-size: 10px; font-weight: normal; padding: 3px 0 5px;}

a {color: #0065a4;}
a.link {color: #0065a4;}
a:hover {text-decoration: underline !important;}
a:link, a:visited, a:active, a:hover {color: #0065a4;}

.flipper-wrapper a {color: #0065a4 !important;}

.district-additional-rich-text {display: inline-block; height: 110px; margin-top: 0; max-height: 110px; overflow: hidden; width: 300px;}
.district-additional-rich-text img {max-width: 300px;}

.additional-rich-text {clear: left; padding: 0px 0; width: 290px;}
.additional-rich-text img {max-width: 280px;}
.additional-rich-text p {margin: 0;}

.image_reel img {width: 660px;}

.right-col-full-desc {float: left; margin-bottom: 10px; padding: 25px 0 0; width: 250px;}
.right-col-full-desc h2 {border-bottom: 1px dotted; color: #666; font-size: 16px; font-weight: normal; line-height: 20px; margin: 10px 0 5px; padding-bottom: 2px;}

.feature-career-wrapper .shadow-bottom {overflow: hidden;}

#ctl00_PlaceHolderMain_departmentAZList_toggleModeButton {display: block; padding: 10px 0 0; text-align: right;}

/*---Edit Mode Slideshow---*/
.edit-mode-panel.slideshow {float: left; width: 660px;
                                background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    display: inline-block;
    margin-left: 0;
    overflow: hidden;
    padding-top: 0;
                            }
.edit-mode-panel.slideshow .s4-wpcell .s4-wpTopTable {border: 0;}
.edit-mode-panel.slideshow .ms-wpContentDivSpace {margin-left: 0px; margin-right: 0px;}

.slideshow {float: left; position: relative;}

.view-all-news {display: block; text-align: center; width: 100%;}
.additional-description {padding-top: 10px;}
.additional-description span {display: block !important;}
 
/*.link-item, .link-item a, .link-item a:link {color: #0065a4; font-family: inherit; font-size: inherit; padding-left: 0; padding-top: 0; text-decoration: none;}*/
.right-col-content .item, .right-col-content .item a, right-col-content .item a:link,
.right-col-block .item, .right-col-block .item a, .right-col-block .item a:link  {color: #0065a4; font-family: Arial; font-size: 13px; padding-bottom: 0; padding-left: 0; padding-top: 0; text-decoration: none;}


h1 {color: #000000; font-weight: normal; line-height: 30px; margin: 0 0 10px; padding: 10px 0 5px;}
h2 {color: #676767; font-size: 16px; line-height: 20px; margin: 5px 0;}
h2 a {color: #0072BC;}
#right-column h2 {border-bottom: 1px dotted; font-weight: normal; margin: 10px 0 5px 0; padding-bottom: 2px;}
.leader h2 {margin: 5px 0 0 0;}

.edit-mode-panel {width: 99%;}
input.ms-long {width: 99%;}

#ElementWithStyle0-Menu,
#ElementWithStyle4-Menu,
#ElementWithStyle10-Menu,
#ElementWithStyle11-Menu,
#ElementWithStyle12-Menu,
#ElementWithStyle13-Menu,
#ElementWithStyle5-Menu,
#ElementWithStyle6-Menu,
#ElementWithStyle7-Menu,
#ElementWithStyle8-Menu
 {display:none;}

H2.ms-rteElement-H2G {-ms-name:"Heading 2 Gray";}
.ms-rteElement-H2G {color: #676767; font-size: 16px; margin: 5px 0;}

H3.ms-rteElement-H3G {-ms-name:"Heading 3 Gray";}
.ms-rteElement-H3G {color: #676767; font-size: 14px; margin: 5px 0;}

H4.ms-rteElement-H4G{-ms-name:"Heading 4 Gray";}
.ms-rteElement-H4G {color: #676767; font-size: 13px; margin: 5px 0;}

.ms-rteElement-P {color: #000;}

.ms-rteElement-H1 {}
.ms-rteElement-H2 {color: #000; font-size: 16px; font-weight: bold; margin: 5px 0;}
.ms-rteElement-H3 {color: #000; font-size: 14px; font-weight: bold; margin: 5px 0;}
.ms-rteElement-H4 {color: #000; font-size: 13px; font-weight: bold; font-style: normal; margin: 5px 0;}


/*---Header---*/
.header {height: 150px; position: relative;background:#fff url("/_layouts/images/ChicagoCityColleges.com/swoosh.png") no-repeat scroll 0 0}
.logo {left: 20px;Top:40px; position: absolute;width: 300px;}
.search-box {position: absolute; right: 5px; top: 7px; z-index: 2;width:225px; height:14px;}
.search-box input.ms-sbplain {background-image: none; border: 1px solid #BBBBBB !important; color: #000; font-size: 11px; font-style: normal; height: 16px; padding: 1px !important; position: absolute; right: 55px; width: 150px !important;}
.search-box a {background:transparent url("/_layouts/images/ChicagoCityColleges.com/search-button.png") no-repeat 0px 0px; display: block; font-size: 0; height: 20px; line-height: 0; text-indent: -9999px; width: 50px;}
.search-box a:hover {background-position: 0px -20px;}
.search-box a.clicked {background-position: 0px -40px;}
.search-box a img {display:none;}
.search-box a:focus {outline:2px solid blue}
.search-box input:focus{outline:2px solid blue}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: -5px !important;
    padding-bottom: 3px !important;
}


.gsc-input-box input {
    background-image:none !important;
    text-indent:0px;
}

.gsc-input-box input::-webkit-input-placeholder  {
    color:white;
}
.gsc-input-box input::-moz-placeholder {
    color:white;
}
.gsc-input-box input:-ms-input-placeholder  {
    color:white;
}
.gsc-input-box input:-moz-placeholder  {
    color:white;
}
.header-icon {
	bottom: 10px;
	height: 38px;
	position: absolute;
	right: 15px;
	width: 290px;
	z-index: 1;
}
.header-icon .colleges-to-careers {background-image: url("/_layouts/images/ChicagoCityColleges.com/c2c-logo.png"); display: block; float: left; height: 27px; margin-top: 11px; width: 100px;}
.header-icon .reinvention {background-image: url("/_layouts/images/ChicagoCityColleges.com/reinvention-logo.png"); display: block;  height: 38px; margin-left: 130px; width: 105px;}

.social-links {top: 32px; height: 19px; position: absolute; right: 15px; z-index: 1; padding-right: 45px; font-size: 11px;}
.social-links a {display: block; float: left;}
.social-links .hide-text {font-size: 0; line-height: 0; margin: 0 2px; text-indent: -9999px;}

.social-links .icon-print {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-print.png"); background-position: left center; background-repeat: no-repeat; color: #0065a4; font-size: 13px; height: 19px; line-height: 19px; margin-left: 5px; margin-right: 0px; padding-left: 15px; width: 35px;}
.social-links .icon-share {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-share.png"); background-position: left center; background-repeat: no-repeat; color: #0065a4; font-size: 13px; height: 19px; line-height: 19px; padding-left: 19px; width: 40px;}
.social-links .icon-feedback {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-feedback.png"); background-position: left center; background-repeat: no-repeat; color: #0065a4; font-size: 13px; height: 19px; line-height: 19px; margin-left: 0px; margin-right: 70px; padding-left: 22px; width: 60px;}
.social-links .espanol {padding-left: 55px;}
.social-links .polski {padding-left: 15px;}
.addthis_toolbox.addthis_default_style {position: absolute; right: 0; width: 60px;}
.addthis_toolbox.addthis_default_style a.addthis_button {height: 19px; line-height: 19px; text-decoration: none;}
.addthis_toolbox.addthis_default_style a.addthis_button img {float: left; padding: 2px 5px 0 0;}

.feedback {width:500px; height:1000px;}

a.icon-home-icon, a.icon-home-icon:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-district.png") !important; background-position: center center !important; background-repeat: no-repeat !important; display: block; font-size: 0 !important; height: 19px !important; line-height: 0 !important; margin: 0 0 0 15px !important; text-indent: 0; width: 26px;}

.daley .social-links .icon-home-icon, .kennedy .social-links .icon-home-icon, .malcolm-x .social-links .icon-home-icon, .olive-harvey .social-links .icon-home-icon, .washington .social-links .icon-home-icon, .wright .social-links .icon-home-icon, .truman .social-links .icon-home-icon {display: block;}

.headline-text {font-size: 14px; font-weight: bold; margin: 14px 0; padding-left: 10px;}
.college-mobile-primary-item .headline-text,a:focus
.district-mobile-primary-item .headline-text {color: #fff; padding: 0;}

/*---Global Navigation---*/

ul.topnav {margin: 0; padding: 0; float:left; list-style: none; font-size: 1.1em; position: absolute;}
ul.topnav.global-nav {background-color:#5c5757;background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-global-bg.png"); height: 35px; padding-right: 230px; right: 0;  top: 0; z-index: 2;}
ul.topnav.global-nav .sub {filter: none !important; margin-left: 13px; padding-top: 10px;}
ul.topnav.global-nav .sub ul {padding: 0;}
ul.topnav.global-nav .sub ul li a {position: relative; left: -10px;}
ul.topnav.global-nav .sub ul li h2 {font-size: 13px; margin: 0 0 3px 0px; padding: 0; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
ul.topnav.global-nav .sub .left {background-image: url("/_layouts/images/ChicagoCityColleges.com/global-drop-left.png"); background-position: left bottom; height: 100%; left: 0; margin-left: -15px; position: absolute; top: 0; width: 15px;}
ul.topnav.global-nav .sub .right {background-image: url("/_layouts/images/ChicagoCityColleges.com/global-drop-right.png"); background-position: right bottom; height: 100%; right: 0; position: absolute; top: 0; width: 15px;}
ul.topnav.global-nav .sub .center {background-image: url("/_layouts/images/ChicagoCityColleges.com/global-drop-center.png"); background-position: center bottom; height: 100%; left: 10px; position: relative; top: 5px; background-repeat: repeat-x;}
ul.topnav.global-nav li a {height: 25px; line-height: 25px; padding: 5px 10px;}
ul.topnav.global-nav li .sub {top: 35px;}
ul.topnav.global-nav li a {color: #fff; font-size: 11px; padding: 5px 10px;}
ul.topnav.global-nav li.directory .sub {right:0;}
ul.topnav.global-nav .s4-wpTopTable {border-collapse: collapse;}
ul.topnav.global-nav .s4-wpTopTable th, ul.topnav.global-nav .s4-wpTopTable td {padding: 0;}

ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: 0 30px; background-repeat: repeat-x; bottom: 0; left: 0; width: 100%;}
ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: 0 -10px; background-repeat: repeat-x; color: #0065A4; font-size: 16px; line-height: 20px;}
ul.topnav.primary-nav a.active {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: center -50px; background-repeat: repeat-x;}
ul.topnav.primary-nav a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: center -90px; background-repeat: repeat-x; color: #45545f !important;}
ul.topnav.primary-nav li .sub a {background-image: none; color: #fff; font-size: 11px;}
ul.topnav.primary-nav li .sub a:hover {color: #000 !important;}

/*---Accessability Items---*/   
.news-section-title a:focus {border-bottom:1px solid blue;}
.flipper-content a:focus {opacity:.5;}
a:focus {text-decoration:underline !important;}
.rss-feed:focus {border-bottom:1px solid white;}
.site-logo:focus {outline:1px solid #0065A4;}
ul.topnav.global-nav a.menu-item:focus {background-position: center -90px !important;text-decoration:underline;}
ul.topnav.global-nav .sub li a:focus {background-color: #DFE3E6; background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-hover-edge-color.png"); background-position: left center; background-repeat: repeat-y; border: 1px solid #DFE3E6; color: #000000 !important; display: block;}
ul.topnav.global-nav a.active-parent {background-position: center -90px; background-repeat: repeat-x;}
ul.topnav.-nav a.active {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: center -50px; background-repeat: repeat-x;}

ul.topnav.primary-nav a.menu-item:focus {background-position: center -90px !important;}
ul.topnav.primary-nav .sub li a:focus {background-color: #DFE3E6; background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-hover-edge-color.png"); background-position: left center; background-repeat: repeat-y; border: 1px solid #DFE3E6; color: #000000 !important; display: block;}
ul.topnav.primary-nav a.active-parent {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: center -90px; background-repeat: repeat-x; color: #45545f !important;}

ul.topnav .sub ul li a:hover {background-color: #DFE3E6; background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-hover-edge-color.png"); background-position: left center; background-repeat: repeat-y; border: 1px solid #DFE3E6; color: #000000 !important; display: block;}
ul.topnav li {display: block !important; float: left; margin: 0; padding: 0;}
ul.topnav li {display: table;}
ul.topnav li.first {background: url("/_layouts/images/ChicagoCityColleges.com/menu-global-left.png") no-repeat scroll left bottom transparent; height:35px;}
ul.topnav li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-global-hover.png"); background-position: -20px -100px; background-repeat: repeat-x; color: #FFFFFF; float: left; height: 30px; line-height: 30px; margin: 0; padding: 5px 12px;}
ul.topnav li a:hover {background-image:url("/_layouts/images/ChicagoCityColleges.com/menu-global-hover.png");}
ul.topnav li:hover a, ul.topnav li a:hover { background-position: center bottom; }

/* Target FireFox 2 and older [!] */
html>/**/body ul.topnav li {display: table;}
html>/**/body ul.topnav .sub ul li {display: block;}
html>/**/body .bottom-rich-text {clear: both; display: block;}

ul.topnav.primary-nav li .sub {background-image: url("/_layouts/images/ChicagoCityColleges.com/primary-dropdown-bg.png"); background-position: center bottom; background-repeat: repeat-x; filter: none !important; padding: 10px 15px 0 0;}
ul.topnav.primary-nav li.last .sub {min-width: 575px; padding: 10px 20px 15px 0; position: absolute; right: 0;}
ul.topnav li .sub {background: url("/_layouts/images/ChicagoCityColleges.com/global-drop.png") no-repeat scroll right bottom transparent; display: none; float: left; padding: 0 0 20px; position: absolute; top: 40px; /* min-width: 452px; right: 0;*/}

ul.topnav li .sub ul.directories {max-width: 400px;}
ul.topnav li .sub ul.directories td {padding-right: 15px; font-size: 11px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
ul.topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul.topnav li .sub ul{list-style: none; margin: 0 5px; padding: 0 0 10px 0; /*max-width: 200px;*/ float: left;}
ul.topnav .sub ul li {float: none; width: 100%; color: #fff;}
ul.topnav .sub ul li h2 {border-bottom: 1px dotted; color: #fff; font-size: 13px; font-weight: bold; margin: 0 0 3px 10px; padding: 0 0 2px;}
ul.topnav .sub ul li h2 {padding: 0;  margin: 0; font-size: 1.3em; font-weight: normal;}
ul.topnav .sub ul li h2 a {padding: 5px 0; background-image: none; color: #e8e000;}
ul.topnav .sub ul li a {line-height: 15px; border: 1px solid transparent; float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; background: none; padding: 0 0 0 10px; display: block; text-decoration: none; color: #fff !important; font-family: Arial, Helvetica, 'Nimbus Sans L', sans-serif;}
ul.topnav .sub ul li a:hover {}
ul.topnav.global-nav .sub li p {font-size: 11px; margin: 2px 5px 4px 0;}

ul.topnav.global-nav .sub ul.dfwp-item, ul.topnav.global-nav .sub ul.dfwp-list {}

.sub h3 {padding-left: 10px;}

/*---Primary Navigation---*/
.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/menu-primary-bg.png"); background-position: 0 30px; background-repeat: repeat-x; bottom: 0; height: 40px; left: 0; position: absolute; width: 100%; z-index: 1;}
.primary-nav .s4-tn {display: none;}
.primary-nav .s4-wpTopTable {border-collapse: collapse;}
.primary-nav .s4-wpTopTable th, .primary-nav .s4-wpTopTable td {padding: 0;}

/*---Hide Left Column and make Main column full width---*/
#s4-leftpanel {display: none;}

/*---Events List Page---*/
.event-list {border-top: 1px solid #DDDDDD; margin-top: 0; padding-top: 0px;}
.event-list .search-left .search-result-entry {padding: 0 0 20px;}
.event-list .search-left .search-result-entry a {padding-left: 0;}
.event-list tr {border-top:0 #fff; border-bottom: 0 #fff;}
.event-entry {border-bottom: 1px dotted; min-height: 43px; padding: 10px 0; position: relative;}
.event-entry .left-col {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-calendar.png"); float: left; height: 43px; text-align: center; width: 45px;}
.event-entry .left-col .month {font-size: 11px; height: 17px; line-height: 17px; text-transform: uppercase; width: 38px;}
.event-entry .left-col .day {font-size: 18px; line-height: 22px; width: 38px;}
.event-entry .right-col {margin-left: 55px; padding-left: 0;}
.event-entry .right-col .date-range {}
.event-entry .right-col .event-title {}
.event-entry .right-col .event-title a {display: inline-block; font-size: 14px; font-weight: bold !important; margin-bottom: 0;}
.event-entry .right-col .description {font-family: arial; font-size: 13px; padding: 5px 0;}
.event-entry .right-col .college-name {font-weight: bold; position:absolute; right:0px; top:10px;}
#college-events .feature-event-wrapper .shadow-bottom {height: 201px;}

.top-bar .view-all {bottom: 10px; position: absolute; right: 0;}

/*---Image Gallery---*/
#returnURL {}
#returnURL #returnURLHidden {padding: 5px;}
#returnURL #browse {background-color: #D4D4D4; border: 1px solid; cursor: pointer; display: block; float: left; margin: 5px; padding: 5px 0; text-align: center; width: 60px;}
#returnURL #browse:hover {color: #1C1C1C;}
#returnURL #clear {cursor: pointer; display: block; float: left; margin: 5px; padding: 5px 0; text-align: center; width: 60px;}
#returnURL #clear:hover {color: #000;}

.images-per-page {clear: both; padding: 10px 0;}

/*---Main Column---*/
#main-column {float: left; max-width: 675px !important; min-width: 675px; padding-bottom: 25px;}
#main-column .leader {}
#main-column .job-title {font-size: 14px;}
#main-column .leader-wrapper {margin-bottom: 10px;}
#main-column .page-content {}

#main-section {margin: 10px 0;}

.careerlist li {list-style: none;}
.right-col-block .careerlist ul {margin: 5px 0; padding-left:0;}

/*---College Graphic---*/
.college-graphic {display: none;}
body.edit-mode .college-graphic {display: block;}
body.edit-mode .college-graphic-display {display: none;}

.college-graphic-url {display: none;}
body.edit-mode .college-graphic-url {display: block;}

#content-left .college-graphic-display img {max-width: 315px; max-height: 200px;}
#content-left .college-graphic-display {margin-top: 21px;}

/*---Top Section---*/
#top-section {height: 308px; overflow: hidden;}

/*---Top Right---*/
.top-right {height: 300px; margin-left: 670px; position: relative; width: 310px;}
/*.top-right #district-news {margin-left: 0;}*/

.rich-text-editor {}

/*---District Homepage Middle Section---*/
.edit-mode #middle-section {display: none;}
.HomPageBody { background-position: center top; display: inline-block; height: 300px; margin: 0 auto; margin-bottom:0px; overflow: hidden; padding-bottom: 0px; padding-top: 10px; position: relative; width: 960px;}
.HomPageBody .YourOptions, .HomPageBody .FirstStep, .HomPageBody .Outcomes {float: left; height: 285px; margin: 0px; overflow: hidden; padding: 0 12px; position: relative; width: 295px;}
.HomPageBody .district-homepage-body .Outcomes {}

#middle-section .district-homepage-body::before { position: absolute; content: url(/_layouts/images/ChicagoCityColleges.com/top-shadow.png); top: -12px; left: 50px; border-top: none; }
#middle-section .district-homepage-body::after { position: relative; content: url(/_layouts/images/ChicagoCityColleges.com/bottom-shadow.png); top: 0px; left: 50px; }


#accordion .ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;}
#accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active { border: none;}
#accordion .ui-widget {font-family: arial; font-size: 13px; }
#accordion .ui-state-active .ui-icon {display: none;}
#accordion .ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
#accordion .ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
#accordion .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default { border: none;}
#accordion .ui-state-hover, #accordion .ui-widget-content .ui-state-hover, #accordion .ui-state-focus, #accordion .ui-widget-content .ui-state-focus { border: none;}

#accordion .ui-widget-content { border: none; background: none; }
#accordion .ui-state-default .ui-icon { background-image: none; display: none; }
#accordion .YourOptions {}
#accordion .FirstStep {}
#accordion .Outcomes {}

.HomeTitleImage {text-align: center; margin: 0 0 2px 0;}
.HomeBodyImage {position: absolute; text-align: center; top: 95px; width: 100%;}
.YourOptions .HomeBodyImage {text-align: left;}
.YourOptions .HomeBodyImage img {margin-left: 0; max-height: 115px; max-width: 125px;}
.YourOptions .HomeBodyImage p {max-width: 150px; text-align: left;}
.HomeBodyImage img {max-width: 260px;}
.HomeDDL {position: absolute; right: 5px; top:0;}
.DDL {margin: 8px 0; width: 175px;}
.homeOr {background-image: url("/_layouts/images/ChicagoCityColleges.com/or.png"); background-position: center center; background-repeat: no-repeat; height: 12px; padding: 10px 0;}
.HomeButton {bottom: 5px; display: block; font-weight: bold; position: absolute; text-align: center; width: 100%;}
.HomeButton a {color: #0065A4 !important;}
.HomeDescription {padding: 0 5px; text-align: left;}

#accordion {}
#accordion.HomPageBody {background-image: none; height: auto; margin: 0; overflow: visible; padding-bottom: 0; padding-top: 0; width: auto; }
#accordion.HomPageBody .YourOptions, #accordion.HomPageBody .FirstStep, #accordion.HomPageBody .Outcomes  {float: none; height: auto; margin: 0; overflow: visible;}

#accordion.HomPageBody .ExtraWrapper {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
}

#accordion-1-wrapper {background-color: #ffffcc; padding: 10px 0; border: 1px solid;}
#accordion-2-wrapper {background-color: #ffffcc; padding: 10px 0; border: 1px solid;}
#accordion-3-wrapper {background-color: #ffffcc; padding: 10px 0; border: 1px solid;}

body.edit-mode #top-section,
body.edit-mode #iwantto,
body.edit-mode #college-news,
body.edit-mode #district-news,
body.edit-mode #college-events
{display: none;}

.bottom-rich-text {padding-bottom: 25px;}

/*---Calendar---*/
.show-all-dates {background-color: transparent; border: medium none; color: #0072BC; cursor: pointer; font-size: 13px; padding: 5px 0; width: 210px;}
.show-all-dates:hover {text-decoration: underline;}
.list-fulldescription {border-top: 1px solid #DDDDDD; width: 700px;}

/*---College Events---*/
.eventsdate {color: #455560; display: inline-block; margin-right: 15px; float: left;}
a.eventslink {}
#college-events .link-item {border-bottom: 1px dotted #CCC; max-width: 510px; padding: 5px 0;}

/*---Career List---*/
.careerlist ul {padding-left: 0;}

/*---Career Trend---*/
.page-title {}
.career-trend {display: inline-block; float: left;}
.career-trend img {max-height: 30px; width: auto; margin-right: 10px; padding: 2px 0 0;}
.career-trend-edit {}

/*---Online Service---*/
.edit-mode .onlineservice {display: block !important;}
.onlineservice {}

/*---Application URL---*/
.applicationurl {}
.applicationurl a {background-image: url("/_layouts/images/ChicagoCityColleges.com/getstartedonline.png"); display: block; font-size: 0; height: 45px; line-height: 0; margin: 15px 0; text-indent: -9999px; width: 202px;}

.tweet-alert-section {position: relative;}
/*---Alert---*/
.alert {background-color: #FFFFFF; background-image: url("/_layouts/images/ChicagoCityColleges.com/alert-icon.png"); background-position: left top; background-repeat: no-repeat; border-bottom: 2px solid #8C0000; color: #8C0000; display: inline-block; line-height: 22px; margin: 10px 0 15px; padding-bottom: 17px; padding-left: 36px; position: relative; width: 935px; z-index: 0;}
#feedContent.sub-page {padding: 0 10px;}

#content.sub-page .alert {width: auto !important; z-index: 0;}

/*---Twitter Feed---*/
.hidden-tweet {height: 10px; visibility: hidden;}
#tweet {border-bottom: 2px solid #0065A4; display: inline-block; margin: 10px 0 0; padding-bottom: 15px; position: absolute; top: 0; width: 100%; z-index: 1;}
#tweet .tweet-title {background-image: url("/_layouts/images/ChicagoCityColleges.com/twitter-feed-icon.png"); background-repeat: no-repeat; float: left; font-size: 0; height: 22px; line-height: 0; padding-left: 30px; text-indent: -9999px;}
#tweet ul.tweet_list {list-style: none outside none; margin: 0; padding-left: 30px;}
#tweet ul.tweet_list li {font-family: arial; font-size: 13px; height: 22px; line-height: 22px;}
#tweet ul.tweet_list .tweet_text {}
.empty-divider { border-bottom: 2px solid #0065A4; display: block; width: 99%;margin-top:-10px;}

.twitter-alert-section {display: block; min-height: 25px; position: relative;}

#district-tweet {background-image: url("/_layouts/images/ChicagoCityColleges.com/tweet-border-shadow.png"); background-position: center bottom; background-repeat: repeat-x; padding-bottom: 10px; width: 100%;}

.lower-title h2 {border-bottom: 1px dotted; margin-top: 20px;}

/*---Course List---*/
.course-letter {display: inline-block; font-size: 16px; margin: 10px 0;}
.course-list-entries {margin-bottom: 10px}
.course-list-entries .extended-course-subject {background-color: #EEEEEE; border: 1px solid #CCCCCC; font-weight: bold; margin: 10px 0 5px; padding: 5px; display: block; width: 100%;}
.course-list-entries  .course-list-entry {border-bottom: 1px dotted; padding: 10px 25px;}
.course-list-entries  .course-list-entry .course-subj-title-desc {display: inline-block; font-size: 14px; min-height: 20px; line-height: 20px; margin-bottom: 5px; width: 100%;}
.course-list-entries  .course-list-entry .course-subj-title-desc .course {position: absolute;}
.course-list-entries  .course-list-entry .course-subj-title-desc .course-title {font-weight: bold; padding-left: 110px;}
.course-list-entries  .course-list-entry .course-desc {margin-bottom: 5px;}
.course-list-entries  .course-list-entry .prereq {}
.course-list-entries  .course-list-entry .prereq .prereq-text {padding-left: 110px;}
.course-list-entries  .course-list-entry .label {float: left; font-weight: bold; margin-right: 10px; width: 100px;}
.course-list-entries  .course-list-entry .credit-hours {position: relative;}
.course-list-entries  .course-list-entry .credit-hours .course-iai {font-weight: bold; position: absolute; right: 20px; top: 0;}
.course-list-entries  .course-list-entry .offered-at-wrapper {display: inline-block; padding: 5px 0 0;}


.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name {display: block; float: left; font-size: 0; height: 25px; line-height: 0; margin: 0 5px 0 0; text-indent: -9999px; width: 25px;}
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Kennedy-King-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-kk.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Richard-J-Daley-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-da.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Harold-Washington-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-hw.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Malcolm-X-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-mx.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Olive-Harvey-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-oh.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Harry-S-Truman-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-tr.png") no-repeat scroll 0 0 transparent; }
.course-list-entries  .course-list-entry .offered-at-wrapper a.college-name.Wilbur-Wright-icon {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-wr.png") no-repeat scroll 0 0 transparent; }

/*---Course List Right Column---*/
#right-column .course-list-right {margin-top: 20px;}
#right-column .course-list-right .line1 {font-size: 16px; font-weight: bold;}
#right-column .course-list-right .line2 {margin: 5px 0 10px;}

#right-column .course-list-right .school a {display: inline-block; height: 25px; line-height: 25px; margin: 5px 0; padding-left: 30px; width: 150px;}
#right-column .course-list-right .school.kennedy-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-kk.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.daley-course-link a  {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-da.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.washington-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-hw.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.malcolmX-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-mx.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.harvey-course-link a{background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-oh.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.truman-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-tr.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.wright-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-wr.png") no-repeat scroll 0 0 transparent; }
#right-column .course-list-right .school.district-course-link a {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-ccc.png") no-repeat scroll 0 0 transparent; }

/*---Feedback Form---*/
body.feedback-form {background-color: #7EAFCE; color: #FFFFFF; font-family: arial; font-size: 12px;}
body.feedback-form form {visibility: visible;}
body.feedback-form form .feedback h1 {background-color: #AACEE5; border: 1px solid #E7E7E7; color: #676767; font-weight: normal; margin: 15px 0; padding: 10px; text-align: center;}
body.feedback-form form .feedback {width: auto; height: auto;}
body.feedback-form form .feedback .form-entry {display: block; padding: 3px 0; position: relative;}
body.feedback-form form .feedback .form-entry.subject-wrapper {display: inline-block; margin: 10px 0; width: 100%;}
body.feedback-form form .feedback .form-entry label {float: left; font-weight: bold; padding-right: 20px; text-align: right; width: 205px;}
body.feedback-form form .feedback .form-entry input {width: 200px;}
body.feedback-form form .feedback .contact-radios {border: 1px solid; margin: 5px 0 10px 450px; padding: 5px 0; width: 300px;}
body.feedback-form form .feedback .contact-radios label {font-size: 12px;}
body.feedback-form form .feedback textarea {margin-left: 225px; width: 500px;}
body.feedback-form form .feedback .form-fields {float: left;}
body.feedback-form form .feedback .subject input {width: 500px;}
body.feedback-form form .feedback #txtFeedbackPage {background-color: #FFFFFF; border: medium none; margin-left: 25px; width: 260px;}
body.feedback-form form .feedback .form-buttons {float: left; font-weight: bold; margin-right: 10px; width: 100px;}
body.feedback-form form .feedback #CustomValidator1 {background-color: #EEEEEE; clear: both; display: inline-block; left: 70px; padding: 0 5px; position: absolute;}
body.feedback-form form .feedback .captcha-section {}
body.feedback-form form .feedback .captcha-section .captcha-image {margin: 10px 0 10px 225px; width: 200px;}
/*---General CQWP List Class---*/
.dfwp-list {
    position: static !important;
}
div.item.link-item a.news-item-title ::before {
    background-image: url("/_layouts/images/ChicagoCityColleges.com/bullet.png");
}
li.dfwp-item:first-child { border-top: 0px !important; }
li.dfwp-item:last-child { border-bottom: 0px !important; }
/*---Breadcrumb---*/
.top-breadcrumb {padding: 10px 0; width: 450px;}
td.breadcrumb {position: relative;}
.titleBlock, .top-bar {min-height: 40px; position: relative;}
.edit-mode .titleBlock, .edit-mode top-bar {height: auto;}
.breadcrumb {color: #676767; font-size: 20px; left: 0; line-height: 24px; padding: 10px 0 5px; position: absolute;}
.search-page-wrapper .breadcrumb {position: relative;}
.facebook-twitter-share {padding: 10px 0 5px; position: absolute; right: 0; top: 0;}
#fb-root {}
.twitter-share {position: absolute; right: 100px;}
.headerprogramlink {position: absolute; right: 300px; bottom: 10px;}

.top-row {display: inline-block;}

/*---Content Left---*/
#content-left {float: left; margin-right: 10px; width: 320px;}

/*---Content Right---*/
#content-right {float: left; position: relative; width: 100%;}
#bottom-section.college #content-right {
    background-image: url('/_layouts/images/ChicagoCityColleges.com/top-shadow.png');
    background-repeat: no-repeat;
    background-position-x:50%;
    background-position-y:-12px;
}

/*---Bottom Section---*/
.edit-mode #bottom-section {display: none;}
/*#bottom-section {background: url("/_layouts/images/ChicagoCityColleges.com/switcher-images/flipper-divider.png") no-repeat scroll center 10px transparent; display: inline-block; margin: 0 0 10px; padding-top: 0;}*/
#bottom-section.college {background: none;}
/*---Faculty & Staff---*/
.faculty-staff h2 {border-bottom: 1px dotted; padding-bottom: 5px;}
.faculty-staff p {margin: 2px 0;}

/*---Accordion---*/




#accordion h2.ui-accordion-header {background-image: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png"); background-position: bottom left; padding: 5px;}
#accordion h2.ui-state-active {}
#accordion .ui-accordion-content {max-height: 174px; overflow: hidden; padding: 10px;}

#accordion.district-accordion h2.ui-accordion-header {background-image: none; border-top: none; margin: 0; padding: 0;}

#accordion.district-accordion h2.first.ui-accordion-header a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll 0 0px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}
#accordion.district-accordion h2.first.ui-state-active a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll -310px 0px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}

#accordion.district-accordion h2.second.ui-accordion-header a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll 0 -40px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}
#accordion.district-accordion h2.second.ui-state-active a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll -310px -40px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}

#accordion.district-accordion h2.third.ui-accordion-header a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll 0 -80px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}
#accordion.district-accordion h2.third.ui-state-active a {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg.png") no-repeat scroll -310px -80px transparent; display: block; font-size: 0; height: 40px; line-height: 0; text-indent: -9999px;}





/*---Accordion Edit Mode---*/
.understand-your-options .ms-formfieldlabelcontainer,
.take-the-first-step .ms-formfieldlabelcontainer,
.achieve-your-goal .ms-formfieldlabelcontainer {display: none;}

.understand-your-options .ms-formfieldcontainer,
.take-the-first-step .ms-formfieldcontainer,
.achieve-your-goal .ms-formfieldcontainer {border: 1px solid #CCCCCC; min-height: 100px;}

.understand-your-options .ms-formfieldvaluecontainer,
.take-the-first-step .ms-formfieldvaluecontainer,
.achieve-your-goal .ms-formfieldvaluecontainer {border: medium none; height: 200px; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0;}

.understand-your-options textarea, .take-the-first-step textarea, .achieve-your-goal textarea {width: 290px;}

.understand-your-options {}
.understand-your-options .accordion-fields {height: 20px; margin: 10px 0;}
.understand-your-options .accordion-fields input {width: 95%;}
.take-the-first-step {}
.achieve-your-goal {}

/*---Main Media Section---*/
.edit-mode .media-section.hide {display:block !important;}
.media-section {min-height: 15px;}
.media-section .gallery {border-bottom: 1px dotted #0065A4; border-top: 1px dotted #0065A4; color: #676767; display: inline-block; font-size: 15px; margin: 10px 0; max-width: 675px; padding: 15px 0 20px; position: relative; width: 100%;}
.media-section .video-container {float: left; margin-right: 15px;
                                 position: relative;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');                               
}
.media-section .image-container {display: table;}
.media-section .vComments {display: table-cell; vertical-align: middle;}
.media-section .video-wrapper {display: table;}


.gallery.WP {position: relative; width: 200px;}
a.PlayButton {background-color: transparent; background-image: url("/_layouts/images/ChicagoCityColleges.com/arrow.png"); bottom: 0; display: block; font-size: 0; height: 22px; line-height: 0; position: absolute; right: 0; text-indent: -9999px; width: 22px;}

a.PlayButton:hover {background-position: 0 50px;}


.media-section a.youtubevideo {}
.media-section .image-container img {width: auto; border: none; float: left; margin-right: 15px; height: auto; max-height: 200px; max-width: 300px;
    -moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  
                                   }

.Newsholder {margin-bottom: 10px;}
.Newsholder .News {padding: 5px 0;}
.Newsholder .News .Newsdate {color: #676767; display: inline-block; float: left;}

.right-col-block .Newsholder {}
.right-col-block .Newsholder .News {}
.right-col-block .Newsholder .News .Newsdate {}

.Eventsholder {margin-bottom: 10px;}
.Eventsholder .Events {padding: 5px 0;}
.Eventsholder .Events .Eventsstartdate {color: #676767;}
.Eventsholder .Events .Eventsenddate {color: #676767; display: inline-block; float: left; margin-right: 3px;}

.right-col-block .Eventsholder {}
.right-col-block .Eventsholder .Events {display: inline-block; width: 100%;}
.right-col-block .Eventsholder .Events .calendar {background-image: url("/_layouts/images/ChicagoCityColleges.com/calendar-icon.png"); display: block; float: left; font-size: 14px; height: 43px; line-height: 18px; margin-right: 10px; padding: 0 5px 0 1px; text-align: center; text-transform: uppercase; width: 39px;}
.right-col-block .Eventsholder .Events .Eventsstartdate {float: left; padding-right: 3px;}
.right-col-block .Eventsholder .Events .Eventsenddate {display: block; float: none;}
.right-col-block .Eventsholder .Events .Eventstilelink {display: inline-block; margin-left: 0; width: 170px;}

.Eventstilelink {display: inline-block; margin-left: 20px;}
.Newstilelink {margin-left: 55px;}


.ms-WPHeader .ms-wpTdSpace {display: none;}

/*---Search Autocomplete---*/
.autocomplete {background-color: #EEEEEE; border: 1px solid; display: block; margin-top: 2px; max-height: 300px; min-width: 200px; width: auto !important; padding: 3px;}
.autocomplete .selected {background-color: #fdfdfd; cursor: pointer;}

/*---Department Services List Page---*/
.list-iwantto {background-image: url("/_layouts/images/ChicagoCityColleges.com/listpage-iwantto.png"); background-position: left center; background-repeat: no-repeat; display: block; font-size: 0; height: 90px; line-height: 0; text-indent: -9999px; width: 268px;}
.view-all-services {bottom: 10px; position: absolute; right: 325px;}
.servicelist .top-bar {min-height: 98px;}
.servicelist .search-right {top: -80px; position: relative; float: right; padding-left: 15px; padding-right: 15px;}
.servicelist .award-name {font-weight: normal;}
.servicelist .search-result-entry {border-top: none;}
.servicelist .search-result-entry .result-title {border-bottom: 1px dotted; font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 15px; padding-bottom: 3px;}
.servicelist.search-page-wrapper #right-column {margin-right: 10px; position: relative; top: -80px; width: 250px;}
.servicelist hr {display: none;}
.servicelist .search-left {float: left; width: 660px;}



/*---College Services List Page---*/
.area-of-study-field select {width: 100%;}
.service-entry {}
.online-service-icon {font-size: 0; height: 14px; left: 10px; line-height: 0; position: absolute; text-indent: -9999px; width: 16px;}
.online-service-icon.True {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-onlineservice.png");}
.online-service-icon.False {}
.servicelist .list-fulldescription { padding-top: 5px !important; }
.servicelist .search-result-entry { padding-top: 5px !important; }

/*---College Google Map Page---*/
.narrative-google-map {border: 1px solid; margin-bottom: 50px;}
.satellites-wrapper {margin-top:10px;}

/*---Department List Page---*/
.letter-section {background-color: #ECEEEF; border: 1px solid #CCCCCC; margin-bottom: 10px; margin-top: 20px; padding-left: 10px;}
.letter-section a {display: inline-block; color: #45545f; font-size: 16px; font-weight: bold; margin: 5px 0;}
.letter-section a:hover {cursor: default; text-decoration: none !important;}
.jump-letters {border-bottom: 1px dotted; color: #45545F; display: block; font-size: 14px; padding: 10px 0; width: 100%;}
.jump-letters a {font-weight: bold;}

.department-list-item {}
.department-list-item .department-link {font-size: 14px; font-weight: bold;}
.department-list-item p {margin: 5px 0;}

.department-list-item .academic-image-wrapper {}
.department-list-item .academic-image-wrapper .academic-image {background-image: url("/_layouts/images/ChicagoCityColleges.com/graduation-cap.png"); float: left; font-size: 0; height: 15px; line-height: 0; margin-right: 10px; width: 24px;}

/*---District College List Page---*/
.college-list-wrapper {width: 700px; float: left;}
.college-list-entry {border-bottom: 1px dotted #676767; display: inline-block; margin: 10px 0; padding: 0 0 10px; width: 100%;}
.college-list-entry .cl-left {display: inline-block; float: left; margin-right: 10px;}
.college-list-entry .cl-left .cl-logo {}
.college-list-entry .cl-left .cl-logo img {width: 50px;}
.college-list-entry .cl-right {margin-left: 60px;}
.college-list-entry .cl-right .cl-title {font-size: 16px; font-weight: bold; margin: 0 0 3px;}
.college-list-entry .cl-right .cl-address {color: #676767; display: inline-block; float: left; padding-right: 5px;}
.college-list-entry .cl-right .cl-map {border-left: 1px solid #676767; display: inline-block; padding-left: 5px;}
.college-list-entry .cl-right .cl-description {padding: 8px 0;}
.college-list-entry .cl-right .cl-satellites {display: inline-block; float: left;}
.college-list-entry .cl-right ul {display: inline-block; list-style: none outside none; margin-left: 15px; margin-top: 0; padding-left: 0;}
.college-list-entry .cl-right li {}
.college-list-entry .cl-right li a {}

/*---College News Search Page---*/
table.results-wrapper {}
#bottom-section.college #news .district-image-wrapper {display: none !important;}
#bottom-section.college #news .news-item-text-wrapper {border-bottom: 0; padding-left: 0;}
#bottom-section.college #news .news-item-text-wrapper .district-news-id {display: none !important;}
#bottom-section.college #news .news-item-text-wrapper .news-item-title {border-bottom: 1px dotted #CCC; font-size: 13px; font-weight: normal;}
#bottom-section.college #news .news-item-text-wrapper {padding-bottom: 0;}
.news-item-text-wrapper {border-bottom: 1px dotted; color: #333333; display: inline-block; padding-bottom: 10px; margin-left: 0; padding-top: 10px; padding-left: 50px; }
.news-item-text-wrapper.district {border-bottom: 1px dotted; margin-bottom: 0; margin-top: 0; padding-bottom: 10px; padding-left: 0; padding-top: 10px;}
.news-item-title {display: block; font-size: 14px; font-weight: bold; padding: 0 0 5px;}
.news-item-date {color: #666666;}
.district-image-wrapper {float: left; margin-top: 10px; min-height: 40px; position: absolute; width: 40px;}
.district-image {background-image: url("/_layouts/images/ChicagoCityColleges.com/district-image.png"); display: block; font-size: 0; height: 20px; line-height: 0; text-indent: -9999px; width: 27px;}

.preview-image {float: right; width: 75px;}
.preview-image img {width: 75px;}

/*---District Programs Search Page ---*/
.programfinder {}
.programfinder .filter-header {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-finder-header-top.png"); background-position: center top; background-repeat: no-repeat; background-size: 650px auto; position: relative; top: 20px; width: 650px;}
.programfinder .filter-header .filter-header-content {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-finder-header-mid.png"); display: inline-block; margin-top: 10px; padding: 5px 0 15px; position: relative; width: 100%;}
.programfinder .filter-header .filter-header-bottom {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-finder-header-bottom.png"); background-position: center bottom; background-repeat: no-repeat; display: block; font-size: 0; height: 5px; line-height: 0; width: 650px;}
.programfinder .filter-header .full-description {display: inline-block; margin: 5px 3%; position: relative; width: 94%;}
.programfinder .filter-header .select-a-program {}
.programfinder .filter-header .select-a-program .title {color: #44505d; font-size: 20px; line-height: 26px; width: 190px;}
.programfinder .filter-header .select-a-program .value {}
.edit-mode .programfinder .filter-header .full-description {background-color: #fff;}
.programfinder .filter-header .full-description p {margin: 5px 0;}
.programfinder .filter-header .select-a-program {display: inline-block !important; margin: 0 3%; position: relative; width: 94%;}
.edit-mode .programfinder .filter-header .select-a-program {display: none;}
.programfinder .filter-header .select-a-program h2 {float: left; margin: 0;}
.programfinder .filter-header .select-a-program select {margin-left: 20px; width: 250px;}
.programfinder .filter-wrapper {background-image: url("/_layouts/images/ChicagoCityColleges.com/career-bg-mid.png"); margin: 0 0 15px; padding: 40px 5px 5px; width: 640px;}
.programfinder .filter-wrapper-bottom {background-image: url("/_layouts/images/ChicagoCityColleges.com/career-bg-bottom.png"); background-position: center top; background-repeat: no-repeat; bottom: -5px; display: block; font-size: 0; height: 10px; left: -5px; line-height: 0; position: relative; text-indent: -9999px; width: 650px;}
.programfinder .filter-wrapper h2 {}
.programfinder .filter-wrapper h2.browse-program {color: #44505d; font-weight: bold !important; padding-left: 20px;}
.programfinder .programfinder-h1 {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-finder-title.png"); background-position: center bottom; background-repeat: no-repeat; display: inline-block; font-size: 0; height: 29px; line-height: 0; margin: 0; padding: 0; position: relative; text-indent: -9999px; width: 610px;}
.programfinder .filter-wrapper .select-a-program {visibility: hidden; position: absolute; text-indent: -9999px;}
.programfinder .flipper-left {display: inline-block; min-height: 100px; width: 100%;}
.programfinder .main-column h2 {font-size: 20px; font-weight: normal; padding-left: 20px;}
.programfinder .main-column .filter-wrapper .full-description {margin: 0 10px;}


.inside-entry-wrapper {border-bottom: 1px dotted; display: inline-block; margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 100%;}
.search-left {float: left; width: 100%;}
.search-result-entry {color: #45545F; padding: 15px 0 20px;}
.search-result-entry .selected-area-of-study {background-color: #EEEEEE; display: block; font-weight: bold; height: auto; line-height: 30px; margin: 0 0 20px; padding-left: 10px;}
.search-result-entry .entry-result {display: inline-block; width: 100%;}
.search-result-entry .result-title {font-size: 16px; font-weight: bold;}
.search-result-entry p {margin: 15px 0;}
.search-result-entry p.entry-description {margin: 5px 0 15px 0;}
.search-result-entry a {display: inline-block; font-size: 14px; font-weight: bold !important; margin-bottom: 0; padding-left: 15px;}
.search-result-entry a.email {padding-left: 0;}
.search-result-entry a.award-name {display: block; padding-left: 45px;}

.search-result-entry .staff-phone a {color: #45545F; font-size: 12px; font-weight: normal !important; padding-left:0;}

.entry-wrapper .award-name {}
.search-result-entry .offered-at {background-color: #FFFFFF; left: 0; line-height: 25px; position: absolute; width: 66px;}
.search-result-entry .offered-at-wrapper {display: inline-block; padding-left: 80px; padding-top: 5px; position: relative;}

.inside-entry-wrapper .program-category {display: block; float: left; height: 50px; width: 50px;}
.inside-entry-wrapper .program-category img {max-height: 35px; width: auto;}

.search-left .pager-wrapper {margin-bottom: 20px; position: relative; text-align: center; width: 100%;}
.search-left .pager {display: inline-block;}
.search-left .pager .pager-current {display: inline-block; padding: 0 5px;}
.search-left .pager .pager-link {display: inline-block; padding: 0 5px;}
.search-left .pager .pager-current .pager-text {}
.search-left .pager .pager-current {font-weight: bold;}
.search-left .pager-size {position: absolute; right: 10px;}
.search-left .staff-directory.search-result-entry .result-entry .staff-photo img {width: 100px;}


/*
.search-result-entry a.Richard-J-Daley-icon {background-position: 0 0px;}
.search-result-entry a.Kennedy-King-icon {background-position: 0 -27px;}
.search-result-entry a.Malcolm-X-icon {background-position: 0 -55px;}
.search-result-entry a.Olive-Harvey-icon {background-position: 0 -83px;}
.search-result-entry a.Harry-S-Truman-icon {background-position: 0 -111px;}
.search-result-entry a.Harold-Washington-icon {background-position: 0 -139px;}
.search-result-entry a.Wilbur-Wright-icon {background-position: 0 -167px;}
*/

a.college-name {display: block; float: left; font-size: 0; font-weight: normal; height: 25px; line-height: 0; margin-right: 10px; padding: 0; position: relative; text-indent: -9999px; width: 25px;}
img.college-icon-sm {left: 0px; position: absolute;}
.offered-at {background-color: #FFFFFF; left: 0; line-height: 25px; position: absolute;}
.offered-at-wrapper {padding-left: 60px; position: relative;}




/*---College Program Search Page---*/
.entry-wrapper {border-bottom: 1px dotted; margin-bottom: 15px; padding-bottom: 10px;}
.college-program-wrapper {display: inline-block; margin: 10px 0; width: 100%;}
.college-program-wrapper .program-category {display: block; float: left; height: 50px; width: 50px;}
.college-program-wrapper .program-category img {height: auto; max-width: 35px;}

.display-mode .Transfer.Pathway {display: block; font-weight: bold;}
.display-mode .Career.Pathway {display: none;}

.display-mode .gray-box .transfer-pathway {font-weight: bold; margin-bottom: 10px;}
.display-mode .gray-box .career-pathway {display: none;}

.display-mode .program-details .gray-box h2 {margin: 0;}

.large-icon.career-pathway {background-image: url("/_layouts/images/ChicagoCityColleges.com/large-career-pathway.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; float: left; font-size: 0; height: 35px; line-height: 0; margin-right: 10px; text-indent: -9999px; top: 0; width: 23px;}
.large-icon.transfer-pathway {background-image: url("/_layouts/images/ChicagoCityColleges.com/large-transfer-pathway.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; float: left; font-size: 0; height: 35px; line-height: 0; margin-right: 10px; text-indent: -9999px; top: 0; width: 19px;}

.pathway-option.career-pathway .small-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/small-career-pathway.png"); background-repeat: no-repeat; display: inline-block; font-size: 0; height: 25px; line-height: 0; margin-left: 10px; position: absolute; text-indent: -9999px; width: 22px;}
.pathway-option.transfer-pathway .small-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/small-transfer-pathway.png"); background-repeat: no-repeat; display: inline-block; font-size: 0; height: 25px; line-height: 0; margin-left: 10px; position: absolute; text-indent: -9999px; width: 22px;}

.result-entry {border-bottom: 1px dotted; margin-bottom: 10px;}
.result-entry .trend-icon {left: 10px; position: absolute;}
.xx{background-image: url("/_layouts/images/ChicagoCityColleges.com/trending-up.png"); display: inline-block; float: left; font-size: 0; height: 20px; line-height: 0; text-indent: -9999px; width: 22px;}

.search-left .search-result-entry .news-item-text-wrapper a.news-item-title {padding-left:0; display: block;}
#ctl00_PlaceHolderMain_newsSearch_upNewsResults .search-left .search-result-entry {padding: 0 0 20px;}

.search-shadow-top {background-image: url("/_layouts/images/ChicagoCityColleges.com/search-shadows.png");}
.search-shadow-bottom {background-image: url("/_layouts/images/ChicagoCityColleges.com/search-shadows.png"); background-position: right bottom; margin-top: 20px;}

.search-page-wrapper #right-column {float: right; font-size: 13px; margin-right: 20px; width: 240px;}

#right-column .search-right .date-picker.no-feature {margin-top: 40px;}
#right-column .search-right .date-picker {margin-bottom: 13px; margin-top: 66px;}
#right-column .search-right .date-picker .ui-datepicker .ui-datepicker-title {line-height: 1.6em;}
#right-column .search-right .date-picker .ui-datepicker .ui-datepicker-prev, 
#right-column .search-right .ui-datepicker .ui-datepicker-next {height: 1.4em;}
#right-column .search-right .ui-datepicker .ui-datepicker-header {padding: 0;}
#right-column .search-right .ui-datepicker th {padding: 0;}
#right-column .search-right .ui-datepicker td span, 
#right-column .search-right .ui-datepicker td a {padding: 1px;} 
#right-column .search-right .ui-datepicker table {font-size: 10px;}

/*---Staff Directory---*/
	h1.staff-directory {color: #676767; margin-bottom: 0;}
	.staff-directory.search-result-entry {min-height: 300px; padding: 5px 0 20px;}
	.staff-directory .result-entry {border-bottom: none; border-top: 1px dotted; display: inline-block; padding: 10px 0; position: relative; width: 100%;}
	.staff-directory .result-entry .result-label {display: inline-block; float: left; font-weight: bold; width: 95px;}
	.staff-directory .result-entry .result-value {display: inline-block;}
	.staff-directory .result-entry .line-item {display: block; margin-left: 10px; padding: 1px 0;}
	.staff-directory .result-entry .staff-photo 
	{
	    background-image: url("/_layouts/images/ChicagoCityColleges.com/missing-photo.png");
        background-repeat: no-repeat;
        background-size: 100px auto;
        display: inline-block;
        float: left;
        margin-right: 20px;
        min-height: 125px;
        min-width: 100px;
        overflow: hidden;
	}
	.staff-directory .result-entry .staff-photo img {
	height: 125px; min-width: 100px; margin: 2px 8px 8px 2px; width: auto;
	    -moz-box-shadow: 3px 3px 4px #000;
	    -webkit-box-shadow: 3px 3px 4px #000;
	    box-shadow: 3px 3px 4px #000;
	    /* For IE 8 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	    /* For IE 5.5 - 7 */
	    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  
	}
	.staff-directory .result-entry .staff-full-name {display: block; margin-bottom: 10px;}
	.staff-directory .result-entry .staff-full-name a {padding-left: 0;}
	.staff-directory .result-entry .staff-title {}
	.staff-directory .result-entry .staff-location {}
	.staff-directory .result-entry .staff-phone {}
	.staff-directory .result-entry .staff-email {}
	
	.staff-filter .field-title {}
	.staff-filter .search-criteria-field {}
	.staff-filter .search-criteria-field input {width: 245px;}
	#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-left {width: 685px;}
	
/*---Staff Details Page---*/
	h1.staff-full-name {border-bottom: 1px dotted #676767; color: #676767;}
		body.daley h1.staff-full-name {border-bottom: 1px dotted #B67C11;}
		body.kennedy h1.staff-full-name {border-bottom: 1px dotted #78052F;}
		body.olive-harvey h1.staff-full-name {border-bottom: 1px dotted #492F92;}
		body.malcolm-x h1.staff-full-name {border-bottom: 1px dotted #E31837;}
		body.truman h1.staff-full-name {border-bottom: 1px dotted #5E9732;}
		body.washington h1.staff-full-name {border-bottom: 1px dotted #E87D1E;}
		body.wright h1.staff-full-name {border-bottom: 1px dotted #754200;}
	
	h1.staff-full-name span {display: inline-block; margin-right: 10px;}

	h1.staff-full-name .firstname {}
	h1.staff-full-name .nickname {}
	h1.staff-full-name .lastname {}
	
	.staff-details {}
	.staff-details .page-content .staff-photo {background-image: url("/_layouts/images/ChicagoCityColleges.com/missing-photo.png"); background-repeat: no-repeat; background-size: 100px auto; display: inline-block; float: left; height: 100%; margin-right: 20px; min-height: 125px; min-width: 100px; padding-bottom: 5px; position: relative;}
	.staff-details .page-content .staff-photo img {height: 125px; min-width: 100px; margin: 2px 8px 8px 2px; width: auto;
	    -moz-box-shadow: 3px 3px 4px #000;
	    -webkit-box-shadow: 3px 3px 4px #000;
	    box-shadow: 3px 3px 4px #000;
	    /* For IE 8 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	    /* For IE 5.5 - 7 */
	    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  }
	.staff-details .page-content .staff-photo #ctl00_PlaceHolderMain_imgStaffPhoto__ControlWrapper_RichImageField {display: block !important; min-height: 130px;}	
	.staff-details .page-content .staff-photo .staff-social {bottom: 0; display: inline-block; position: relative; width: 110px;}
	.staff-details .page-content .staff-photo .staff-social a {display: block; float: left; font-size: 0; height: 19px; line-height: 0; margin: 3px; text-indent: -9999px; width: 19px;}
	.staff-details .page-content .staff-photo .staff-social .icon-facebook {background: url("/_layouts/images/ChicagoCityColleges.com/icon-facebook-off.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-youtube {background: url("/_layouts/images/ChicagoCityColleges.com/icon-youtube-off.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-twitter {background: url("/_layouts/images/ChicagoCityColleges.com/icon-twitter-off.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-tumblr {background: url("/_layouts/images/ChicagoCityColleges.com/icon-tumblr-off.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-foursquare {background: url("/_layouts/images/ChicagoCityColleges.com/icon-foursquare.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-plus-google {background: url("/_layouts/images/ChicagoCityColleges.com/icon-google-plus.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-linkedin {background: url("/_layouts/images/ChicagoCityColleges.com/icon-linked-in.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content .staff-photo .staff-social .icon-pinterest {background: url("/_layouts/images/ChicagoCityColleges.com/icon-pinterest.png") repeat scroll 0 0 transparent; }
	.staff-details .page-content h3.staff-title {margin-bottom: 5px;}
	.staff-details .page-content .staff-departments {}
	.staff-details .page-content .staff-departments a {display: block;}
    .staff-details .page-content .staff-credentials {display: block;}
	.staff-details .page-content .staff-biography {display: block; min-height: 200px;}
	.staff-details .page-content .update-profile-link {}
	
	#right-column.staff-details {margin-top: 34px;}
	
	.content.spacer {display: inline-block; height: 10px; width: 100%;}
	
	body.edit-mode h1.staff-full-name {border-bottom: none;}
	body.edit-mode h1.staff-full-name span {display: inline;}
	body.edit-mode .staff-details span.hide {display: block !important;} 
	body.edit-mode .staff-details .page-content .staff-photo {background-image: none; float: none; height: auto; width: auto; margin-right: 0;}
	body.edit-mode .staff-details .page-content h3.staff-title {margin-left: 0;}
	body.edit-mode .staff-details .page-content .staff-department {margin-left: 0;}
	
/*---Calendar Color By College---*/
		body.daley #right-column .search-right .ui-widget-header {background-color: #B67C11; border: 1px solid #B67C11;}
		body.kennedy #right-column .search-right .ui-widget-header {background-color: #78052F; border: 1px solid #78052F;}
		body.olive-harvey #right-column .search-right .ui-widget-header {background-color: #492F92; border: 1px solid #492F92;}
		body.malcolm-x #right-column .search-right .ui-widget-header {background-color: #E31837; border: 1px solid #E31837;}
		body.truman #right-column .search-right .ui-widget-header {background-color: #5E9732; border: 1px solid #5E9732;}
		body.washington #right-column .search-right .ui-widget-header {background-color: #E87D1E; border: 1px solid #E87D1E;}
		body.wright #right-column .search-right .ui-widget-header {background-color: #754200; border: 1px solid #754200;}

		body.daley #right-column .search-right .ui-state-highlight, 
		body.daley #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #B67C11; border: 1px solid #666; color: #fff;}
		
		body.kennedy #right-column .search-right .ui-state-highlight, 
		body.kennedy #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #78052F; border: 1px solid #666; color: #fff;}
		
		body.olive-harvey #right-column .search-right .ui-state-highlight, 
		body.olive-harvey #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #492F92; border: 1px solid #666; color: #fff;}
		
		body.malcolm-x #right-column .search-right .ui-state-highlight, 
		body.malcolm-x #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #E31837; border: 1px solid #666; color: #fff;}
		
		body.truman #right-column .search-right .ui-state-highlight, 
		body.truman #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #5E9732; border: 1px solid #666; color: #fff;}
		
		body.washington #right-column .search-right .ui-state-highlight, 
		body.washington #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #E87D1E; border: 1px solid #666; color: #fff;}
		
		body.wright #right-column .search-right .ui-state-highlight, 
		body.wright #right-column .search-right .ui-widget-content .ui-state-highlight {background-color: #754200; border: 1px solid #666; color: #fff;}
		
#ui-datepicker-div.ui-datepicker {width: 14em;}
#ui-datepicker-div.ui-datepicker .ui-widget-header {background-color: #999; border: 1px solid #999;}
#ui-datepicker-div .date-picker {margin-bottom: 13px; margin-top: 66px;}
#ui-datepicker-div .date-picker .ui-datepicker .ui-datepicker-title {line-height: 1.6em;}
#ui-datepicker-div .date-picker .ui-datepicker .ui-datepicker-prev, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {height: 1.4em;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {padding: 0;}
#ui-datepicker-div.ui-datepicker th {padding: 0;}
#ui-datepicker-div.ui-datepicker td span, 
#ui-datepicker-div.ui-datepicker td a {padding: 1px;} 
#ui-datepicker-div.ui-datepicker table {font-size: 10px;}

#ui-datepicker-div.ui-datepicker .ui-state-highlight, 
#ui-datepicker-div.ui-datepicker .ui-widget-content .ui-state-highlight {background-color: #ccc;}

.employee-directory .search-right {margin-top: 35px;}

.search-right {color: #333; float: left; margin-bottom: 20px; overflow: visible; padding-left: 25px; width: 250px;}
.search-right .search-short-desc {margin: 10px 0;}
.search-right .field-title {color: #676767; font-weight: bold; font-size: 14px; padding: 5px 0;}
.search-right .search-criteria {margin: 15px 0;}
.search-right .keyword-field input {width: 250px;}
.search-right .search-criteria select {width: 250px; margin-bottom: 10px;}
.search-right .search-checkbox input {float: left;}
.search-button-wrapper {display: inline-block;}
.search-button-wrapper a.advanced-search {display: inline-block; font-weight:bold; line-height: 20px; margin: 5px 0; padding-right: 13px;}
.search-right h2 {background-image: url("/_layouts/images/ChicagoCityColleges.com/mag-glass.png"); background-position: right center; background-repeat: no-repeat; border-bottom: none !important; color: #676767; display: inline-block; font-size: 20px; line-height: 20px; margin: 5px 0; padding-right: 25px;}
.apply-search-button {float: left; margin: 0 0 10px;}
.apply-search-button input {padding: 0;}
.search-right .down-arrow {background-image: url("/_layouts/images/ChicagoCityColleges.com/up-down-arrows.png"); background-position: right bottom; background-repeat: no-repeat; position: relative;}
.search-right .up-arrow {background-image: url("/_layouts/images/ChicagoCityColleges.com/up-down-arrows.png"); background-position: right top; background-repeat: no-repeat; position: relative;}

#district-events #right-column {padding-top: 0;}
#district-events #right-column .search-right .date-picker {margin-top: 0;}
#right-column .search-right {padding-left: 0;}
#right-column .search-right .keyword-field input {width: 240px;}

/*---Right Column---*/
#hours textarea {width: 95% !important; height: 100px !important;}
#right-column {float: right; font-size: 13px; margin-right: 20px; padding-top: 20px; width: 250px;}
#right-column .email {margin: 0;}
#right-column .email a {background: url("/_layouts/images/ChicagoCityColleges.com/icon-email.png") no-repeat scroll left center transparent; color: #0065a4; display: block; padding-left: 20px;}
.right-col-content .address {display: inline-block; margin-top: 15px;}

.right-col-block {margin-bottom: 10px; padding-bottom: 10px;}
.right-col-block .content ul {padding-left: 0; margin: 0;}
.right-col-block .content ul a {padding: 3px 0 3px 10px !important; text-indent: -10px; display: inline-block;}
.right-col-block select {width: 100%;}
.right-col-block .random-image {margin: 25px 0 0; text-align: center;}
.right-col-block .random-image img {height: auto; max-width: 220px; width: 220px;}
.right-col-block .view-all-news {padding-top: 10px;}

#right-column input.ms-long {width: 180px;}

.right-col-content {display: inline-block; width: 100%;}
.right-col-content .title {float: left;}
.right-col-content .content {}
.right-col-block .service-links a {display: block !important;}
.right-col-block .links a {padding-left: 10px !important; text-indent: -10px; display: inline-block;}

.right-col-block .rich-html li {margin-left: 15px;}

.right-col-block #iwantto {background-image: url("/_layouts/images/ChicagoCityColleges.com/infoblock-right.png"); background-position: left bottom; background-repeat: no-repeat; clear: both; float: left; margin-bottom: 20px; margin-top: 20px; padding: 30px 0 5px 95px; position: relative; width: 153px;}
.right-col-block #iwantto .top-image {background-image: url("/_layouts/images/ChicagoCityColleges.com/iwantto-right.png"); height: 17px; width: 111px;}
.right-col-block #iwantto li.dfwp-item a {font-size: 12px;}
.right-col-block #iwantto .item {padding: 0 0 3px 0;}
.right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/bullet-right.png");}

.edit-mode #contact-info.right-col-block.hide{display:block !important;}

.home-left-wrapper .right-col-block  .QuickLinks a.iwantto-viewallitem, 
.right-col-block .QuickLinks a.iwantto-viewallitem {display: none !important;}

.home-left-wrapper .right-col-block .QuickLinks {width: 250px;}

.right-col-block .QuickLinks {display: inline-block;}
.right-col-block.summary.hide.ql {display: none !important;}
.right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/ql-district.png"); background-position: center top; background-repeat: no-repeat; padding-top: 50px;}
body.daley .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/quicklink.png");}
body.kennedy .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/quicklink.png");}
body.malcolm-x .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/quicklink.png");}
body.olive-harvey .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/quicklink.png");}
body.truman .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/quicklink.png");}
body.washington .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/quicklink.png");}
body.wright .right-col-block .QuickLinks {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/quicklink.png");}

.edit-mode .right-col-block .QuickLinks ul {background-image: none; padding-top: 0;}
.right-col-block .QuickLinks ul li {background-image: url("/_layouts/images/ChicagoCityColleges.com/ql-body.png"); background-position: center center; background-repeat: repeat-y;}
.right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/bullet.png"); background-position: left 5px; background-repeat: no-repeat; border-bottom: 1px dotted; display: inline-block !important; margin: 3px 10px; padding: 3px 0 3px 30px !important; width: 200px;}
.right-col-block .QuickLinks ul.view-all {background-image: url("/_layouts/images/ChicagoCityColleges.com/ql-footer.png"); background-position: center bottom; background-repeat: no-repeat; display: block; padding-bottom: 10px;}
.edit-mode .right-col-block .QuickLinks .footermarker {background-image: none; height: 10px;}

body.daley .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/bullet.png");}
body.kennedy .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/bullet.png");}
body.malcolm-x .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/bullet.png");}
body.olive-harvey .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/bullet.png");}
body.truman .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/bullet.png");}
body.washington .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/bullet.png");}
body.wright .right-col-block .QuickLinks ul li a {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/bullet.png");}

body.daley .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/daley/bullet-right.png");}
body.kennedy .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/bullet-right.png");}
body.malcolm-x .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/bullet-right.png");}
body.olive-harvey .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/bullet-right.png");}
body.truman .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/truman/bullet-right.png");}
body.washington .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/washington/bullet-right.png");}
body.wright .right-col-block #iwantto table li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/wright/bullet-right.png");}

body.edit-mode .right-col-block .links .ms-selectorlink a {display: inline; padding-left: 0 !important; text-indent: 0 !important;}

/*---Address Comma---*/
.comma {}
body.edit-mode .comma {display: none;}

.awardEntry a {margin-left: 20px;}

/*---Career Page---*/
.program-options.career-page .program-entry {float: left; margin-bottom: 10px; margin-right: 40px; width: 295px;}
.program-options.career-page .program-entry h2 {border-bottom: 1px dotted; color: #000000; font-size: 14px;}

.program-options {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-options-shadow-top.png"); background-repeat: no-repeat; background-size: 100% auto; padding-top: 20px; margin: 30px 0;}
.program-options h2.po-title {border-bottom: 2px solid #0065a5; margin-bottom: 10px; padding-bottom: 5px;}
.program-options h2 {}
.program-options .program-list {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-options-shadow-bottom.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; padding-bottom: 30px; width: 675px;}
.college-to-careers {background-image: url("/_layouts/images/ChicagoCityColleges.com/c2c.png"); background-repeat: no-repeat; background-size: 30px auto; float: left; font-size: 0; height: 30px; line-height: 0; text-indent: -9999px; width: 30px; margin: 10px 10px 0 0;}
.gray-box-wrapper {margin: 20px 0;}
.gray-box-wrapper .program-list {}
.gray-box-wrapper .program-list h2 {font-size: 14px; margin: 3px 0;}
.gray-box-wrapper .program-list a {padding-left: 5px;}
.gray-box-wrapper .program-list .program-entry {padding-bottom: 10px;}
.gray-box-wrapper .program-list .program-entry .program {}

.gray-box-top {background: url("/_layouts/images/ChicagoCityColleges.com/details-bg-top.png") no-repeat scroll center top transparent; height: 9px; width: 675px;}
.gray-box-bottom {background: url("/_layouts/images/ChicagoCityColleges.com/details-bg-bottom.png") no-repeat scroll center bottom transparent; height: 9px; width: 675px;}
.gray-box {background: url("/_layouts/images/ChicagoCityColleges.com/details-bg.png") repeat-y scroll 0 0 transparent; padding: 5px 10px;}
.gray-box h2 {margin: 0 0 10px;}
.gray-box .minimum-degree-required {padding: 0 5px;}
.gray-box .starting-salary {padding: 5px;}
.gray-box .median-salary {padding: 0 5px;}
.gray-box h4 {float: left; margin: 0; padding: 0 15px; text-align: right; width: 180px;}
.gray-box .content-wrapper {display: inline-block; padding: 2px 0; width: 100%;}
h2.section-title {border-bottom: 1px dotted #DDDDDD; margin: 20px 0 0; padding-bottom: 6px;}

.gray-box .salary-description {padding: 10px 5px;}
.gray-box .salary-description p {margin: 0;}
.gray-box a {}

.gray-box ul {margin: 0; padding-left: 210px;}
.gray-box li {list-style: none; padding-bottom: 4px;}

.right-col-block .program-entry h2 {border-bottom: medium none !important; font-size: 12px; font-weight: bold !important; margin: 10px 0 0 !important;}
.right-col-block .program-entry .program a {display: inline-block; padding-left: 15px;}

.edit-mode .starting-salary {display: block;}
.starting-salary {display: none;}
.edit-mode .education-required-selection-hide {display: block;}
.education-required-selection-hide {display: none;}

/*---New Programs Section 10/10/2012---*/
.program-title-section {}
.program-title-section h1 {line-height: 45px; padding-left: 55px; position: relative;}
.program-title-section h1.no-icon {padding-left: 0;}
.edit-mode .program-title-section h1 {padding-left: 0;}
.program-title-section .required {}
.program-title-section .area-of-study-icon {display: inline-block; left: 0; position: absolute;}
.program-title-section .area-of-study-icon img {max-width: 45px;}

.course-details {display: inline-block; margin-left: 20px;}
.course-details .course-title {color: #0065A4; display: inline-block; font-size: 13px; font-weight: bold; width: 475px;}
.course-details .course-title:hover {cursor: pointer; text-decoration: underline;}
.course-details .course-desc {display: none; padding-left: 100px; width: 445px;}
.course-details .course-desc .search-result-entry {display: inline-block; padding: 5px 0; width: 100%;}
.course-with-number {clear: left; float: left; width: 100px;}
.course-subject {display: inline-block; float: left; padding-right: 5px;}
.minimum-credit-hours {background-color: #F6F6F6; display: block; margin: 10px 0; padding: 2px 0;}
.minimum-credit-hours .course-title {display: inline-block; font-weight: bold; width: 550px;}
.minimum-credit-hours .course-credit-hours {font-weight: bold;}

.edit-mode .tot-min-cred {display: none;}
.tot-min-cred {display: inline-block; font-size: 14px; font-weight: bold; margin: 10px 0; position: relative; width: 100%;}
.tot-min-cred .label-text {float: left; font-size: 16px;}
.tot-min-cred .credit-hr-num {font-size: 16px; padding-left: 600px;}

.edit-mode .courses-title {display: none;}
.courses-title {background-color: #EEEEEE; display: inline-block; margin: 20px 0 0; padding-left: 5px; position: relative; width: 100%;}
.courses-title h2 {float: left;}
.courses-title .print-courses {background: url("/_layouts/images/ChicagoCityColleges.com/icon-program-print.png") no-repeat scroll 90px center transparent; color: #0065A4; cursor: pointer; font-weight: bold; line-height: 30px; padding-right: 15px; position: absolute; right: 65px; text-align: right; width: 235px;}
.courses-title .print-options {background-color: #EEEEEE; display: none; font-weight: normal; position: absolute; right: 0; text-align: left; top: 30px; z-index: 9999;}
.courses-title .print-options .print-desc {border-top: 1px solid #FFFFFF; color: #676767; padding: 0 10px;}
.courses-title .print-options .print-desc:hover {cursor: pointer; text-align: left; text-decoration: underline;}
.courses-title .print-options .print-no-desc {border-top: 1px solid #FFFFFF; color: #676767; padding: 0 10px;}
.courses-title .print-options .print-no-desc:hover {cursor: pointer; text-decoration: underline;}

.courses-title .plus {background: url("/_layouts/images/ChicagoCityColleges.com/icon-plus.png") no-repeat scroll center center transparent; border: 1px solid #CCCCCC; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; position: absolute; right: 10px; text-indent: -9999px; top: 4px; width: 20px;}
.courses-title a.plus:hover {text-decoration: none !important;}
.courses-title .minus {background: url("/_layouts/images/ChicagoCityColleges.com/icon-minus.png") no-repeat scroll center center transparent; border: 1px solid #CCCCCC; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; position: absolute; right: 40px; text-indent: -9999px; top: 4px; width: 20px;}
.courses-title a.minus:hover {text-decoration: none !important;}

.program-details .program-inside-wrapper {}
.program-details .program-inside-wrapper .extended-course-subject {color: #676767; display: block; font-size: 14px; font-weight: bold; padding: 10px 0 5px;}
.program-details .lower-title {position: relative;}
.program-details .lower-title h2 {}
.edit-mode .program-details .lower-title .credit-wrapper {position: relative; left: 0;}
.program-details .lower-title .credit-wrapper {color: #676767; font-size: 16px; left: 585px; line-height: 20px; position: absolute; top: 0;}
.program-details .lower-title .course-credit-hours {font-weight: bold;}
.program-details .lower-title .ch {font-weight: bold;}
.edit-mode .program-details .lower-title .ch {display: none;}
.right-col-block.disclaimer {display: none;}
.course-desc .course-prereq {display: inline-block; min-height: 25px; line-height: 25px; position: relative; width: 100%;}
.course-desc .course-prereq .prereq-txt {display: block; line-height: 20px; padding-left: 100px;}
.course-desc .course-iai {clear: both; display: block; font-weight: bold;}
.offered-at-text {color: #000000; display: inline-block; float: left; font-weight: bold; height: 20px; line-height: 20px; width: 100px;}

/*--Minimum Education Required--*/
.edit-mode .education-required-section {display: none;} 
.education-required-section {background-color: #EEE; padding: 0;}
.education-required-section .blue-arrow {background-image: url("/_layouts/images/ChicagoCityColleges.com/min-ed-req.png"); background-repeat: no-repeat; font-size: 0; height: 30px; line-height: 0; margin: 0; padding: 0 10px 2px 0; text-indent: -9999px; width: 665px;}
.education-required-section .blue-arrow .salary {font-size: 16px; line-height: 28px; margin: 2px 0; text-align: right; text-indent: 0;}
.education-required-section .blue-arrow .salary .bold {float: left; font-weight: bold; text-align: right; width: 605px;}

.education-required-section .blue-arrow.basic-cert.selected {background-color: #FFFFFF; background-position: -2px 0; padding: 0 185px 2px 0; width: 490px;}
.education-required-section .blue-arrow.basic-cert {background-position: -2px -126px;}
.education-required-section .blue-arrow.basic-cert.selected .salary {}
.education-required-section .blue-arrow.basic-cert.selected .salary .bold {width: 415px;}

.education-required-section .blue-arrow.advanced-cert.selected {background-color: #FFFFFF; background-position: -2px -30px; padding: 0 165px 2px 0; width: 510px;}
.education-required-section .blue-arrow.advanced-cert {background-position: -2px -156px;}
.education-required-section .blue-arrow.advanced-cert.selected .salary {}
.education-required-section .blue-arrow.advanced-cert.selected .salary .bold {width: 435px;}

.education-required-section .blue-arrow.assoc-degree.selected {background-color: #FFFFFF;  background-position: -2px -60px; padding: 0 145px 2px 0; width: 530px;}
.education-required-section .blue-arrow.assoc-degree {background-position: -2px -186px; background-repeat: no-repeat;}
.education-required-section .blue-arrow.assoc-degree.selected .salary {}
.education-required-section .blue-arrow.assoc-degree.selected .salary .bold {width: 455px;}

.education-required-section .blue-arrow.yr-degree.selected {background-color: #FFFFFF; background-position: -2px -90px; height: 30px; padding: 0 120px 2px 0; width: 555px;}
.education-required-section .blue-arrow.yr-degree {background-position: -2px -216px; height: 30px;}
.education-required-section .blue-arrow.yr-degree.selected .salary {}
.education-required-section .blue-arrow.yr-degree.selected .salary .bold {width: 480px;}

/*---CareerFinder Search Page---*/
.careerfinder {}
.careerfinder .top-bar {}
.careerfinder .top-bar h1 {}
.careerfinder #bottom-section {background: none; display: block;}

.careerfinder .image.gallery img {height: 75px; max-width: 75px;}

.careerfinder .careerfinder-h1 {background-image: url("/_layouts/images/ChicagoCityColleges.com/career-finder-title.png"); background-position: center bottom; background-repeat: no-repeat; display: block; font-size: 0; height: 24px; line-height: 0; padding: 10px 10px 0; text-indent: -9999px; width: 214px;}
.careerfinder .careerfinder-description {padding: 0 10px 10px;}

.careerfinder #main-column {max-width: 975px !important;}
.careerfinder #main-column .filter-wrapper {background-image: url("/_layouts/images/ChicagoCityColleges.com/career-bg.png"); background-repeat: no-repeat; background-size: 650px 480px; height: 470px; margin: 20px 0 0; padding: 5px; width: 640px;}
.careerfinder #main-column h2 {font-size: 20px; font-weight: normal; padding-left: 10px;}

.careerfinder .careerFinderFilters {background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 10px 10px 10px; padding: 10px; position: relative;}

.careerfinder .filter-row {clear: left; min-height: 20px; padding: 5px 0;}
.careerfinder .title {color: #000; float: left; font-weight: bold; line-height: 20px; width: 140px;}
.careerfinder .career-search-button {position: absolute; right: 20px; bottom: 15px;}
.careerfinder .career-clear-selection {bottom: 15px; color: #0065A4; cursor: pointer; font-size: 12px; position: absolute; right: 150px;}
.careerfinder .career-clear-selection .clear-selection:hover {text-decoration: underline;}
.careerfinder .educationRequiredFilterValue {display: none;}

.careerfinder .careerFinderFilters .keywordFilterValue {}
.careerfinder .results-header {background-color: #EEEEEE; border: 1px solid #DDDDDD; height: auto; margin-top: 20px;}
.careerfinder .industry-title {color: #676767; display: block; font-size: 20px; font-weight: bold; line-height: 30px; max-width: 605px; padding: 0 10px;}
.careerfinder .search-left {margin-top: 20px; position: relative; width: 960px;}
.careerfinder .search-left .career-sort-option {height: 20px; padding: 5px; position: relative; right: 0; text-align: right; top: 0px;}
.careerfinder .search-left .career-sort-option .text {float: left; margin-right: 15px; position: absolute; right: 220px;}

.careerfinder .educationRequiredDiv {display: block; height: 36px; margin-left: 140px; position: relative; width: 463px;}
.careerfinder .educationRequiredDiv span {background: url("/_layouts/images/ChicagoCityColleges.com/ed-req.png") repeat-x scroll 0 0 transparent; display: block; float: left; font-size: 0; height: 36px; line-height: 0;}
.careerfinder .educationRequiredDiv span.zero {display:none;}

.careerfinder .educationRequiredDiv span.one {background-position: 0 0; left: 0; position: absolute; width: 126px; z-index: 4;}
.careerfinder .educationRequiredDiv span.one:hover {cursor: pointer;}
.careerfinder .educationRequiredDiv span.one.selected {background-position: 0 -37px;}

.careerfinder .educationRequiredDiv span.two {background-position: -127px 0; left: 111px; position: absolute; width: 127px; z-index: 3;}
.careerfinder .educationRequiredDiv span.two:hover {cursor: pointer;}
.careerfinder .educationRequiredDiv span.two.selected {background-position: -127px -37px;}

.careerfinder .educationRequiredDiv span.three {background-position: -237px 0; left: 207px; position: absolute; width: 144px; z-index: 2;}
.careerfinder .educationRequiredDiv span.three:hover {cursor: pointer;}
.careerfinder .educationRequiredDiv span.three.selected {background-position: -237px -37px;}

.careerfinder .educationRequiredDiv span.four {background-position: -382px 0; left: 338px; position: absolute; width: 125px; z-index: 1;}
.careerfinder .educationRequiredDiv span.four:hover {cursor: pointer;}
.careerfinder .educationRequiredDiv span.four.selected {background-position: -382px -37px;}

.careerfinder .result-entry {padding: 5px 0 10px 45px;}
.careerfinder .result-entry div.district-image {background-image: url("/_layouts/images/ChicagoCityColleges.com/c2c.png"); background-repeat: no-repeat; float: left; height: 35px; left: 0; margin-left: 0; margin-top: 5px; position: absolute; width: 35px;}
.careerfinder .result-entry .entry-result{display: inline-block; position: relative; width: 100%;}
.careerfinder .result-entry .entry-result .result-title a {font-size: 16px; line-height: 24px; padding-left: 0;}
.careerfinder .result-entry .entry-result .description {clear: both; display: block; font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif !important; font-size: 13px;}
.careerfinder .result-entry .entry-result .industry {clear: both; display: block;}
.careerfinder .result-entry .entry-result .industry-info {clear: both; display: block; padding: 5px; width: 435px;}
.careerfinder .result-entry .entry-result .industry .industry-info-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/info.png"); display: block; float: left; font-size: 0; height: 15px; line-height: 0; margin: 0 0 0 5px; position: relative; text-indent: -9999px; width: 15px;}
.careerfinder .result-entry .entry-result .industry .industry-name {float: left; max-width: 325px;}
.careerfinder .result-entry .entry-result .industry-info .close {background-color: transparent; background-image: url("/_layouts/images/ChicagoCityColleges.com/close.png"); background-position: left center; background-repeat: no-repeat; cursor: pointer; font-size: 0; height: 20px; line-height: 0; text-indent: -9999px;}
.careerfinder .result-entry .entry-result .salary {clear: both; display: block;}
.careerfinder .result-entry .entry-result .degree {clear: both; display: block;}
.careerfinder .result-entry .entry-result .degree .title {float: left;}
.careerfinder .result-entry .entry-result .result-title {}

.careerfinder .shadow-bottom {padding-bottom: 0;}

/*---MicroSite Home Page---*/
.microsite {float:left;}
.microsite h1 {font-family: oswaldlight; font-size: 32px; padding: 13px 0 5px;}
.microsite h2 {font-family: oswaldlight; font-size: 20px; color: #45545f}
.microsite body {font-family: Arial;}
#h2 input.ms-long {width: 215px;}

.microsite .micro-left-column {float:left; width:250px; padding:10px; background-color: #EEEEEE; min-height:1000px; margin-top: 20px;}
.microsite .micro-left-column h2 {border-bottom-style: solid; border-bottom-color: #0072BC; padding-bottom:5px; padding-top:20px;}
body.truman .microsite .micro-left-column h2 {border-bottom: 1px dotted #5E9732;}
.microsite .micro-left-column .micro-title h2 {padding: 5px; border-bottom-style: none; padding-bottom:5px; background-color: darkslategray; color:white;}
.microsite .micro-left-column .micro-title ul {list-style-type: none; margin-left: -35px; font-family: oswaldlight; font-size: 16px; color:darkslategray;}
.microsite .micro-left-column .micro-title li {padding-bottom: 8px;}
.microsite .micro-left-column .micro-title li:before {content: "> \0020 \0020"; color:#0072BC; font-size: 24px;}
.microsite .micro-left-column .page-content .page-content ul {list-style-type: none;  font-family: oswaldlight; font-size: 16px; color:darkslategray; margin-left: -35px;}
.microsite .micro-left-column .page-content .page-content li {padding-bottom: 8px;}
/*.microsite .micro-left-column .page-content .page-content .button-link {display: block; padding-top: 15px; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}*/
/*.microsite .micro-left-column .page-content .page-content .button-link {display: block; padding-top: 15px; text-decoration:none; background-color: #0065A4; moz-border-radius: 15px; -webkit-border-radius: 15px; border: 5px solid #0065A4; padding: 5px;}*/
/*.microsite .micro-left-column .page-content .page-content .button-link:hover{opacity: 0.6; }*/
.microsite .micro-left-column .page-content .page-content .button-link a{display: block; width: 85%; padding: 15px; background: #25A6E1; color:white; text-decoration:none; -webkit-border-radius: 15px; border: 5px solid #25A6E1;}
.microsite .micro-left-column .page-content .page-content .button-link a:hover{opacity: 0.6;  text-decoration:none !important; }
.microsite .micro-left-column .page-content .page-content .button-link ul {margin-left: -40px;}
/*.microsite .micro-left-column .page-content .page-content .button-link  a:hover{background: #356094 !important; text-decoration:none !important;}*/
.msbtn {display: block; width: 85%; font-size:16px;padding: 15px; background: #25A6E1; color:white !important; text-decoration:none; -webkit-border-radius: 15px; border: 5px solid #25A6E1;}
.msbtn:hover{opacity: 0.6;  text-decoration:none !important; }

/*.microsite .micro-left-column .page-content .page-content .button-link  a{display: block; width: 85%; padding: 15px; background: #0065A4; color:white; text-decoration:none;}*/
/*.microsite .micro-left-column .page-content .page-content .button-link  a:hover{background: #356094 !important; text-decoration:none !important;}*/

.microsite .micro-right-column {float:left; width:675px; padding:10px;}
.microsite .micro-right-column h2 {color:#0065A4; padding-top:20px; padding-bottom:10px;}
.microsite .micro-right-column .lower-title {clear:both;}
.microsite .micro-right-column .lower-description {float: left; width: 65%;}
.microsite .micro-right-column .callout {font-family: oswaldlight; float:right; width:25%; border:solid; background-color: darkslategray; color:white; padding:15px; font-size: 16px;}

/*---ProgramFinder Search Page---*/
.programfinder {}
.programfinder .top-bar {}
.programfinder .top-bar h1 {}
.programfinder #bottom-section {background: none; display: block;}

.programfinder .image.gallery img {height: 75px; max-width: 75px;}

.programfinder .programfinder-h1 {background-image: url("/_layouts/images/ChicagoCityColleges.com/program-finder-title.png"); background-position: center bottom; background-repeat: no-repeat; display: block; font-size: 0; height: 29px; line-height: 0; padding: 10px 20px 0; text-indent: -9999px; width: 246px;}
.programfinder .programfinder-description {padding: 0 10px 10px;}

.programfinder #main-column {max-width: 975px !important;}
.programfinder #main-column .filter-wrapper {background-image: url("/_layouts/images/ChicagoCityColleges.com/career-bg.png"); background-size: 650px 445px; height: 435px; margin: 20px 0 0; padding: 5px; width: 640px;}
.programfinder #main-column h2 {font-size: 20px; font-weight: normal; padding-left: 10px;}
.programfinder .programFinderFilters {background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 10px 10px 10px; padding: 5px 10px; position: relative;}

.programfinder .filter-row {clear: left; min-height: 20px; padding: 5px 0;}
.programfinder .title {color: #000; float: left; font-weight: bold; line-height: 20px; width: 140px;}
.programfinder .program-search-button {position: absolute; right: 20px; bottom: 15px;}
.programfinder .view-all-district-programs {display: inline-block; font-size: 12px; left: 140px; position: absolute; top: 30px;}
.programfinder .program-clear-selection {bottom: 15px; color: #0065A4; cursor: pointer; font-size: 12px; position: absolute; right: 165px;}
.programfinder .program-clear-selection .clear-selection:hover {text-decoration: underline;}
.programfinder .collegeFilterValue {display: none;}

.programfinder .transfer-clear-search {display: inline-block; height: 50px; position: relative; width: 100%;}
.programfinder .transfer-clear-search .search-checkbox {}
.programfinder .transfer-clear-search .search-checkbox input#ctl00_PlaceHolderMain_programFinder_cbxTransfer {}
.programfinder .transfer-clear-search .search-checkbox input {position: absolute; left: -9999px; visibility: hidden;}
.programfinder .transfer-clear-search .search-checkbox label {position: absolute; left: -9999px; visibility: hidden;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic {background: url("/_layouts/images/ChicagoCityColleges.com/checkmark.png") no-repeat scroll right 5px transparent; cursor: default; display: table-cell; font-weight: bold; height: 20px; padding-right: 25px; vertical-align: bottom; width: 215px;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic:hover {background-position: right -25px;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic:focus {background-position: right -25px;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic.selected {background-position: right -55px;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic.selected:hover {background-position: right -85px;}
.programfinder .transfer-clear-search .search-checkbox .check-box-graphic.selected:focus {background-position: right -85px;}
.programfinder .transfer-clear-search .program-clear-selection {top: 5px;}
.programfinder .transfer-clear-search .program-search-button {top: 0;}
.programfinder .transfer-clear-search .results-count {color: #666666; font-size: 12px; position: absolute; right: 20px; top: 30px;}

.programfinder .programFinderFilters .keywordFilterValue {}
.programfinder .programFinderFilters .keywordFilterValue .view-all-dist-prog {display: inline-block; margin-left: 15px;}
.programfinder .results-header {background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 30px;}
.programfinder .search-left {margin-top: 20px; position: relative; width: 100%;}

.programfinder .collegeFilterDiv {display: block; height: 30px; margin-left: 140px; position: relative; width: 686px;}
.programfinder .collegeFilterDiv span {background-repeat: no-repeat; display: block; float: left; font-size: 0; height: 25px; line-height: 0; margin: 0 1px 0 0; padding: 2px; text-indent: -9999px; width: 25px;}
.programfinder .collegeFilterDiv span.zero {display:none;}
.programfinder .collegeFilterDiv span:hover,
.programfinder .collegeFilterDiv span:focus,
.programfinder .collegeFilterDiv span.selected {background-color: #CCCCCC !important; margin: 0 1px 0 0;}

.programfinder .collegeFilterDiv span.daley {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-da.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.daley:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.washington {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-hw.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.washington:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.king {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-kk.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.king:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.malcolmx {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-mx.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.malcolmx:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.harvey {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-oh.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.harvey:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.truman {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-tr.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.truman:hover {cursor: pointer;}
.programfinder .collegeFilterDiv span.wright {background: url("/_layouts/images/ChicagoCityColleges.com/small-icons/icon-small-wr.png") no-repeat scroll center center transparent; }
.programfinder .collegeFilterDiv span.wright:hover {cursor: pointer;}

.programfinder .result-entry {padding: 5px 0 10px 45px;}
.programfinder .result-entry .entry-result{display: inline-block; position: relative; width: 100%;}
.programfinder .result-entry .entry-result .result-title a {font-size: 16px; line-height: 24px; padding-left: 0;}
.programfinder .result-entry .entry-result .industry {clear: both; display: block;}
.programfinder .result-entry .entry-result .industry-info {clear: both; display: block; padding: 5px; width: 435px;}
.programfinder .result-entry .entry-result .industry .industry-info-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/info.png"); display: block; float: left; font-size: 0; height: 15px; line-height: 0; margin: 0 0 0 5px; position: relative; text-indent: -9999px; width: 15px;}
.programfinder .result-entry .entry-result .industry .industry-name {float: left; max-width: 325px;}
.programfinder .result-entry .entry-result .industry-info .close {background-color: transparent; background-image: url("/_layouts/images/ChicagoCityColleges.com/close.png"); background-position: left center; background-repeat: no-repeat; cursor: pointer; font-size: 0; height: 20px; line-height: 0; text-indent: -9999px;}
.programfinder .result-entry .entry-result .salary {clear: both; display: block;}
.programfinder .result-entry .entry-result .degree {clear: both; display: block;}
.programfinder .result-entry .entry-result .degree .title {float: left;}
.programfinder .result-entry .entry-result .result-title {}

.programfinder .shadow-bottom {padding-bottom: 0;}

.programfinder .flipper-left {}
.programfinder .flipper-left .mycarousel {}
.programfinder .flipper-left .mycarousel .flipper-content {cursor: pointer; width: 95px !important;}
.programfinder .flipper-left .mycarousel .flipper-content .image.gallery {border: none; height: auto; width: 95px;}
.programfinder .flipper-left .mycarousel .flipper-content .image.gallery img {}
.programfinder .flipper-left .mycarousel .flipper-content .text {width: 95px;}
.programfinder .flipper-left .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0 15px; width: 560px;}
.programfinder .flipper-left .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 575px;}
.programfinder .flipper-left .jcarousel-skin-tango .jcarousel-item-horizontal {margin: 0 10px;}
.programfinder .flipper-left .flipper-wrapper .dfwp-item, 
.programfinder .flipper-left .flipper-wrapper .dfwp-list {text-align: center; width: 95px !important;}
.programfinder .flipper-left .flipper-content {width: 92px !important;}
.programfinder .flipper-left .feature-underline, 
.programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: center 77px;}

body.washington .programfinder .flipper-left .feature-underline, 
body.washington .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -7px 77px;}

body.truman .programfinder .flipper-left .feature-underline, 
body.truman .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -119px 77px;}

body.kennedy .programfinder .flipper-left .feature-underline, 
body.kennedy .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -344px 77px;}

body.malcolm-x .programfinder .flipper-left .feature-underline, 
body.malcolm-x .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -454px 77px;}

body.olive-harvey .programfinder .flipper-left .feature-underline, 
body.olive-harvey .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -565px 77px;}

body.daley .programfinder .flipper-left .feature-underline, 
body.daley .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -229px 77px;}

body.wright .programfinder .flipper-left .feature-underline, 
body.wright .programfinder .flipper-left .jcarousel-skin-tango ul li:hover {background-position: -675px 77px;}

body.program-details #right-column .area-of-study-block {display: none;}

/*---Footer---*/
.footer {
background-color:#5c5757 !important;}
.footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/footer-bg.png") repeat-x scroll 0 0 #fff; height: 50px;}
.footer {background: url("/_layouts/images/ChicagoCityColleges.com/footer-bg-repeat.png") repeat-y scroll 0 0 transparent; min-height: 400px; position :relative;}
.footer-logo {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-logo.png"); display: block; font-size: 0; height: 88px; left: 20px; line-height: 0; position: absolute; text-indent: -9999px; top: 5px; width: 91px;color:white;}

.footer-left-col {display: inline-block; float: left; height: 350px; left: 0; position: relative; top: 0; width: 270px;}

.footer-left-col .non-discriminate {bottom: 50px; color: #FFFFFF; font-size: 11px; left: 0; padding: 0 20px 10px; position: absolute;}
.footer-left-col .non-discriminate a {color: #fff; text-decoration: underline;}
.footer-left-col.college .non-discriminate {}
.college-footer-logo {left: 475px; position: absolute; top: 0;}
.copyright {color: #FFFFFF; font-size: 11px; left: 20px; position: absolute; top: 210px;}
.college-copyright {left: 498px; top: 190px; width: 250px;}
.footer-social-icons {left: 165px; position: absolute; top: 40px;width:75px;}
.footer-social-icons a {color:white;display: block; float: left; font-size: 0; height: 20px; line-height: 0; margin: 2px; text-indent: -9999px; width: 20px;}


.footer-address {color: #FFFFFF; display: inline-block; left: 20px; position: absolute; top: 105px;}
.footer-address ul {float: left; list-style: none outside none; margin: 0 50px 0 0; padding: 0;}
.footer-address ul li {margin: 2px 0;}
.footer-address ul li a {color: #FFFFFF; font-size: 11px;}
.footer-address ul li a:hover {text-decoration: underline;}
.college-footer-address {top: 100px; left: 470px; width: 125px;}

.college-address {color: #FFFFFF; margin-bottom: 25px; padding-left: 20px; position: absolute; top: 85px;}
.college-address a {color: #FFFFFF;font-size:11px;display:inline-block;margin-top:10px;width:125px;}
.college-address span {display: block; font-size: 11px;}
.college-address .address1 {}
.college-address .address2 {}
.college-address .city {display: inline-block;}
.college-address .state {display: inline-block;}
.college-address .zip {display: inline-block;}
.college-address .phone {}
.college-address .college-comma {display: inline-block;}

a.footer-nav-item {color: #fff;}

.footer-links {color: #FFFFFF; display: inline-block; left: 0px; position: relative; top: 10px;}
.footer-links ul {float: left; list-style: none outside none; margin: 0 20px 0 0; padding: 0;}
.footer-links ul li {margin: 2px 0;}
.footer-links ul li a {color: #FFFFFF !important; font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif !important; font-size: 11px;}
.footer-links ul li a:hover {text-decoration: underline;}
.footer-header {color: #FFFFFF; font-size: 13px; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;}
.footer-header a {
    color: #ffffff;
}
.college-footer-header {padding-left: 20px; position: absolute; top: 60px;}

.footer-left-col.college .college-footer-header {top: 10px;}
.footer-left-col.college .college-address {top: 35px;}

.college-section-names {padding-top: 0px; right: -220px; top: 0 !important; width: 200px;}
.footer-section {border-left: 1px solid; border-right: 1px solid; float: left; font-size: 11px; margin-bottom: 10px; min-height: 235px; padding-left: 20px;}
.college-names {border: medium none; min-height: 150px;}

body.daley .college-names,
body.kennedy .college-names,
body.truman .college-names,
body.washington .college-names,
body.wright .college-names,
body.malcolm-x .college-names,
body.olive-harvey .college-names {border: medium none; min-height: 160px; position: absolute; top: 125px;}

/*---College Search Pages---*/
#search-results {float: left; width: 710px;}
#search-results .search-results-box {margin: 10px 0;}
#search-results .search-results-box input.google-search {float: left; margin-right: 10px; margin-top: 2px; width: 200px;}
#search-results .search-results-box input#ctl00_PlaceHolderMain_sResults_btnSearch {float: left; margin-right: 10px;}
#search-results .search-results {}
#search-results table {margin: 0 0 20px 0; width: 95%;}
#search-results table tr {border-left: 0 #fff; border-top: 0 #fff; border-right: 0 #fff; border-bottom: 0 #fff;}
#search-results table tr.search-pager {border-bottom: 0 #fff; border-left: 0 #fff; border-right: 0 #fff;}
#search-results table tr.search-pager span {font-weight: bold !important; color: #000 !important;}
#search-results .result {border-bottom: 1px dotted; padding: 10px 0; position: relative;}
#search-results .result .title {font-size: 14px; font-weight: bold; margin: 0 0 3px 0;}
#search-results .result .description {font-family: arial; font-size: 13px;}
#search-results .result .district-or-college {color: #676767; padding-bottom: 3px; padding-top: 5px;}

#search-results table.featured-results {margin: 15px 0 0;}

.search-pager {}
.search-pager a {display: inline-block; padding: 10px 5px;}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------- Unique to each site --------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

body.daley ul.topnav.primary-nav li .sub a, body.kennedy ul.topnav.primary-nav li .sub a, body.malcolm-x ul.topnav.primary-nav li .sub a, 
body.olive-harvey ul.topnav.primary-nav li .sub a, body.truman ul.topnav.primary-nav li .sub a, body.washington ul.topnav.primary-nav li .sub a, body.wright ul.topnav.primary-nav li .sub a
{background-image:none; color: #fff;}

.site-logo {display: inline-block;}
.site-logo img {border: none;}


ul.topnav.primary-nav.district-nav {display: block;}
ul.topnav.primary-nav.college-nav {display: none;}

/*---Daley Site Images---*/
body.daley .header {background: url("/_layouts/images/ChicagoCityColleges.com/daley/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.daley .site-logo {}
body.daley ul.topnav.primary-nav.district-nav {display: none;}
body.daley ul.topnav.primary-nav.college-nav {display: block;}
body.daley ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/menu-primary-bg.png"); display: block;}
body.daley ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/menu-primary-bg.png"); color: #b67c11;}
body.daley ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/menu-hover-edge-color.png") !important;}
body.daley .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/daley/footer-bg.png") no-repeat scroll center 0 #fff;}
body.daley .media-section .gallery {border-top-color: #b67c11; border-bottom-color: #b67c11;}
body.daley #tweet {border-bottom-color: #b67c11;}
body.daley .empty-divider {border-bottom-color: #b67c11;}

/*---Kennedy King Site Images---*/
body.kennedy .header {background: url("/_layouts/images/ChicagoCityColleges.com/kennedy/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.kennedy .site-logo {}
body.kennedy ul.topnav.primary-nav.district-nav {display: none;}
body.kennedy ul.topnav.primary-nav.college-nav {display: block;}
body.kennedy ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/menu-primary-bg.png");}
body.kennedy ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/menu-primary-bg.png"); color: #78052f;}
body.kennedy ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/menu-hover-edge-color.png") !important;}
body.kennedy .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/kennedy/footer-bg.png") no-repeat scroll center 0 #fff;}
body.kennedy .media-section .gallery {border-top-color: #78052f; border-bottom-color: #78052f;}
body.kennedy #tweet {border-bottom-color: #78052f;}
body.kennedy .empty-divider {border-bottom-color: #78052f;}

/*---Malcolm X Site Images---*/
body.malcolm-x .header {background: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.malcolm-x .site-logo {}
body.malcolm-x ul.topnav.primary-nav.district-nav {display: none;}
body.malcolm-x ul.topnav.primary-nav.college-nav {display: block;}
body.malcolm-x ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/menu-primary-bg.png");}
body.malcolm-x ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/menu-primary-bg.png"); color: #e31837;}
body.malcolm-x ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/menu-hover-edge-color.png") !important;}
body.malcolm-x .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/footer-bg.png") no-repeat scroll center 0 #fff;}
body.malcolm-x .media-section .gallery {border-top-color: #e31837; border-bottom-color: #e31837;}
body.malcolm-x #tweet {border-bottom-color: #e31837;}
body.malcolm-x .empty-divider {border-bottom-color: #e31837;}

/*---Olive Harvey Site Images---*/
body.olive-harvey .header {background: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.olive-harvey .site-logo {}
body.olive-harvey ul.topnav.primary-nav.district-nav {display: none;}
body.olive-harvey ul.topnav.primary-nav.college-nav {display: block;}
body.olive-harvey ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/menu-primary-bg.png");}
body.olive-harvey ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/menu-primary-bg.png"); color: #492f92;}
body.olive-harvey ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/menu-hover-edge-color.png") !important;}
body.olive-harvey .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/footer-bg.png") no-repeat scroll center 0 #fff;}
body.olive-harvey .media-section .gallery {border-top-color: #492f92; border-bottom-color: #492f92;}
body.olive-harvey #tweet {border-bottom-color: #492f92;}
body.olive-harvey .empty-divider {border-bottom-color: #492f92;}

/*---Truman Site Images---*/
body.truman .header {background: url("/_layouts/images/ChicagoCityColleges.com/truman/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.truman .site-logo {}
body.truman ul.topnav.primary-nav.district-nav {display: none;}
body.truman ul.topnav.primary-nav.college-nav {display: block;}
body.truman ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/menu-primary-bg.png");}
body.truman ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/menu-primary-bg.png"); color: #5e9732;}
body.truman ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/menu-hover-edge-color.png") !important;}
body.truman .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/truman/footer-bg.png") no-repeat scroll center 0 #fff;}
body.truman .media-section .gallery {border-top-color: #5e9732; border-bottom-color: #5e9732;}
body.truman #tweet {border-bottom-color: #5e9732;}
body.truman .empty-divider {border-bottom-color: #5e9732;}

/*---Washington Site Images---*/
body.washington .header {background: url("/_layouts/images/ChicagoCityColleges.com/washington/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.washington .site-logo {}
body.washington ul.topnav.primary-nav.district-nav {display: none;}
body.washington ul.topnav.primary-nav.college-nav {display: block;}
body.washington ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/menu-primary-bg.png");}
body.washington ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/menu-primary-bg.png"); color: #e87d1e;}
body.washington ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/menu-hover-edge-color.png") !important;}
body.washington .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/washington/footer-bg.png") no-repeat scroll center 0 #fff;}
body.washington .media-section .gallery {border-top-color: #e87d1e; border-bottom-color: #e87d1e;}
body.washington #tweet {border-bottom-color: #e87d1e;}
body.washington .empty-divider {border-bottom-color: #e87d1e;}

/*---Wright Site Images---*/
body.wright .header {background: url("/_layouts/images/ChicagoCityColleges.com/wright/swoosh.png") no-repeat scroll 0 0 #FFFFFF;}
body.wright .site-logo {}
body.wright ul.topnav.primary-nav.district-nav {display: none;}
body.wright ul.topnav.primary-nav.college-nav {display: block;}
body.wright ul.topnav.primary-nav {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/menu-primary-bg.png");}
body.wright ul.topnav.primary-nav a {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/menu-primary-bg.png"); color: #754200;}
body.wright ul.topnav .sub ul li a:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/menu-hover-edge-color.png") !important;}
body.wright .footer-top {background: url("/_layouts/images/ChicagoCityColleges.com/wright/footer-bg.png") no-repeat scroll center 0 #fff;}
body.wright .media-section .gallery {border-top-color: #754200; border-bottom-color: #754200;}
body.wright #tweet {border-bottom-color: #754200;}
body.wright .empty-divider {border-bottom-color: #754200;}

/*---DEMO IMAGES---*/
#demo .demo-logo {height: 60px; margin: 10px 0; width: 300px;}
#demo .demo-bullet {height: 14px; margin: 10px 0; width: 14px;}
#demo .schedule {height: 160px; margin: 10px 0; width: 310px;}
#demo .dots {height: 70px; margin: 10px 0; width: 100px;}

body.daley #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/daley/logo.png") no-repeat scroll 0 0 transparent;}
body.kennedy #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/kennedy/logo.png") no-repeat scroll 0 0 transparent;}
body.malcolm-x #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/logo.png") no-repeat scroll 0 0 transparent;}
body.olive-harvey #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/logo.png") no-repeat scroll 0 0 transparent;}
body.washington #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/washington/logo.png") no-repeat scroll 0 0 transparent;}
body.wright #demo .demo-logo {background: url("/_layouts/images/ChicagoCityColleges.com/wright/logo.png") no-repeat scroll 0 0 transparent;}

#college-news {background-image: url("/_layouts/images/ChicagoCityColleges.com/college-news-header.png"); background-position: left 7px; background-repeat: no-repeat; float: left; margin-left: 40px; margin-top: 20px; padding-top: 30px; position: relative; width: 300px;}
#college-news li {border-top: 1px solid; color: #ccc;}
#college-news li a.eventslink {color: #0072BC; display: block; max-height: 38px; overflow: hidden;}

/*#district-news, #mobile-news {background-image: url("/_layouts/images/ChicagoCityColleges.com/district-news-header.png"); background-position: left 7px; background-repeat: no-repeat; float: left; margin-left: 30px; margin-top: 15px; padding-top: 30px; position: relative; width: 300px;}*/
#mobile-news {display: none;}
#district-news li, #mobile-news li {border-top: 1px dotted; color: #ccc;}
.gray-bottom-border {border-bottom: 1px solid; color: #ccc;}
#district-news li a.eventslink, #mobile-news li a.eventslink {color: #0072BC;}
#district-news li a, #mobile-news li a {color: #0072BC; display: block;}
.district-news-header a.rss-feed {background-image: url("/_layouts/images/ChicagoCityColleges.com/rss-feed.png"); background-repeat: no-repeat; display: block; font-size: 0; height: 18px; line-height: 0; position: absolute; right: 0; text-indent: -9999px; top: 8px; width: 18px;}

#bottom-section #news {display: block; float: left; margin: 20px 0 0 40px; min-height: 100px; padding-left: 120px; padding-top: 40px; position: relative; width: 510px;}
#bottom-section #news .news-item-text-wrapper {display: block; width: auto;}

#bottom-section #news .news-section-title {background: url("/_layouts/images/ChicagoCityColleges.com/college-news-header.png") no-repeat scroll 0 0 transparent; border-bottom: 1px solid #CCCCCC; display: block; font-size: 0; height: 25px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; top: 5px; width: 100%;}

.home-left-wrapper {display: inline-block; float: left;}
.home-left-wrapper .right-col-block.summary {margin-top: 20px;}

#bottom-section #college-events {background-image: url("/_layouts/images/ChicagoCityColleges.com/college-events-header.png"); background-position: left 7px; background-repeat: no-repeat; float: left; margin-bottom: 25px; margin-left: 40px; margin-top: 20px; min-height: 90px; overflow: hidden; padding-top: 30px; position: relative; width: 630px;}
#bottom-section #college-events table {border-top: 1px solid; color: #ccc;}
#bottom-section #college-events ul {}
#bottom-section #college-events li a.eventslink {color: #0072BC;}

#iwantto{background-image: url("/_layouts/images/ChicagoCityColleges.com/infoblock.png"); background-position: left bottom; background-repeat: no-repeat; clear: both; float: left; margin-top: 20px; padding: 38px 0 5px 145px; position: relative; width: 145px;}
#iwantto .top-image {background-image: url("/_layouts/images/ChicagoCityColleges.com/iwantto.png"); font-size: 0; height: 24px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; top: 0; width: 156px;}
#iwantto li {line-height: 23px; list-style-image: url("/_layouts/images/ChicagoCityColleges.com/bullet-right.png");}
#iwantto li.dfwp-item a {color: #4167AF; font-size: 12px; font-weight: bold;}
#iwantto ul.view-all li {list-style: none !important;}
#iwantto ul.view-all li .item {padding: 0 0 3px !important;}

.view-all-link {position: absolute; right: 35px; top: 8px;}
.college #news .news-section-title a.external {left: 225px; position: absolute; text-indent: 0;}
#college-events .view-all-link {left: 160px; top: 5px;}
#bottom-section.college #news .view-all-link {display: inline-block; left: 150px; top: 5px; width: 65px;}
.rss-feed {background-image: url("/_layouts/images/ChicagoCityColleges.com/rss-icon.png"); background-repeat: no-repeat; display: block; font-size: 0; height: 18px; line-height: 0; position: absolute; right: 0; text-indent: -9999px; top: 8px; width: 18px;}

#bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/cal-icon.png"); font-size: 0; height: 89px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; top: 45px; width: 103px;}
body.daley #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/daley/cal-icon.png");}
body.kennedy #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/cal-icon.png");}
body.malcolm-x #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/cal-icon.png");}
body.olive-harvey #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/cal-icon.png");}
body.washington #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/washington/cal-icon.png");}
body.wright #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/wright/cal-icon.png");}
body.truman #bottom-section #news .college-news-icon {background-image: url("/_layouts/images/ChicagoCityColleges.com/truman/cal-icon.png");}

body.daley #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/daley/bullet.png");}
body.kennedy #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/kennedy/bullet.png");}
body.malcolm-x #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/bullet.png");}
body.olive-harvey #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/bullet.png");}
body.washington #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/washington/bullet.png");}
body.wright #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/wright/bullet.png");}
body.truman #iwantto li {list-style-image: url("/_layouts/images/ChicagoCityColleges.com/truman/bullet.png");}

.schedule {display: block; width: 310px; height: 160px; font-size: 0; line-height: 0; margin-top: 30px; text-indent: -9999px;}
body.daley .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/daley/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.kennedy .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/kennedy/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.malcolm-x .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.olive-harvey .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.washington .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/washington/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.wright .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/wright/ccc-schedule.png") no-repeat scroll 0 0 transparent;}
body.truman .schedule {background: url("/_layouts/images/ChicagoCityColleges.com/truman/ccc-schedule.png") no-repeat scroll 0 0 transparent;}

#bottom-section #college-events .item {padding: 0;}
#bottom-section #college-events .item a {color: #0072BC;}
#bottom-section #college-events ul {border-top: 1px solid; color: #ccc; margin-top: 0px; min-height: 70px; padding-left: 120px; padding-top: 10px;}

.events-dots {bottom: 0; display: block; font-size: 0; height: 70px; left: 0; line-height: 0; position: absolute; text-indent: -9999px; top: 50px; width: 100px;}
body.daley .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/daley/events-dots.png") no-repeat scroll 0 0 transparent;}
body.kennedy .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/kennedy/events-dots.png") no-repeat scroll 0 0 transparent;}
body.malcolm-x .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/malcolm-x/events-dots.png") no-repeat scroll 0 0 transparent;}
body.olive-harvey .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/olive-harvey/events-dots.png") no-repeat scroll 0 0 transparent;}
body.washington .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/washington/events-dots.png") no-repeat scroll 0 0 transparent;}
body.wright .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/wright/events-dots.png") no-repeat scroll 0 0 transparent;}
body.truman .events-dots {background: url("/_layouts/images/ChicagoCityColleges.com/truman/events-dots.png") no-repeat scroll 0 0 transparent;}


.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/*---Everything below is all here in order to fix Ribon issue---*/

body, body.v4.master {overflow:visible !important; height: inherit; width: inherit; }

body #s4-workspace {overflow:visible !important;}

/*This sets up our Ribbon for a fixed position. */
body #s4-ribbonrow{ position: fixed;top:0px;z-index:1000;width: 100%;}
* html #s4-ribbonrow {position:absolute;}

/* Set the ribbon popups to be fixed position also */
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."], .ms-cui-tooltip {
position: fixed !important;
}
* html #s4-ribbonrow .ms-MenuUIPopupBody, * html #s4-ribbonrow .ms-popoutMenu, * html .ms-cui-menu[id ^= "Ribbon."], * html .ms-cui-tooltip {
position: absolute !important;
}

/*Make sure there are no scroll bars on our popup overlays*/
.ms-dlgOverlay {width: 100% !important; }

	.primary-nav-link {display: none;}
	.district-mobile-primary-nav {display: none;}
	.global-nav-link {display: none;}
	.global-mobile-nav {display: none;}
	.collapsible {display: block !important;}
	.right-col-block .content.rich-html .collapsible {display: block !important;}
	.Newsholder .News {display: block !important;}
	.smart-title {display: none;}
	h2.additional-info {display: none;}

@media screen and (max-width: 1023px) {
	.drop-shadow {background: none;}
	.copyright {display: none;}
	/*.footer-section.college-names {display: none;}*/
	.footer-links {left: 0;}
	.programfinder .view-all-district-programs {left: 0;}
	.course-details .course-desc {padding-left: 0;}
	.courses-title .print-courses {display: none;}
	.courses-title .plus {display: none;}
	.courses-title .minus {display: none;}
	.facebook-twitter-share {display: none;}
	.program-options .program-list {width: 100%;}
	.staff-directory .result-entry .result-value {max-width: 220px;}
}
/*--- Smart Phone Landscape ---*/
@media screen and (max-width: 767px) and (min-width: 480px) {
   
     /*---MicroSite Layout---*/
.micro-site-learn li {
padding-left:15px;
margin-bottom:-3px;
margin-left:0px;
}

#micro-site-menu-top .item{
    padding-left:4px;
}


#micro-site-menu-bottom .ViewAll {
padding-left:10px;
}
	
.microsite .micro-left-column .page-content .page-content ul {
margin-left: -29px;
}

#contact-info {
margin-top:	15px;
}

.microsite .micro-left-column {
	float: left;
	width: 470px;
	padding: 0px;
	min-height: 0px;
    height:100% !important;
    margin-top:0px;
    margin-left:0px;
}

#micro-site-menu-top {
    display: none;
}

#micro-site-menu-bottom {
    display: none;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: white;
    margin: 2px 0;
    transition: .4s;
}

.micro-hamburger {
    display: inline-block;
    cursor: pointer;
    float: right;
}

.microsite .micro-right-column {
	float: left;
	width: 465px;
    padding-left:5px;
}

.microsite .micro-left-column .micro-title li {
	padding-bottom: 3px; 
	margin-right: 10px;
}

.microsite .micro-left-column .page-content .page-content .button-link a {
	padding: 5px;
    margin-left:10px;
}

.micro-mobile {
	padding-top: 10px !important;
	padding-left: 20px;
}

#micro-site-menu-bottom .Events {
	padding-left: 20px !important;
	padding-top: 10px !important;
}

#micro-site-menu-bottom .right-col-block .Eventsholder .Events {
    width: 380px;
}

.media-section {
    margin-bottom:-20px;	
}

.micro-site-learn .item {
	padding-top: 2px !important;
}

#mediaImage1 img {
width:460px;
height:100%;
}
.microsite .micro-left-column h2 {
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
padding-top:0px;
}

/*---End MicroSite Layout---*/


    /* Click to Call Header and bottom bar Help*/
    .header-icon {display:none;}
    .bottom-right-buttons {display:none;}
    .callbottom {display:none;}
    /* End Click to Call Header and bottom bar Help*/

	.s4-ca {margin-left: 0;}

    .top-right {
	margin-left: 0px;
	margin-top: 230px;
}
	
	.header {height: 105px; margin-top: 40px;}
	#mobile-buttons {display: block;}
	
	#mobile-buttons a {font-weight: bold; margin: 5px 21px;}
	#mobile-buttons a.request-info {background: url("/_layouts/images/ChicagoCityColleges.com/icon-mail.png") no-repeat scroll 36px center #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; display: inline-block; float: left; height: 36px; line-height: 36px; padding-left: 60px; width: 130px}
	#mobile-buttons a.click-to-call {background: url("/_layouts/images/ChicagoCityColleges.com/icon-phone.png") no-repeat scroll 36px center #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; display: inline-block; height: 36px; line-height: 36px; padding-left: 60px; width: 132px;}
    
    /*.header-icon .colleges-to-careers {display:none;}
    .header-icon .reinvention {display:none;}*/
    .header-extra-links .header-request-info {display:none;}
    .header-extra-links .header-apply-now {display:none;}
    
    .college-section-names {right: -400px;}

    body.washington .main-link.global-nav-link, body.washington .main-link.primary-nav-link {background: #E87D1E;}
    body.truman .main-link.global-nav-link, body.truman .main-link.primary-nav-link {background: #5E9732;}
    body.kennedy .main-link.global-nav-link, body.kennedy .main-link.primary-nav-link {background: #78052F;}
    body.malcolm-x .main-link.global-nav-link, body.malcolm-x .main-link.primary-nav-link {background: #E31837;}
    body.olive-harvey .main-link.global-nav-link, body.olive-harvey .main-link.primary-nav-link {background: #492F92;}
    body.daley .main-link.global-nav-link, body.daley .main-link.primary-nav-link {background: #EFC85B;}
    body.wright .main-link.global-nav-link, body.wright .main-link.primary-nav-link {background: #754200;}
    
    .logo {left: auto; position: absolute; right: 15px; top: 20px; width: 180px;}
    .site-logo img {border: medium none; height: auto; width: 175px;}
	.search-box {background: none repeat scroll 0 0 #CCCCCC; height: 40px; position: relative; right: 0; top: -40px; z-index: 2; width:225px;height:14px;}
	.search-box input.ms-sbplain {background-image: none; border: 1px solid #BBBBBB !important; border-radius: 5px 5px 5px 5px; color: #000000; font-size: 20px; font-style: normal; height: 26px; line-height: 26px; padding: 1px !important; position: absolute; right: 125px; top: 5px; width: 320px !important;}
    .search-box a {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; color: #666666; display: block; font-size: 18px; height: 27px; line-height: 27px; position: absolute; right: 25px; text-align: center; text-indent: 0; top: 5px; width: 90px;}
    .footer-section.more-info {display:none;}
    .gcs-search{height: 40px; position: relative; right: 0; top: -32px; z-index: 2; width:225px;height:14px;padding-left:10px;}



	.alert {width: 410px;} 
	body ul.topnav.primary-nav.college-nav li {display: none !important;}
	#main-column.news-search {width: 450px !important;}
	/*-- #main-column {float: none !important; max-width: 100% !important; min-width: 400px !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px;} --*/
	/*-- #right-column {float: none !important; margin-right: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; width: 450px;} --*/
	#main-column {float: none; max-width: 100% !important; min-width: 400px !important; padding-bottom: 0; padding-left: 10px; padding-right: 10px;}
	#mobile-news {margin-left: 5px; width: auto;}
	#right-column {margin-right: 0; padding-left: 10px; padding-right: 10px; padding-top: 0; width: 450px;}
	.topnav.global-nav {display: none;}
	.social-links {display: none;}
	.inside-wrapper {width: 470px;}
	ul.topnav.primary-nav.district-nav {display: none;}
	#top-section{height: 550px !important;}	
	#slides {height: 214px !important;}
	.slides_container {height: 214px !important; width: 470px !important;}
	.slides_container a {width: 470px !important;}
	.slides_container a img {min-height: 214px !important; width: 470px !important;}
	
	#tweet ul.tweet_list li {height: auto;}
	
	.HomPageBody {background: none repeat scroll 0 0 transparent; height: auto; width: 470px;}
	.HomPageBody .YourOptions, .HomPageBody .FirstStep, .HomPageBody .Outcomes {margin: 20px 60px; width: 350px;}
	#bottom-section {background: none;}
	#bottom-section.district .flipper-left {margin-right: 0;}

	.primary-nav-link {display: block;}
	.district-mobile-primary-nav {display: block;}
	.global-nav-link {display: block;}
	.global-mobile-nav {display: block;}
	.collapsible {display: none !important;}
	.smart-title {display: block;}
	.right-col-block .content.rich-html .collapsible {display: none !important;}
	h2.additional-info {display: block !important;}
	
	.links-title {color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 auto; width: 90%;}
	
	.Newsholder .lower-title h2 {font-weight: normal;} 
	.Newsholder .News.collapsible {display: none !important;}
	
	.main-link.primary-nav-link {background: none repeat scroll 0 0 #0065A4; border-radius: 5px 5px 0 0; bottom: 10px; color: #FFFFFF; cursor: pointer; font-weight: bold; left: 10px; padding: 10px; position: absolute; right: auto; z-index: 999;}
	.main-link.global-nav-link {background: none repeat scroll 0 0 #0065A4; border-radius: 5px 5px 0 0; bottom: 10px; color: #FFFFFF; cursor: pointer; font-weight: bold; left: 125px; padding: 10px; position: absolute; right: auto; z-index: 999;}
	
		
	ul.district-mobile-primary-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.district-mobile-primary-nav li.primary-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; text-align: right; width: 90%;}
	ul.district-mobile-primary-nav li.district-mobile-primary-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.district-mobile-primary-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.district-mobile-primary-nav li.district-mobile-primary-item.expanded.hide {display: block !important;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub li a {color: #FFFFFF; height: auto; line-height: 20px; text-indent: 0; font-size: 12px;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub li h3 {color: #FFFFFF; height: auto; line-height: 20px; text-indent: -16px; font-size: 14px;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub {list-style: none outside none; padding-bottom: 70px;}

	ul.college-mobile-primary-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.college-mobile-primary-nav li.primary-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; text-align: right; width: 90%;}
	ul.college-mobile-primary-nav li.college-mobile-primary-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.college-mobile-primary-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.college-mobile-primary-nav li.college-mobile-primary-item.expanded.hide {display: block !important;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub li a {color: #FFFFFF; height: auto; line-height: 20px; text-indent: 0; font-size: 12px;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub li h3 {color: #FFFFFF; height: auto; line-height: 20px; text-indent: -16px; font-size: 14px;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub {list-style: none outside none; padding-bottom: 70px;}
	
	ul.global-mobile-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.global-mobile-nav li.global-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; text-align: right; width: 90%;}
	ul.global-mobile-nav li.global-mobile-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.global-mobile-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.global-mobile-nav li.global-mobile-item.expanded.hide {display: block !important;}
	ul.global-mobile-nav ul.global-mobile-sub li a {color: #FFFFFF; height: auto; line-height: 22px; text-indent: 0; font-size: 12px;}
	ul.global-mobile-nav ul.global-mobile-sub li {color: #FFFFFF;}
	ul.global-mobile-nav ul.global-mobile-sub {list-style: none outside none; padding-bottom: 70px;}

	#s4-bodyContainer {min-width: 470px !important;}		
	.programfinder.search-page-wrapper {}
	.programfinder.search-page-wrapper .main-column {float: none !important; width: 470px !important;}
	.programfinder .filter-header {background-size: 470px auto; width: 470px;}
	.programfinder .filter-header .filter-header-content {background-size: 470px auto; margin-top: 7px; width: 470px;}
	.programfinder .filter-header .filter-header-bottom {background-size: 470px auto; width: 470px;}
	.programfinder .filter-wrapper {background-repeat: repeat-y; background-size: 470px; width: 460px;}
	.programfinder .filter-wrapper #bottom-section h2 {display: none;}
	.programfinder .flipper-left {display: none;}
	.programfinder .filter-wrapper-bottom {background-size: 470px; height: 7px; width: 470px;}
	.programfinder .transfer-clear-search .program-clear-selection {top: 30px;}
	.programfinder .transfer-clear-search .program-search-button {top: 25px;}
	
	.searching {height: 130px; width: 150px;}
	
	/* District Features */
	/*#bottom-section {background: none;}*/
	#bottom-section.district .college .jcarousel-skin-tango .jcarousel-container-horizontal {width: 420px !important;}
	
	/*--- Career Finder ---*/
	.careerfinder #main-column h2 {font-size: 14px;}
	.careerfinder .search-left .career-sort-option {left: 5px; position: relative; right: auto; top: 0;}
	.careerfinder #main-column .filter-wrapper {background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #CCCCCC; border-radius: 10px 10px 10px 10px; height: auto; width: 435px;}
	.careerfinder .title {float:none;}
	.careerfinder .educationRequiredDiv {margin-left: 0;}
	.careerfinder .filter-row select {max-width: 390px;}
	.careerfinder .educationRequiredDiv {display: none;}
	.careerfinder .educationRequiredFilterValue {display: block;}
	.careerfinder .educationRequiredFilterValue td {display: block; padding: 5px 0;}
	.careerfinder .search-left .career-sort-option select {position: absolute; right: 9px;}
	.careerfinder .result-entry {padding: 5px 5px 10px;}
	.careerfinder .result-entry div.district-image {position: relative;}
	
	.careerfinder #main-column #bottom-section {display: none;}
	.careerfinder .jcarousel-skin-tango .jcarousel-container-horizontal {width: 363px !important;}
	.careerfinder .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 363px !important;}
	.careerfinder .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 18px !important; margin-right: 18px !important;}
	.careerfinder .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0 36px !important;}
	.careerfinder .search-left {width: 435px;}
	.search-left .pager-size {top: -25px;}
		
	/*--- Career Details ---*/
		.education-required-section .blue-arrow {color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 30px; text-indent: 5px; width: 440px;}
		.education-required-section .blue-arrow.basic-cert {background-position: -150px -126px;}
		.education-required-section .blue-arrow.advanced-cert {background-position: -150px -156px;}
		.education-required-section .blue-arrow.assoc-degree {background-position: -150px -187px;}
		.education-required-section .blue-arrow.yr-degree {background-position: -150px -216px;}
		
		.education-required-section .blue-arrow.basic-cert.selected {background-position: -192px -60px; position: relative; width: 265px;}
		.education-required-section .blue-arrow.advanced-cert.selected {background-position: -170px -60px; position: relative; width: 285px;}
		.education-required-section .blue-arrow.assoc-degree.selected {background-position: -150px -60px; position: relative; width: 305px;}
		.education-required-section .blue-arrow.yr-degree.selected {background-position: -135px -60px; position: relative; width: 330px;}
		
		.education-required-section .blue-arrow.selected .salary {color: #000000; position: absolute; right: 0; top: 0;}
		.education-required-section .blue-arrow.selected .salary .bold {width: 140px !important;}	
		
		/*.additional-description {padding-top: 0;}
		.additional-description #ctl00_PlaceHolderMain_AdditionalDescription_label {border-bottom: 1px dotted #676767; color: #676767; display: block !important; font-size: 16px; margin: 20px 0 0; padding-bottom: 6px;}*/
		
		.career-collapsible h2 {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-down.png") no-repeat scroll left center transparent; border-bottom: 1px dotted #676767; font-weight: normal; padding-left: 25px;}
		.career-collapsible.expanded h2 {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-up.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}
		
		/*#ctl00_PlaceHolderMain_AdditionalDescription_label {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-down.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}
		.additional-description.expanded #ctl00_PlaceHolderMain_AdditionalDescription_label {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-up.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}*/
		
	/*---Program Detals Page---*/
		.program-title-section h1 {font-size: 22px; line-height: 30px;}
		.program-details .lower-title .credit-wrapper {left: auto; right: 5px;}
		.tot-min-cred .credit-hr-num {font-size: 16px; padding-left: 420px;}
		.course-with-number {width: 85px;}
		.course-details .course-title {float: left; margin-left: 10px; width: 315px;}
		.course-details .course-desc {clear: left; padding-left: 95px; width: 305px;}

	/*--- Program Page ---*/
		.gray-box-top {background-size: 450px auto; height: 6px; width: 450px;}
		.gray-box {background-size: 450px auto;}
		.gray-box-bottom {background-size: 450px auto; height: 6px; width: 450px;}	
		
	.search-page-wrapper #right-column {width: 100%;}
	
	.media-section .vComments {display: inline-block; margin-top: 20px;}
	.footer-section {border-left: none; border-right: none;}
	
	/*--- Employee Directory ---*/
	    h1.staff-directory {margin-top: 30px;}
		.employee-directory .search-left {padding: 0 10px; width: 450px;}
		.staff-details .page-content .update-profile-link {display:none;}
		.staff-details .page-content .staff-biography {display: block; min-height: 0px;}
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory {position: relative;}
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-left {margin-top: 375px;}
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-right.staff-filter {height: 350px; position: absolute;}

	/*--- Services List ---*/		
		#ctl00_PlaceHolderMain_serviceList_upServicesResults {position: relative;}
		#ctl00_PlaceHolderMain_serviceList_upServicesResults .search-left {margin-top: 240px; width: 100%;}
		#ctl00_PlaceHolderMain_serviceList_upServicesResults .search-right {margin-top: 95px; position: absolute;}		
		.view-all-services{bottom: 0px; right: 20px;}
	
	/*--- News List ---*/
		#ctl00_PlaceHolderMain_newsSearch_upNewsResults .search-left {width: 95%;}

	/*--- Events List District ---*/
		#ctl00_PlaceHolderMain_eventSearch_upNewsResults .search-left .pager {margin-top: 12px;}
		#ctl00_PlaceHolderMain_eventSearch_upNewsResults .search-left .pager-size {top: -13px;}
		.event-entry .right-col .date-range {width: 200px;}
		#district-events #right-column {float: left; position: absolute;}
		#district-events #main-column {margin-top : 608px; position: relative; float: right !important; }


	/*--- Events List College --*/		
		#college-events .feature-event-wrapper .flipper-content .text {height: 127px !important; left: 250px !important; margin: 23px 0 0 !important; width: 200px !important;}
		#college-events .feature-event-wrapper {background-size: 443px auto;}
		#college-events .feature-event-wrapper > h2{ left: 250px !important; top: 15px !important;}
		#college-events .feature-event-wrapper .shadow-bottom {height: 142px !important; background-size: 443px auto;}
		#college-events .feature-event-wrapper .flipper-wrapper.college .image img { max-height: 155px !important; max-width: 232px !important;}
		#college-events .feature-event-wrapper .flipper-wrapper.college .image {height: 155px !important; width: 232px !important; margin-top: -7px;}
		#college-events .feature-event-wrapper ul.mycarousel {margin: 0 0 0 5px;}
		#college-events #right-column {float: left; position: absolute; margin-top: -72px;}
		#college-events #main-column .event-list{margin-top : 568px; position: relative; float: right !important; }


	/*--- Search Results ---*/
		#search-results {width: 100%;}

		
	/*--- College List ---*/
		.college-list-wrapper {width: 100% !important;}
		.college-list-wrapper .list-fulldescription {width: 100% !important;}

	/*-- College Homepage ---*/
		#bottom-section.college #college-events {margin-left: 0px; width: 470px;}
		#bottom-section.college #college-events .events-dots{display: none !important}
		#bottom-section.college #college-events ul{padding-left: 10px;}
		#bottom-section.college #news {padding-left: 10px; margin-left: 0px; width: 460px;}
		#bottom-section.college #news .college-news-icon{display: none !important}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-container-horizontal {width: 425px !important; padding:40px 15px 0;}
		/*#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 421px !important; margin-left: -36px;}*/
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 0 !important;}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-next-horizontal { right: 0 !important;}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-item { padding-left: 8px; padding-right: 7px; }
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .text {/*left: 18px !important; width: 427px !important;*/ height: 80px !important;}
		#bottom-section.college .flipper-wrapper.college .shadow-bottom {background-size: 453px !important; background-position: left bottom; width: 453px !important; height: 232px !important;}
		#bottom-section.college #content-right {background-size: 453px !important; width: 453px; margin-left: 0px;}
		/*--#bottom-section.college .shadow-bottom .flipper-title-features {left: 50px;}--*/
    
	/*-- District Homepage ---*/
		#bottom-section.district .jcarousel-skin-tango .text {height: auto !important; max-height: 110px !important;}
		
	/*--- Staff Directory ---*/
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-left {width: 450px;}

		
	/*--- Contact Us ---*/
		.pp_pic_holder.pp_default iframe {width: 100% !important; height: 375px !important;}
		.pp_pic_holder.pp_default .pp_content {width: 99% !important; height: 410px !important;}
		.pp_pic_holder.pp_default {width: 98% !important; left: 5px !important;}		
		.pp_pic_holder.pp_default .pp_details{width: 100% !important;}		
}

/*--- Smart Phone Portrait ---*/
@media screen and (max-width: 479px) {

    /*--- Accordion ---*/
#top-section {
	height: 470px !important;
}
.top-right {
	margin-left:0px;
	margin-top: 160px;
}

    /*---MicroSite Layout---*/

#micro-site-menu-top .link-item, .link-item a, .link-item a:link {
    margin-top: 0px;
    padding-left: 8px;
}
#micro-site-menu-top .item{
    padding-left:4px;
}
.microsite .micro-left-column .page-content .page-content ul {
	margin-left: -29px;
}

#contact-info {
margin-top:	15px;
}

.microsite .micro-left-column {
	float: left;
	width: 310px;
	padding: 0px;
	min-height: 0px;
    height:100% !important;
    margin-top:0px;
    margin-left:0px;
}

#micro-site-menu-top {
    display: none;
}

#micro-site-menu-bottom {
    display: none;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: white;
    margin: 2px 0;
    transition: .4s;
}

.micro-hamburger {
    display: inline-block;
    cursor: pointer;
    float: right;
}

.microsite .micro-right-column {
	float: left;
	width: 310px;
    padding-left:5px;
}

.microsite .micro-left-column .micro-title li {
	padding-bottom: 3px; 
	margin-right: 10px;
}

.microsite .micro-left-column .page-content .page-content .button-link a {
	padding: 5px;
    margin-left:10px;
}

.micro-mobile {
	padding-top: 10px !important;
	padding-left: 20px;
}

#micro-site-menu-bottom .Events {
	padding-left: 20px !important;
	padding-top: 10px !important;
}

#micro-site-menu-bottom .right-col-block .Eventsholder .Events {
    width: 85%;
}

.micro-right-column .media-section {
    margin-bottom:-20px;	
}

.micro-site-learn .item {
	padding-top: 2px !important;
}

#mediaImage1 img {
width:300px;
height:100%;
}

.microsite .micro-left-column h2 {
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
padding-top:0px;
}
/*---End MicroSite Layout---*/


        /* Click to Call Header and bottom bar Help*/
    .header-icon {display:none;}
    #closebar {margin-left:-8%;background-size:22px;background-repeat:no-repeat;}
    .bottom-right-buttons {display:none;}
    .callbottom {display:none;}
	    /* End Click to Call Header and bottom bar Help*/

	.drop-shadow {background: none;}
	.copyright {display: none;}
	/*.footer-section.college-names {display: none;}*/
	.footer-links {left: 0;}
	.programfinder .view-all-district-programs {left: 0;}
	.course-details .course-desc {padding-left: 0;}
	.courses-title .print-courses {display: none;}
	.courses-title .plus {display: none;}
	.courses-title .minus {display: none;}
	.facebook-twitter-share {display: none;}
	.program-options .program-list {width: 100%;}
	.staff-directory .result-entry .result-value {max-width: 220px;}


	.s4-ca {margin-left: 0;}
	.header {height: 125px; margin-top: 40px;}
	#mobile-buttons {display: block;}
	
	body.washington .main-link.global-nav-link, body.washington .main-link.primary-nav-link {background: #E87D1E;}
    body.truman .main-link.global-nav-link, body.truman .main-link.primary-nav-link {background: #5E9732;}
    body.kennedy .main-link.global-nav-link, body.kennedy .main-link.primary-nav-link {background: #78052F;}
    body.malcolm-x .main-link.global-nav-link, body.malcolm-x .main-link.primary-nav-link {background: #E31837;}
    body.olive-harvey .main-link.global-nav-link, body.olive-harvey .main-link.primary-nav-link {background: #492F92;}
    body.daley .main-link.global-nav-link, body.daley .main-link.primary-nav-link {background: #EFC85B;}
    body.wright .main-link.global-nav-link, body.wright .main-link.primary-nav-link {background: #754200;}
	
    .site-logo img {border: medium none; height: auto; width: 175px;}
    
    /*.header-icon .colleges-to-careers {display:none;}
    .header-icon .reinvention {display:none;}*/
    .header-extra-links .header-request-info {display:none;}
    .header-extra-links .header-apply-now {display:none;}
	.gcs-search {height: 40px; position: relative; right: 0; top: -32px; z-index: 2;padding-left:10px}

    .logo {left: 125px; position: absolute; top: 20px; width: 180px;}
	.search-box {background: none repeat scroll 0 0 #CCCCCC; height: 40px; position: relative; right: 0; top: -32px; z-index: 2;padding-left:10px}
	.search-box input.ms-sbplain {background-image: none; border: 1px solid #BBBBBB !important; border-radius: 5px 5px 5px 5px; color: #000000; font-size: 20px; font-style: normal; height: 26px; line-height: 26px; padding: 1px !important; position: absolute; right: 104px; top: 5px; width: 200px !important;}
    .search-box a {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #999999; border-radius: 5px 5px 5px 5px; color: #666666; display: block; font-size: 18px; height: 27px; line-height: 27px; position: absolute; right: 6px; text-align: center; text-indent: 0; top: 5px; width: 90px;}
	.alert {width: 250px;} 
	.footer-section.more-info {display:none;}
	body ul.topnav.primary-nav.college-nav li {display: none !important;}
	#main-column.news-search {width: 290px !important;}
	#main-column {float: none !important; max-width: 100% !important; min-width: 290px !important; padding: 0 10px;}
	
	#mobile-news {margin-left: 5px;}
	/*-- #right-column {float: none !important; margin-right: 0; padding: 0 10px; width: 290px;} --*/
	#right-column {margin-right: 0; padding: 0 10px; width: 290px;}
	
	#slides {height: 140px !important;}
	.slides_container {height: 140px !important; width: 310px !important;}
	.slides_container a {width: 310px !important;}
	.slides_container a img {min-height: 140px !important; width: 310px !important;}
	
	.HomPageBody {background: none repeat scroll 0 0 transparent; height: auto; padding-top: 0; width: 310px;}
	.DDL {width: 150px;}
	
	/* District Features */
	/*#bottom-section {background: none;}*/
	#bottom-section.district .college .jcarousel-skin-tango .jcarousel-container-horizontal {width: 215px !important;}
	/*#bottom-section.district .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 260px !important;}*/
	#bottom-section.district .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 4px; margin-right: 4px;}
	/*#bottom-section.district .jcarousel-skin-tango .text {left: 42px !important; width: 245px; height: auto !important; max-height: 110px !important;}
	#bottom-section .flipper-left {margin-right: 0;}*/
	/*.flipper-wrapper .dfwp-item, .flipper-wrapper .dfwp-list {width: 108px !important;}*/
	
	#tweet ul.tweet_list li {height: auto;}
	
	.media-section .image-container img {margin-right: 0; max-width: 290px;}
	.topnav.global-nav {display: none;}
	.social-links {display: none;}
	.inside-wrapper {width: 310px;}
	ul.topnav.primary-nav.district-nav {display: none;}
	
	.primary-nav-link {display: block;}
	.district-mobile-primary-nav {display: block;}
	.global-nav-link {display: block;}
	.global-mobile-nav {display: block;}
	.Newsholder .News.collapsible {display: none !important;}
	.smart-title {display: block;}
	
	.collapsible {display: none !important;}
	.right-col-block .content.rich-html .collapsible {display: none !important;}
	h2.additional-info {display: block !important;}
	
	.links-title {color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 auto; width: 90%;}
	
	.main-link.primary-nav-link {background: none repeat scroll 0 0 #0065A4; border-radius: 5px 5px 0 0; bottom: 10px; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 10px; position: absolute; right: 195px; z-index: 999;}
	.main-link.global-nav-link {background: none repeat scroll 0 0 #0065A4; border-radius: 5px 5px 0 0; bottom: 10px; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 10px; position: absolute; right: 90px; z-index: 999;}
	
	ul.district-mobile-primary-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.district-mobile-primary-nav li.primary-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; padding-top: 10px; text-align: right; width: 90%;}
	ul.district-mobile-primary-nav li.district-mobile-primary-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.district-mobile-primary-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.district-mobile-primary-nav li.district-mobile-primary-item.expanded.hide {display: block !important;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub li a {color: #FFFFFF; height: auto; line-height: 22px; text-indent: 0; font-size: 12px;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub li h3 {color: #FFFFFF; height: auto; line-height: 20px; text-indent: -16px; font-size: 14px;}
	ul.district-mobile-primary-nav ul.district-mobile-primary-sub {list-style: none outside none; padding-bottom: 70px;}

	ul.college-mobile-primary-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.college-mobile-primary-nav li.primary-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; padding-top: 10px; text-align: right; width: 90%;}
	ul.college-mobile-primary-nav li.college-mobile-primary-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.college-mobile-primary-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.college-mobile-primary-nav li.college-mobile-primary-item.expanded.hide {display: block !important;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub li a {color: #FFFFFF; height: auto; line-height: 22px; text-indent: 0; font-size: 12px;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub li h3 {color: #FFFFFF; height: auto; line-height: 20px; text-indent: -16px; font-size: 13px;}
	ul.college-mobile-primary-nav ul.college-mobile-primary-sub {list-style: none outside none; padding-bottom: 70px;}

	ul.global-mobile-nav {background: url("/_layouts/images/ChicagoCityColleges.com/colorboxbg.png") repeat scroll 0 0 transparent; height: 100%; left: 0; list-style: none outside none; margin: 0; overflow: auto; padding: 0; position: fixed; top: 0; width: 100%; z-index: 99999999;}
	ul.global-mobile-nav li.global-nav-link {color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; margin: 0 auto; padding-top: 10px; text-align: right; width: 90%;}
	ul.global-mobile-nav li.global-mobile-item a.menu-item {background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.global-mobile-nav li.back-button a.back {background-color: #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; display: block; height: 40px; line-height: 40px; margin: 10px auto; padding: 0 10px; width: 90%;}
	ul.global-mobile-nav li.global-mobile-item.expanded.hide {display: block !important;}
	ul.global-mobile-nav ul.global-mobile-sub li a {color: #FFFFFF; height: auto; line-height: 22px; text-indent: 0; font-size: 12px;}
	ul.global-mobile-nav ul.global-mobile-sub li {color: #FFFFFF;}
	ul.global-mobile-nav ul.global-mobile-sub {list-style: none outside none; padding-bottom: 70px;}

	.Newsholder .lower-title h2 {font-weight: normal;} 
	/*--- Program Finder ---*/
		#s4-bodyContainer {min-width: 310px !important;}		
		.programfinder.search-page-wrapper {}
		.programfinder.search-page-wrapper .main-column {float: none !important; width: 310px !important;}
		.programfinder.search-page-wrapper .main-column .programFinderFilters select {width: 260px;}
		.programfinder .transfer-clear-search {height: 80px;}
		.programfinder .collegeFilterDiv {clear: left; margin-left: 0; width: 260px;}
		.programfinder .filter-header {background-size: 310px auto; width: 310px;}
		.programfinder .filter-header .filter-header-content {background-size: 310px auto; margin-top: 5px; width: 310px;}
		.programfinder .filter-header .filter-header-bottom {background-size: 310px auto; width: 310px;}
		.programfinder .filter-wrapper {background-repeat: repeat-y; background-size: 310px; width: 300px;}
		.programfinder .filter-wrapper #bottom-section h2 {display: none;}
		.programfinder .flipper-left {display: none;}
		.programfinder .filter-wrapper-bottom {background-size: 310px; height: 4px; width: 310px;}
		.programfinder .transfer-clear-search .program-clear-selection {top: 55px;}
		.programfinder .transfer-clear-search .program-search-button {top: 55px;}
		.programfinder .chzn-container {width: 270px !important;}
		.programfinder .chzn-container .chzn-drop {width: 268px !important;}
		.programfinder .chzn-container .chzn-drop .chzn-search input {width: 220px !important;}
		.programfinder .filter-header .select-a-program {width: 270px;}
		.search-page-wrapper #right-column {width: 290px; margin-right: 0;}
		#searchProgress .searching h2 {font-size: 18px !important; padding-left: 0;}
		#searchProgress .searching {height: 125px; left: 34%; width: 32%;}
		
	/*---Program Detals Page---*/
		.program-title-section h1 {font-size: 22px; line-height: 30px;}
		.gray-box h4 {font-size: 12px; width: 100px;}
		.gray-box .offered {padding-left: 130px;}
		a.college-name {margin-bottom: 10px;}
		.course-details {margin-left: 10px; margin-bottom: 4px;}
		.program-details .lower-title .credit-wrapper {left: auto; right: 5px;}
		.tot-min-cred .credit-hr-num {font-size: 15px !important; padding-left: 265px;}
		.tot-min-cred .label-text {font-size: 15px !important;}
		.course-with-number {font-size: 12px; width: 90px;}
		.course-details .course-title {float: left; margin-left: 5px; margin-right: 5px;width: 171px;}
		.course-details .course-desc {clear: left; padding-left: 45px; width: 225px; color: #444444;}
		.offered-at-text {display: block; float: none;}
		.college-program.program-details .lower-title h2 {font-size: 15px;}
		.college-program.program-details .lower-title .credit-wrapper{font-size: 15px;}
	
	
	/*--- Program Page ---*/
		.gray-box-top {background-size: 290px auto; height: 4px; width: 290px;}
		.gray-box {background-size: 290px auto;}
		.gray-box-bottom {background-size: 290px auto; height: 4px; width: 290px;}

	/*--- Career Finder ---*/
	.careerfinder #main-column h2 {font-size: 14px;}
	.careerfinder .search-left .career-sort-option {left: 5px; position: relative; right: auto; top: 0;}
	.careerfinder #main-column .filter-wrapper {background: none repeat scroll 0 0 #EEEEEE; border: 2px solid #CCCCCC; border-radius: 10px 10px 10px 10px; height: auto; width: 275px;}
	.careerfinder .title {float:none;}
	.careerfinder .educationRequiredDiv {margin-left: 0;}
	.careerfinder .filter-row select {max-width: 230px;}
	.careerfinder .educationRequiredDiv {display: none;}
	.careerfinder .educationRequiredFilterValue {display: block;}
	.careerfinder .educationRequiredFilterValue td {display: block; padding: 5px 0;}
	.careerfinder .educationRequiredFilterValue td label {line-height: 22px; margin-left: 5px;}
	.careerfinder .career-clear-selection {bottom: 0; float: left; margin: 10px 0; position: relative; right: auto;}
	.careerfinder .career-search-button {bottom: 0; left: 22px; margin: 10px 0; position: relative;}
	.careerfinder .search-left .career-sort-option .text {right: 175px;}
	.careerfinder .result-entry {padding: 5px 5px 10px;}
	.careerfinder .result-entry div.district-image {position: relative;}
	
	.careerfinder #main-column #bottom-section {display: none;}
	.careerfinder .jcarousel-skin-tango .jcarousel-container-horizontal {width: 363px !important;}
	.careerfinder .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 363px !important;}
	/*.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 18px; margin-right: 18px;}*/
	.careerfinder .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0 36px !important;}
	.careerfinder .search-left {width: 275px;}
	.careerfinder .search-left .career-sort-option select {max-width: 170px; position: absolute; right: 9px;}
	.careerfinder .result-entry .entry-result .degree .title {float: none;}
	.search-left .pager-size {top: -25px;}
	
	.media-section .vComments {display: inline-block; margin-top: 20px;}
	.footer-section {border-left: none; border-right: none;}
	.jquerybubblepopup{width: 250px !important; left: 20px !important;}

	/*--- Career Details ---*/
		.education-required-section .blue-arrow {color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 30px; text-indent: 5px; width: 280px;}
		.education-required-section .blue-arrow.basic-cert {background-position: -150px -126px;}
		.education-required-section .blue-arrow.advanced-cert {background-position: -150px -156px;}
		.education-required-section .blue-arrow.assoc-degree {background-position: -150px -187px;}
		.education-required-section .blue-arrow.yr-degree {background-position: -150px -216px;}
		
		.education-required-section .blue-arrow.basic-cert.selected {background-position: -192px -60px; width: 265px;}
		.education-required-section .blue-arrow.advanced-cert.selected {background-position: -170px -60px; width: 285px;}
		.education-required-section .blue-arrow.assoc-degree.selected {background-position: -150px -60px; width: 305px;}
		.education-required-section .blue-arrow.yr-degree.selected {background-position: -135px -60px; width: 330px;}
		
		.education-required-section .blue-arrow.selected .salary {background-color: #FFFFFF; color: #000000; font-size: 14px; left: 0; margin-top: 0; position: absolute; text-align: left; top: 0; width: 100%;}
		.education-required-section .blue-arrow.selected .salary .bold {width: 140px !important;}	
		
		/*.additional-description {padding-top: 0;}
		.additional-description #ctl00_PlaceHolderMain_AdditionalDescription_label {border-bottom: 1px dotted #676767; color: #676767; display: block !important; font-size: 16px; margin: 20px 0 0; padding-bottom: 6px;}*/
		
		.career-collapsible h2 {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-down.png") no-repeat scroll left center transparent; border-bottom: 1px dotted #676767; font-weight: normal; padding-left: 25px;}
		.career-collapsible.expanded h2 {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-up.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}
		
		/*#ctl00_PlaceHolderMain_AdditionalDescription_label {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-down.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}
		.additional-description.expanded #ctl00_PlaceHolderMain_AdditionalDescription_label {background: url("/_layouts/images/ChicagoCityColleges.com/arrow-up.png") no-repeat scroll left center transparent; font-weight: normal; padding-left: 25px;}*/
		
		.education-required-section {padding: 30px 0 0; position: relative;}
		
	/*--- Employee Directory ---*/
		.employee-directory .search-left {padding: 0 5px; width: 300px;}
		.employee-directory .staff-directory .result-entry {font-size: 12px;}
		.employee-directory .staff-directory .result-entry .result-label {width: 60px;}
		.employee-directory .staff-directory .result-entry .staff-photo {margin-right: 5px;}
		.employee-directory .staff-directory .result-entry .line-item {margin-left: 10px;}
		.employee-directory .search-result-entry a.email {font-size: 12px;}
		.staff-details .page-content .update-profile-link {display:none;}
		.staff-details .page-content .staff-biography {display: block; min-height: 0px;}
		
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory {position: relative;}
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-left {margin-top: 400px;}
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-right.staff-filter {height: 350px; position: absolute;}
	
	/*--- Services List ---*/		
		#ctl00_PlaceHolderMain_serviceList_upServicesResults {position: relative;}
		#ctl00_PlaceHolderMain_serviceList_upServicesResults .search-left {margin-top: 240px; width: 100%;}
		#ctl00_PlaceHolderMain_serviceList_upServicesResults .search-right {margin-top: 95px; position: absolute;}
		.view-all-services{bottom: -10px; right: 20px;}

		
	/*--- News List ---*/
		#ctl00_PlaceHolderMain_newsSearch_upNewsResults .search-left {width: 95%;}


	/*--- Events List ---*/
		#ctl00_PlaceHolderMain_eventSearch_upNewsResults .search-left .pager {margin-top: 12px;}
		#ctl00_PlaceHolderMain_eventSearch_upNewsResults .search-left .pager-size {top: -13px;}
		#ctl00_PlaceHolderMain_eventSearch_upNewsResults .event-entry .left-col {margin-top: 14px;}
		.event-entry .right-col .college-name {top: 2px;}
		.event-entry .right-col .date-range {margin-top: 11px; width: 200px;}
		#district-events #right-column {float: left; position: absolute;}
		#district-events #main-column {margin-top : 608px; position: relative; float: right !important; }


	/*--- Events List College --*/		
		#college-events .feature-event-wrapper .flipper-content .text {height: 127px !important; left: 7px !important; margin: 192px 0 0 !important; width: 277px !important;}
		#college-events .feature-event-wrapper {background-size: 287px auto;}
		#college-events .feature-event-wrapper > h2{ left: 7px !important; top: 185px !important;}
		#college-events .feature-event-wrapper .shadow-bottom {height: 315px !important; background-size: 287px auto;}
		#college-events .feature-event-wrapper .flipper-wrapper.college .image img { max-height: 176px !important; max-width: 270px !important;}
		#college-events .feature-event-wrapper .flipper-wrapper.college .image {height: 176px !important; width: 270px !important; margin-top: -11px;}
		#college-events .feature-event-wrapper ul.mycarousel {margin: 0 0 0 5px;}	
		#college-events #right-column {float: left; position: absolute; margin-top: -72px;}
		#college-events #main-column .event-list{margin-top : 568px; position: relative; float: right !important; }

		
	/*--- Search Results ---*/
		#search-results {width: 100%;}

		
		
	/*--- College List ---*/
		.college-list-wrapper {width: 100% !important;}
		.college-list-wrapper .list-fulldescription {width: 100% !important;}

	
	/*-- College Homepage ---*/
		#bottom-section.college #college-events {margin-left: 0px; width: 350px;}
		#bottom-section.college #college-events .events-dots{display: none !important}
		#bottom-section.college #college-events ul{padding-left: 10px;}
		#bottom-section.college #news {padding-left: 10px; margin-left: 0px; width: 350px;}
		#bottom-section.college #news .college-news-icon{display: none !important}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-container-horizontal {width: 230px !important; padding:60px 65px 0;}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 230px !important; margin-left: -50px;}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 0 !important;}
		#bottom-section.college .flipper-wrapper.college .jcarousel-skin-tango .text {left: 18px !important;}
		#bottom-section.college .flipper-wrapper.college .shadow-bottom {background-size: 453px !important; background-position: left bottom; width: 453px !important; height: 232px !important;}
		#bottom-section.college #content-right {background-size: 453px !important; width: 453px; margin-left: 0px;}
        #bottom-section.college .jcarousel-skin-tango .jcarousel-next-horizontal {right:90px !important;}
		/*--#bottom-section.college .shadow-bottom .flipper-title-features {left: 50px;}--*/

	/*-- District Homepage ---*/
		#middle-section .HomPageBody .YourOptions, #middle-section .HomPageBody .FirstStep, #middle-section .HomPageBody .Outcomes {border: 0px solid #CCCCCC; height: 275px; margin: 10px 5px; padding: 0px; width: 298px;}
		.HomeTitleImage {background: none repeat scroll 0 0 #ffffff; margin: 0 0 10px; padding: 10px; text-align: center;}
		#middle-section .HomPageBody {padding-top: 0px;}
    .district-homepage-body .YourOptions .HomeTitleImage, .district-homepage-body .FirstStep .HomeTitleImage, .district-homepage-body .Outcomes .HomeTitleImage {
        height: 100px;
    }
		
	/*--- Staff Directory ---*/
		#ctl00_PlaceHolderMain_staffDirectory_upStaffDirectory .search-left {width: 290px;}
	/*--- Contact Us ---*/
		.pp_pic_holder.pp_default iframe {width: 100% !important; height: 375px !important;}
		.pp_pic_holder.pp_default .pp_content {width: 99% !important; height: 410px !important;}
		.pp_pic_holder.pp_default {width: 98% !important; left: 5px !important;}		
		.pp_pic_holder.pp_default .pp_details{width: 100% !important;}		
		
}

/*--- Global Navigation Separators ---*/
div.global-nav-separator { float:left; width: 5px; margin-top: 8px; }

body.district div.global-nav-separator { color: #FFF; }
body.washington div.global-nav-separator { color: #FFF; }
body.truman div.global-nav-separator { color: #FFF; }
body.kennedy div.global-nav-separator { color: #FFF; }
body.olive-harvey div.global-nav-separator { color: #FFF; }
body.daley div.global-nav-separator { color: #FFF; }
body.malcolm-x div.global-nav-separator { color: #FFF; }
body.wright div.global-nav-separator { color: #FFF; }

ul.topnav.global-nav li a.myCCC { text-decoration: none; font-size: 16px; font-weight: 700; padding: 5px; padding-left: 12px; }
ul.topnav.global-nav li a.myCCC:hover { text-decoration: none; background:none; }

/*--- Social Media Area ---*/
.social-links p.connectCCC { font-weight:700; padding-bottom:5px; margin-bottom:0px; margin-left:7px;}

.social-links .icon-tumblr {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-tumblr-off.png"); height: 22px; width: 22px; background-size: 22px;}
.social-links .icon-facebook {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-facebook-off.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-twitter {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-twitter-off.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-youtube {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-youtube-off.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-instagram {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-instagram-off.png"); height: 22px; width: 22px;background-size: 22px;}


.social-links .icon-tumblr:hover, .social-links .icon-tumblr:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-tumblr-on.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-facebook:hover, .social-links .icon-facebook:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-facebook-on.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-twitter:hover, .social-links .icon-twitter:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-twitter-on.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-youtube:hover, .social-links .icon-youtube:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-youtube-on.png"); height: 22px; width: 22px;background-size: 22px;}
.social-links .icon-instagram:hover, .social-links .icon-instagram:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/icon-instagram-on.png"); height: 22px; width: 22px;background-size: 22px;}



/*--- District Navigation (Request Info, Apply Now) ---*/
.header-extra-links { bottom: 9px; position: absolute; right: 15px; width: 290px; z-index: 1; }
.header-extra-links a { background-repeat: no-repeat; display: inline-block; margin: 3px 10px;
                        padding: 3px 0 3px 25px !important; font-size: 16px; line-height: 20px; }
.header-extra-links a:hover { text-decoration: none; color: #ababab; }
.header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/ccc-info.png"); background-size: 18px; background-position: 6px 2px;}
.header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/ccc-apply.png"); background-size: 18px; background-position: 6px 2px;}
.header-extra-links a.header-request-info:hover { background-image: url("/_layouts/images/ChicagoCityColleges.com/ccc-info-hover.png"); background-size: 18px; background-position: 6px 2px;}
.header-extra-links a.header-apply-now:hover { background-image: url("/_layouts/images/ChicagoCityColleges.com/ccc-apply-hover.png"); background-size: 18px; background-position: 6px 2px;}

/*--- College Navigation (Request Info, Apply Now) ---*/
body.washington .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/hwc-info.png"); }
body.washington .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/hwc-apply.png"); }

body.truman .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/tr-info.png"); }
body.truman .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/tr-apply.png"); }

body.kennedy .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/kk-info.png"); }
body.kennedy .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/kk-apply.png"); }

body.olive-harvey .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/oh-info.png"); }
body.olive-harvey .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/oh-apply.png"); }

body.daley .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/da-info.png"); }
body.daley .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/da-apply.png"); }

body.malcolm-x .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/mx-info.png"); }
body.malcolm-x .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/mx-apply.png"); }

body.wright .header-extra-links a.header-request-info { background-image: url("/_layouts/images/ChicagoCityColleges.com/wr-info.png"); }
body.wright .header-extra-links a.header-apply-now { background-image: url("/_layouts/images/ChicagoCityColleges.com/wr-apply.png"); }

/*--- District Footer ---*/

.footer-social-icons .footer-facebook {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-facebook-off.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-tumblr {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-tumblr-off.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-twitter {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-twitter-off.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-youtube {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-youtube-off.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-instagram {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-instagram-off.png"); background-repeat:no-repeat; background-size: 22px;}

.footer-social-icons .footer-facebook:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-facebook-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-tumblr:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-tumblr-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-twitter:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-twitter-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-youtube:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-youtube-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-instagram:hover {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-instagram-on.png"); background-repeat:no-repeat; background-size: 22px;}

.footer-social-icons .footer-facebook:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-facebook-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-tumblr:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-tumblr-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-twitter:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-twitter-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-youtube:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-youtube-on.png"); background-repeat:no-repeat; }
.footer-social-icons .footer-instagram:focus {background-image: url("/_layouts/images/ChicagoCityColleges.com/footer-instagram-on.png"); background-repeat:no-repeat; background-size: 22px;}


.footer-social-icons a {color:white;display: block; float: left; font-size: 0; height: 26px; line-height: 0; margin: 2px; text-indent: -9999px; width: 26px;}
.footer-social-icons a:first-of-type { margin-left: 0px;}



/*--- College Footer ---*/
body.daley .college-names,
body.kennedy .college-names,
body.truman .college-names,
body.washington .college-names,
body.wright .college-names,
body.malcolm-x .college-names,
body.olive-harvey .college-names {border: medium none; min-height: 160px; top: 140px;}

.college-section-names {padding-top: 0px; top: 0 !important;}

/*--- District Homepage Body ---*/
.district-homepage-body { height: auto !important; margin-left: 0px; }
.district-homepage-body .YourOptions, .district-homepage-body .FirstStep, .district-homepage-body .Outcomes { height: auto !important; }
.district-homepage-body .YourOptions, .district-homepage-body .FirstStep { border-right: 1px dotted #005e99;}
.district-homepage-body-text { text-align: center; padding: 0 10px;}
.district-homepage-body-text.title { color:#1667A4; text-align: center; padding: 0 45px 10px 45px; font-family:oswaldlight, Helvetica, "Nimbus Sans L", sans-serif !important;  font-weight: bold; font-size:large;}


div.YourOptions.district-homepage-body:hover {
     color: #06A6C8
}

.district-homepage-body .YourOptions .HomeTitleImage,
.district-homepage-body .FirstStep .HomeTitleImage,
.district-homepage-body .Outcomes .HomeTitleImage { height: 125px; width: inherit; position: relative; float: left; }

.district-homepage-body .YourOptions .ExtraWrapper,
.district-homepage-body .FirstStep .ExtraWrapper,
.district-homepage-body .Outcomes .ExtraWrapper { float: left;height:82px; }

.district-homepage-body .YourOptions img,
.district-homepage-body .FirstStep img,
.district-homepage-body .Outcomes img { transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; 
                                           -o-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;
                                           position:absolute; left:80px; top:0px; height:125px; }
                                           
/*.district-homepage-body .YourOptions img.districtHomepageImageOverlay:hover,
.district-homepage-body .FirstStep img.districtHomepageImageOverlay:hover,
.district-homepage-body .Outcomes img.districtHomepageImageOverlay:hover { opacity:0;}*/

.district-homepage-body .YourOptions:hover .districtHomepageImageOverlay,
.district-homepage-body .FirstStep:hover .districtHomepageImageOverlay,
.district-homepage-body .Outcomes:hover .districtHomepageImageOverlay{ opacity:0; }

.district-homepage-body a:focus .districtHomepageImageOverlay {opacity:0}

.district-homepage-body .YourOptions:hover .hoverable,
.district-homepage-body .FirstStep:hover .hoverable,
.district-homepage-body .Outcomes:hover .hoverable {color: #06A6C8; }

/*--- District News ---*/
#district-news, #mobile-news { float: left; margin-left: 0px; margin-bottom: 12px; padding-top: 0px; position: relative; width: 100%;}
#district-news div.district-news-header {  position: relative; width: 96.5%;
                                           color: white; padding: 6px 0px 6px 25px; font-size: 1.5em; 
                                           font-family:oswaldlight, Helvetica, "Nimbus Sans L", sans-serif !important;  font-weight: bold; 
                                           	background-color: #005A8A;
	background: -moz-linear-gradient(225deg, transparent 10px, #005A8A 0);
	background: -webkit-linear-gradient(225deg, transparent 10px, #005A8A 0);
	background: linear-gradient(225deg, transparent 10px, #005A8A 0);
}

/*#district-news div.district-news-header::after
{ content: ""; display: inline-block; position: absolute; top: 35px; left: 0px; height: 18px; width: 161px; }*/

#district-news .ExtraWrapperShadow {
    height: 8px;
    background: url(/_layouts/images/ChicagoCityColleges.com/accordion_shadow.png) no-repeat scroll;
}

#bottom-section .ExtraWrapperShadow {
    height: 8px;
    background: url(/_layouts/images/ChicagoCityColleges.com/accordion_shadow.png) no-repeat scroll;
}

div.district-news-header a.view-all-link { left: 215px !important; color: White; font-size: .75em; padding: 0px 10px 0px 10px;background-color:#005A8A;}
div.district-news-header a.rss-feed { left: 292px !important; }

/*#district-news ul { list-style-type: disc !important; }*/
#district-news li { color: #00aeef !important; }
#district-news li a { font-weight: 700; }

.newsdate, .newsdescription { display: none; }

/*--- District Features ---*/
/*.flipper-full-width { width: 960px; }*/
.flipper-full-width { width: 100%;  max-width: 960px;}
/*#bottom-section.district .flipper-full-width .jcarousel-skin-tango .jcarousel-container-horizontal
{ width: 860px !important; }*/
.flipper-full-width .flipper-wrapper .dfwp-item, .flipper-wrapper .dfwp-list 
{ width: 200px !important; padding-left: 14px; padding-right: 14px; }

#bottom-section.district { display: inline-block; margin: 0 0 10px; padding-top: 0;width:100%}
#bottom-section.district a.PlayButton {background-color: transparent; background-image: url("/_layouts/images/ChicagoCityColleges.com/youtube-icon.png"); display: block; font-size: 0; height: 23px; left: 10px; line-height: 0; position: absolute; text-indent: -9999px; top: 10px; width: 32px;}


/*--- District Features ---*/
#bottom-section div.features-district-title 
{
    /*margin-left: 0px;  width: 99.5%; z-index: 9999;*/
    position: relative; width: 96.5%;
    color: white; padding: 6px 0px 6px 25px; font-size: 1.5em; font-family:oswaldlight, Helvetica, "Nimbus Sans L", sans-serif !important;  font-weight: bold;
    background-color: #005A8A;
	background: -moz-linear-gradient(225deg, transparent 10px, #005A8A 0);
	background: -webkit-linear-gradient(225deg, transparent 10px, #005A8A 0);
	background: linear-gradient(225deg, transparent 10px, #005A8A 0);
}

/*#bottom-section div.features-district-title::after
{ content: ""; display: inline-block; position: relative; top: 35px; left: 0px; height: 18px; width: 161px; }*/

/*--- College Features ---*/
#bottom-section.college .jcarousel-skin-tango .jcarousel-container-horizontal
{ width: 910px; padding: 40px 40px 0px 40px; }
#bottom-section.college .flipper-wrapper .dfwp-item, .flipper-wrapper .dfwp-list 
{ width: 200px !important; padding-left: 14px; padding-right: 14px; }

#bottom-section.college { display: inline-block; margin: 0 0 10px; padding-top: 0;}

#bottom-section.college a.PlayButton
{background-color: transparent; background-image: url("/_layouts/images/ChicagoCityColleges.com/youtube-icon.png");
 display: block; font-size: 0; height: 23px; left: 10px; line-height: 0; position: absolute;
 text-indent: -9999px; top: 10px; width: 32px;}
 
#bottom-section.college .flipper-content .text
 {
     background-color: #b58610; /* Old browsers */
     background: -moz-linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
 
 
 /*---Accordion---*/
 
.district-accordion #accordion .HomeTitleImage {  
   display: block; height: 30px;  margin: 0; position: relative; transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; 
    background-color: #005A8A; /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #005A8A0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #005A8A 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #005A8A 0);; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  
 }

.district-accordion #accordion .HomeTitleImage.ui-state-active {
    background-color: #005A8A; /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #005A8A0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #005A8A 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #005A8A 0);; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  
}
.district-accordion #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

.district-accordion #accordion .HomeTitleImage:hover {

     background-color: #06A6C8 /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #06A6C8 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #06A6C8 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #06A6C8 0);; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     cursor: pointer;

}


.district-accordion #accordion .HomeTitleImage:focus {

     background-color: #06A6C8 /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #06A6C8 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #06A6C8 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #06A6C8 0);; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.AccordianTitle {
    color: white;
    padding: 6px 0px 10px 30px;
    text-align:left;
    font-size: 1.5em;
    font-family: oswaldlight, Helvetica, "Nimbus Sans L", sans-serif !important;
    line-height:18px;
    
}


#top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    content: "";
    display: inline-block;
    background: url("/_layouts/images/ChicagoCityColleges.com/arrow_open.png") no-repeat top left;
    width: 16px;
    height: 20px;
    left: 7px;
    top: 8px;
    position: absolute;
}

#top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    content: "";
    display: inline-block;
    background: url("/_layouts/images/ChicagoCityColleges.com/arrow_closed.png") no-repeat top left;
    width: 14px;
    height: 20px;
    left: 9px;
    top: 6px;
    position: absolute;
}


#top-section .HomeTitleImage[aria-expanded="true"] .Active::before 
{
    content: "";
    display: inline-block;
    background: url("/_layouts/images/ChicagoCityColleges.com/arrow_open.png") no-repeat top left;
    width: 16px;
    height: 20px;
    left: 7px;
    top: 8px;
    position: absolute;
}
#top-section .HomeTitleImage[aria-expanded="false"] .Active::before 
{
    content: "";
    display: inline-block;
    background: url("/_layouts/images/ChicagoCityColleges.com/arrow_closed.png") no-repeat top left;
    width: 14px;
    height: 20px;
    left: 9px;
    top: 6px;
    position: absolute;
}
/*
body.washington #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-HWC.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.washington #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-HWC.png") no-repeat scroll -310px 0 transparent;}
body.washington #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}
*/
body.washington #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/hw_arrow_open.png") no-repeat top left;
}

body.washington #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/hw_arrow_closed.png") no-repeat top left;
}
body.truman #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/tr_arrow_open.png") no-repeat top left;
}

body.truman #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/tr_arrow_closed.png") no-repeat top left;
}
body.kennedy #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/kk_arrow_open.png") no-repeat top left;
}
body.kennedy #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/kk_arrow_closed.png") no-repeat top left;
}
body.olive-harvey #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/oh_arrow_open.png") no-repeat top left;
}

body.olive-harvey #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/oh_arrow_closed.png") no-repeat top left;
}
body.daley #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/da_arrow_open.png") no-repeat top left;
}

body.daley #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/da_arrow_closed.png") no-repeat top left;
}
body.malcolm-x #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/mx_arrow_open.png") no-repeat top left;
}

body.malcolm-x #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/mx_arrow_closed.png") no-repeat top left;
}
body.wright #top-section .HomeTitleImage[aria-expanded="true"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/wr_arrow_open.png") no-repeat top left;
}

body.wright #top-section .HomeTitleImage[aria-expanded="false"] .AccordianTitle::before 
{
    background: url("/_layouts/images/ChicagoCityColleges.com/wr_arrow_closed.png") no-repeat top left;
}

body.washington #accordion .HomeTitleImage,
body.truman #accordion .HomeTitleImage, 
body.kennedy #accordion .HomeTitleImage, 
body.malcolm-x #accordion .HomeTitleImage, 
body.olive-harvey #accordion .HomeTitleImage, 
body.wright #accordion .HomeTitleImage,
body.daley #accordion .HomeTitleImage
    {
     background: #5A5858 /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #5A5858 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #5A5858 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #5A5858 0); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  
     display: block; height: 30px;  margin: 0; position: relative; transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s;  
    }

body.washington #accordion .HomeTitleImage.ui-state-active,
body.truman #accordion .HomeTitleImage.ui-state-active,
body.kennedy #accordion .HomeTitleImage.ui-state-active,
body.malcolm-x #accordion .HomeTitleImage.ui-state-active,
body.olive-harvey #accordion .HomeTitleImage.ui-state-active,
body.wright #accordion .HomeTitleImage.ui-state-active,
body.daley #accordion .HomeTitleImage.ui-state-active
 {
     background:#5A5858; /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px, #5A5858 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px,#5A5858 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #5A5858 0); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
}

body.washington.HomeTitleImage img,
body.truman.HomeTitleImage img,
body.kennedy.HomeTitleImage img,
body.malcolm-x.HomeTitleImage img,
body.olive-harvey.HomeTitleImage img,
body.wright.HomeTitleImage img,
body.daley.HomeTitleImage img
 {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

body.washington #accordion .HomeTitleImage:hover,
body.truman #accordion .HomeTitleImage:hover,
body.kennedy #accordion .HomeTitleImage:hover,
body.malcolm-x #accordion .HomeTitleImage:hover,
body.olive-harvey #accordion .HomeTitleImage:hover,
body.wright #accordion .HomeTitleImage:hover,
body.daley #accordion .HomeTitleImage:hover
 {
     background: #959393; /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px,#959393 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #959393 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #959393 0); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
     cursor:pointer;
}

body.washington #accordion .HomeTitleImage:focus,
body.truman #accordion .HomeTitleImage:focus,
body.kennedy #accordion .HomeTitleImage:focus,
body.malcolm-x #accordion .HomeTitleImage:focus,
body.olive-harvey #accordion .HomeTitleImage:focus,
body.wright #accordion .HomeTitleImage:focus,
body.daley #accordion .HomeTitleImage:focus
 {
     background: #959393; /* Old browsers */
     background: -moz-linear-gradient(225deg, transparent 10px,#959393 0); /* FF3.6-15 */
     background: -webkit-linear-gradient(225deg, transparent 10px, #959393 0); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(225deg, transparent 10px, #959393 0); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
     cursor:pointer;
}

/*
body.kennedy #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-KK.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.kennedy #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-KK.png") no-repeat scroll -310px 0 transparent;}
body.kennedy #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

body.malcolm-x #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-MX.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.malcolm-x #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-MX.png") no-repeat scroll -310px 0 transparent;}
body.malcolm-x #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

body.olive-harvey #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-OH.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.olive-harvey #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-OH.png") no-repeat scroll -310px 0 transparent;}
body.olive-harvey #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

body.wright #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-WR.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.wright #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-WR.png") no-repeat scroll -310px 0 transparent;}
body.wright #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}

body.daley #accordion .HomeTitleImage {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-DA.png") no-repeat scroll 0 0 transparent; display: block; height: 40px; margin: 0 auto; position: relative;}
body.daley #accordion .HomeTitleImage.ui-state-active {background: url("/_layouts/images/ChicagoCityColleges.com/accordion-bg-empty-DA.png") no-repeat scroll -310px 0 transparent;}
body.daley #accordion .HomeTitleImage img {position: absolute; left: 35px; top: 13px; max-width: 275px; max-height: 21px;}
*/
/* drop-shadow */
#accordion .ExtraWrapperShadow { height: 8px; background: url("/_layouts/images/ChicagoCityColleges.com/accordion_shadow.png") no-repeat scroll; }

/* accordion body style */
#accordion .ExtraWrapper a, #accordion .ExtraWrapper a:hover { font-weight: 700; color: #005A8A; }
#accordion .ExtraWrapper a:visited { font-weight: 700; color: #005A8A; }
#accordion .ExtraWrapper h3 { font-weight: 700; color: Black; }
#accordion .ExtraWrapper hr { border: 0; border-bottom: 1px dotted; color: #007fc5; }
/*overrride margin*/
#district-news .cbq-layout-main{
    margin-left: 25px;
    width: 96.5%;
}

.pointer {
    cursor: pointer;
    margin-top: -10px;
}
.ac-container p{ /* paragraph inside accordion */ 
	color: #424C84;
	font-size: 14px;
	padding:0px;
	margin-bottom:0px;
    margin-top:0px;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

.ac-container p a{ /* links inside accordion */ 
	color:#00B4C2;
	font-size:14px;
	font-weight:bold;
}


.ac-header{ /* Heading inside accordion */ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#414141;
	padding-left:20px;
	padding-top:10px;

}

.ac-border{ /* Border inside accordion */ 
	width:90%;
	border-bottom:dotted 1px #25aae1;
	margin-bottom:.5px;	
}

.microeventssection {
    width:150px;
    float:right;

}