@charset "utf-8";
/* CSS Document */

/*CONTENT GLOBAL*/

/* 

=========================
----Table of Contents----
=========================

I.    Default styles for mobile

      i.    High level styles for cg-main-wrapper
      ii.  Styles for common elements/layouts:
        a.   Detail styles - bold, center, indent, align, etc.
        b.   Button styles
               i.   Regular buttons
               ii.  Action buttons
               iii. Bubbles
        c.   Width blocks (flexbox)
        d.   Cards
        e.   Special lists
        f.   Highlight boxes
        g.   Youtube videos
        h.   Quotes
        i.   Banners
        j.   Icons 
        k.   Directories 
        l.   Captions and controls

      iii. Functionality styles
        a.   Checkbox hack
        b.   CC target
        c.   Widescreen watermark
        d.   Hide classes - cg-visible and cg-hide-on-mobile/desktop
      
      iv.   Salesforce rules
      
II.   Print styles
    
III.   Styles for @media 480px

VI.    Styles for @media 600px

V.    Styles for @media 768px

VI.   Styles for @media 992px

VII.  Styles for @media 1200px

VIII.   Styles for @media 1366px


=============================
----End Table of Contents----
=============================
*/
#mobile-indicator { position: absolute; }

.cg-notice {
    border: 3px solid #E92F32;
    width: 94%;
    padding: 10px 3%;
	background-color:#fff;
	z-index:1;
}


/*HIGH LEVEL STYLES for cg-main-wrapper*/
.cg-main-wrapper {
    width: 100%;
    clear: both;
    padding-top: 0;
}

/*DETAIL STYLES*/
/*Keeping until we have a use case other than a number - to get bolder number add cg-ultra-bold*/
.cg-big-number {
    font-size: 6rem;  
    font-family: museo-sans-100, 'Open sans', Arial, sans-serif; 
    text-align: center;
    display: inline;
	line-height: 5rem;
}
.cg-center {
    text-align: center;   
}
.cg-ultra-bold {
	font-family: museo-sans-900, 'Open Sans', Arial, sans-serif;
}
.cg-label {
	font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;	
}
.cg-subtle-text {
    color: #767676;
    font-size: 80%;
    line-height: normal;
    margin: 5px 0;
}
.cg-subtle-text a, .cg-disclaimer a {
	font-size:inherit;
	line-height:inherit;
}
.cg-disclaimer {
	font-size:1.4rem;
	line-height:2.4rem;
	color:#767676;
}

/*monitor this closely for design approval - indent button in sitecore*/
p.cg-indent, li.cg-indent, ul.cg-indent, ol.cg-indent { 
/*used here (remove): http://sitecore/offices/international/admissions.aspx */
    width: 96%;
    padding-left: 4%;   
}

/*Keeping for now because a lot of pages were found to use this in the crawl*/
.align-right {
    float: none;
}

/*faculty pages - eventually need to change these classes to follow naming conventions */
.faculty-bio img {
    vertical-align: top;
}

/*BUTTONS*/
.cg-button, .cg-button:visited {
	background-color: #fff;
    border: 3px solid #ffd800;
	color: #1a1a1a;
    /*font-size: 1.6rem;*/
	font-family:museo-sans-500, 'Open Sans', Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	/*min-width: 220px;*/
	padding: 7px 20px;
	display: inline-block;
    min-width: 0;
    margin-bottom: 10px;
    width:auto;/*changed from 100% because it was overflowing its wrappers - ep 11/3 */
   
    margin-right: auto;
    margin-left: auto;
    float: none;
    transition: all .4s cubic-bezier(0.4, 0, 0.6, 1); /*This is the sharp curve. We want it eventually to use 2 curves, but need JS to do that*/
    display:block; /*added to make it full width in its container - could potentially cause problems - ep 11/3 */
}
.cg-button:hover, .cg-button:focus { /*HOVER*/
    background-color: #ffd800;
    box-shadow: none;
    -webkit-transform: none;
            transform: none;
}

.cg-button-light, .cg-button-light:visited {
    border: 3px solid #e5e5e5;   
    padding: 7px 20px;
    color: #1a1a1a;
    display: inline-block;
    display:block;
    padding:10px;
    transition: all .2s ease-in-out;
    margin: 10px 0;
    text-align:center;
}
.cg-button-light:hover, .cg-button-light:focus { 
    border: 3px solid #179b90;
    background-color: #fff;
}
.cg-button-emphasis, .cg-button-emphasis:visited {
	background-color: #FFD800;
    color: #1a1a1a;
    min-width: 220px;
    padding: 10px 20px;
    transition: all .35s ease-in-out;
    display: inline-block;
    text-align: center;
}
.cg-button-emphasis:hover, .cg-button-emphasis:focus {  
  box-shadow:         0 2px 3px #767676; 
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
a.cg-link-standalone, span.cg-link-standalone, a.cg-link-standalone:visited, span.cg-link-standalone:visited {
    display: inline-block;
    font-family:museo-sans-700, 'Open Sans', Arial, sans-serif;
    font-size: 1.6rem;
    margin: 10px 0; 
    text-transform: uppercase;
    color: #179b90;
    text-decoration: underline;
    width: 100%;
}
a.cg-link-standalone:hover, span.cg-link-standalone:hover, a.cg-link-standalone:focus, span.cg-link-standalone:focus { 
    text-decoration: underline;
}

/*a.cg-link-standalone, a.cg-link-standalone:hover, a.cg-link-standalone:focus, a.cg-link-standalone:visited {
    text-decoration:none;
    display:inline-block;
    width:auto;
    margin-right:20px;
}
a.cg-link-standalone:after {
    content: '';
    background: #179b90;
    height: 3px;
    width: 0;
    margin-top: 3px;
    position: absolute;
    right: 0;
    display: block;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
}
a.cg-link-standalone:hover:after {
    width: 100%;
    left: 0;
    background: #179b90;
}*/

/*Action buttons*/
.cg-action-button, a span.cg-action-button {
   display: inline-block;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   color: #fff;
   font-size: 3rem;
   line-height: 3.2rem;
   text-decoration: none;
   text-align: center;
   font-family: museo-sans-300, 'Open Sans', Arial, sans-serif;
   background-color: #179b90;
    transition: all .2s cubic-bezier(0.4, 0, 0, 1);
}
.cg-action-button:hover, .cg-action-button:focus { 
  box-shadow: none;
  -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
/*Commenting out because not currently anywhere on the site 9/26/17
.cg-action-button-light {
    background-color: #e5e5e5;  
    color: #1a1a1a;
}
.cg-action-play {
    font-size: 2rem;
    line-height: 3.5rem;
}*/
.cg-action-button img, .cg-block .cg-action-button img {
    width: 8px;  
    margin-top: 6px; 
}
/*bubble-buttons*/
.cg-button-bubble {
    width: calc(100% - 30px);
    height: auto;
    padding: 0 10px 0 20px;
    background: #e5e5e5;
    font-size: 1.6rem;
    transition: box-shadow .35s ease-in-out, -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out, box-shadow .35s ease-in-out;
    transition: transform .35s ease-in-out, box-shadow .35s ease-in-out, -webkit-transform .35s ease-in-out;
}
.cg-bubble-message {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align:middle;
}
.cg-button-bubble a {
    color: #1a1a1a;
    text-decoration: none;
}
.cg-button-bubble p {
    font-family: museo-sans-700, 'Open Sans', Arial, sans-serif;
    text-decoration: underline; 
    margin-bottom:0;
    margin: 10px 0;
}
.cg-button-bubble .cg-action-button{  
    width: 25px;
    height: 25px;
    margin: 10px;
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;
    -webkit-animation: delay 2s 1 forwards, ripple 5s 1.8s 1;
            animation: delay 2s 1 forwards, ripple 5s 1.8s 1;
            
    background: #e92f32;
    background: linear-gradient(100deg, #002855 5%, #4b2a4a 15%, #b92e39 45%, #e92f32 80%);
}

.cg-button-bubble .cg-action-button:hover { 
    background: #e92f32;
    background: linear-gradient(100deg, #4b2a4a 0%, #b92e39 40%, #e92f32 80%);
}



/*WIDTH BLOCKS*/
/*mobile styles everything stacks vertically*/

/*A rule to fix flexbox in IE - has to be important because we don't want to have to define it each time we adjust the other flex qualities*/
/*.cg-main-wrapper .cy-image-grid .cg-width-blocks, .cg-main-wrapper .cy-image-grid .cg-block, .cg-main-wrapper .cy-image-grid .cg-block-pairs {
 -ms-flex-preferred-size: auto; 
    flex-basis: auto;  */
    /* min-width: 100%; added this for image grid in IE - it should work fine with other cg-blocks - we remove it later in this style sheet when flex basis reverts back to 0*/ /*not working right with a ton of pieces. Removing 10/24/17 -ep */
/*}*/


.in-content-wrapper .cg-width-blocks { 
    margin-bottom: 30px;
}
.cg-background-box .cg-width-blocks { /*added for this page: https://www.ccis.edu/departments/nursing.aspx */
    margin-bottom:0;
}

.cg-width-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    flex-basis:auto; /*added for IE - ep 11/2*/
 }
.cg-block {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;  
    flex-basis: auto; /*added for IE - ep 11/2*/
}


.cg-block h2:first-child, .cg-block h3:first-child {
    margin-top: 0;   
}
.cg-block p:last-child {
    margin-bottom: 0;   
}
.cg-block-pairs h2:first-child, .cg-block-pairs h3:first-child {
    margin-top: 10px;   
}
.cg-block img {
     width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 350px;
}
/*for two-thirds blocks*/
.cg-block-wide {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2; 
    flex-basis: auto; /*added for IE - ep 11/2*/
}
.cg-block .cg-outline-box, .cg-block .cg-background-box {
    margin-top: 0; 
    margin-bottom: 0; 
    margin-right: 0; 
    /*height: 100%;*/
    width: 100%;
    box-sizing: border-box;
}
.cg-block .cg-background-box h2 {
    font-family:museo-sans-700, 'Open Sans', Arial, sans-serif;
    font-size:2.4rem;
}
/*used with background-box*/
.cg-anchors.cg-background-box {
	padding:10px 15px;
}
	.cg-anchors li {
		list-style-type: none;
		margin-bottom: 0px;
	}

	.in-content-wrapper .cg-anchors ul {
		margin-left: 0;
		padding-left: 0;
		width: auto;
	}

	.in-content-wrapper .cg-anchors ul ul {
		padding-left: 20px;
	}

	.cg-anchors li a {
		color: #1a1a1a;
		font-family: museo-sans-300;
		text-decoration: underline;
		font-size: 1.45rem;
		line-height: 2rem;
		display: block;
		padding: 7px;
		transition: all .3s ease;
	}

	.cg-anchors a:hover {
		background-color: rgba(0,0,0,.1);
    }

/*for portrait shots or icons - flexes 5-1 on tablet and desktop*/
.cg-blocks-mini {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; 
    flex-basis: auto; /*added for IE - ep 11/2*/
}
/*.cg-blocks-mini .cg-block,*/ .in-right-column .cg-blocks-mini {
     margin-bottom: 10px;   
}
.cg-blocks-mini .cg-block:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; 
    margin-right: 15px;
    padding: 0;
}
.cg-blocks-mini .cg-block:last-child {
    -webkit-box-flex: 8;
        -ms-flex: 8;
            flex: 8; 
    padding: 0;
}
.cg-blocks-small, .cg-blocks-medium {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;  
    flex-basis: auto; /*added for IE - ep 11/2*/
}
.cg-blocks-mini img {
    min-width: 50px;  
}
.cg-blocks-small  img {
    min-width: 100px;
    max-width: 150px;  
}
.cg-blocks-medium img {
    min-width: 200px;
    max-width: 400px;
}
.cg-blocks-wrap-small, .cg-blocks-wrap-medium {
   -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; 
    -ms-flex-wrap:wrap; 
        flex-wrap:wrap;
    /*justify-content: space-between;
    align-items:center;*/
    flex-basis: auto; /*added for IE - ep 11/2*/
}
.cg-blocks-wrap-small .cg-block {
    margin: 10px 20px 0 0;
    width: 120px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    flex-basis: auto; /*added for IE - ep 11/2*/
}
.cg-blocks-wrap-medium .cg-block, .cy-main-wrapper .cg-blocks-wrap-medium .cg-block {
    margin: 10px 3% 0 0;
    width: 47%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    flex-basis: auto; /*added for IE - ep 11/2*/
}
.cg-blocks-mini a.cg-button, .cg-blocks-small a.cg-button, .cg-blocks-medium a.cg-button {
    width: auto; 
    min-width: 220px;
}
	


/*Check this once test refresh happens*/
.cg-width-blocks + hr {
    margin-top: 20px;   
}
.cg-width-blocks + h2, .cg-width-blocks + h3 {
    margin-top: 0;   
}
/*adding these because I keep having to override with internal styles - will need to remove these styles from cg-width-blocks and cg-block later - ep 3/29/18 */
	.cg-width-blocks.cg-flex-basis-none, .cg-width-blocks.cg-flex-basis-none .cg-block { 
		flex-basis:0!important;
	}
	.cg-width-blocks.cg-flex-basis-auto, .cg-width-blocks.cg-flex-basis-auto .cg-block {
		flex-basis:auto!important;
	}

	.cg-anchors li a {
		display:inline;
		margin-right:5px;
		line-height:2.6rem;
	}
	.cg-anchors ul li {
		display:inline;
	}
/*TABS*/

.cg-tabs-wrapper {
	border: solid 3px #e1e1e1;
	margin: 20px 0;
	position:relative;
}
.cg-tab-content { /*content inside active tab*/
	padding: 15px;
    margin-top:15px;
}
.in-content-wrapper .cg-tabs { /*used to negate padding added to ul*/
    width: 100%;
    display: flex;
    padding-left:0;
    overflow:scroll;
    overflow:-moz-scrollbars-none;
}
    .cg-tabs::-webkit-scrollbar {
		display:none;
	}
        .cg-tabs-wrapper .cg-tabs .cg-tab-active {
            overflow:visible;
            background-color: #fff;
        }
            .cg-tabs .cg-tab-active:hover {
                background-color: #fff;
            }
    .cg-tabs .cg-tab-active label {
        font-family:museo-sans-500, "Open Sans", arial, sans-serif;
    }
    .cg-tabs li {
        overflow:visible;
        display: inline-flex;
        flex-grow: 1;
        justify-content: center;
        background-color: #e1e1e1;
        border-right: solid 1px #a1a1a1;
        margin: 0;
        transition: all .3s ease-in-out;
        position:relative;
    }
        .cg-tabs li:last-child {
            border-right:none;
        }
    .cg-tabs li:after {
        content: '';
        background: linear-gradient(to right, rgba(225,225,225,0), rgba(225, 225, 225, .5), rgba(225,225,225,1)90%);
        right: 0;
        position: absolute;
        display: inline-block;
        height: 44px;
        width: 10px;
        z-index: 1;
    }
    li.cg-tab-active:after {
        content: '';
        background: transparent!important;
        position: absolute;
        right: 0;
        height: 44px;
        width: 10px;
        z-index: 1;
    }
        .cg-tabs li:hover:after {
            content: '';
            background: transparent!important;
            position: absolute;
            right: 0;
            height: 44px;
            width: 10px;
            z-index: 1;
        }
		.cg-tabs li label {
		    white-space: nowrap;
		    color: #1a1a1a;
		    padding-right:10px;
		    transition: all .3s ease-in-out;
			overflow:hidden;
            width:100%;
            text-align:center;
            padding:10px;
		}
    .cg-tab-fade {
        height: 44px;
        width: 80px;
        background:transparent;
        background: linear-gradient(to right, rgba(225,225,225,0),rgba(225,225,225,.5),rgba(225,225,225,1));
        background: -o-linear-gradient(left, rgba(225,225,225,0),rgba(225,225,225,.5),rgba(225,225,225,1));
        background: -moz-linear-gradient(right, rgba(225,225,225,0),rgba(225,225,225,.5),rgba(225,225,225,1));
        position: absolute;
        right: 0;
    }
.cg-tabs-wrapper > .cg-content input[type="radio"] {
    display: none;
}
    .cg-tabs-wrapper > .cg-content input[type="radio"] + div {
        display: none;
    }
        .cg-tabs-wrapper > .cg-content li + input[type="radio"]:checked {
            background-color:#fff;
        }
            .cg-tabs-wrapper > .cg-content input[type="radio"]:checked + div {
                display: block;
            }
    .cg-tabs-wrapper .cg-arrow {
		position: absolute;
		top: 5px;
		background-color: #f1f1f1;
		padding: 3px;
		border-radius: 100%;
		height: 20px;
		width: 20px;
		text-align: center;
		color: #767676;
		font-weight: bolder;
		box-shadow: 2px 2px 3px #e1e1e1;
		transition:all .2s ease-in-out;
        z-index:1;
	}
.cg-tabs-wrapper a {
    display:block;
}
		.cg-tabs-wrapper .cg-arrow:hover {
		    transform: scale(1.25, 1.25);
			box-shadow: 3px 3px 4px #e1e1e1;
		}
		.cg-tabs-wrapper > a::before {
			content: '';
			display: block;
			width: 40px;
			height: 44px;
			position: absolute;
			z-index: 1;
		}
		.cg-tabs-wrapper > a:first-child::before {
			right: 0;
			background-image: -webkit-gradient( linear, left center, right center, from(rgba(225,225,225,0)), to(rgba(225,225,225,1)));
			background-image: -moz-linear-gradient(to right, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 1) 95% );	
		}
		.cg-tabs-wrapper > a:nth-child(2)::before {
			left: 0;
			background-image: -webkit-gradient( linear, right center, left center, from(rgba(225,225,225,0)), to(rgba(225,225,225,1)));
			background-image: -moz-linear-gradient(to left, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, 1) 95% );	
		}
		.cg-tabs-wrapper .cg-arrow-right {
			right: -15px;
		}
		.cg-tabs-wrapper .cg-arrow-left {
			left: -15px;
		}
            .cg-arrow-right:after, .cg-arrow-left:after {
                content: "";
                width: 15px;
                height: 15px;
                display: inline-block;
                background-size: contain;
                background-repeat: no-repeat;
                text-align: center;
                margin: 0 auto;
                position: absolute;
                top: 6px;
            }
            .cg-arrow-right:after {
                background-image: url(/img/arrow-right.png);
                left: 11px;
            }
            .cg-arrow-left:after {
                background-image: url(/img/arrow-left.png);
                left:8px;
            }

/* FAQ accordions */



.cg-faq + .cg-faq {
    margin-top: 0;
    border-top: 0;
}
.ui-widget.cg-faq {
    margin-bottom: 0;
}


a.cg-collapsible:after {
	content:'+';
	float:left;
	margin-right:10px;
}
a.cg-collapsible {
	text-decoration:underline;
	display:block;
}
/*CARDS*/
a.cg-wrapper-link {
    text-decoration: none; 
    color: #1a1a1a!important;
}
.cg-card {
    background: #fff;
    box-shadow: 0 0 5px #cccccc;
    position: relative;
    transition: all .35s cubic-bezier(0.4, 0, 0, 1);
    /*margin-bottom: 20px;*/
    display: inline-block;
    /*padding: 20px;*/
    box-sizing: border-box;
    /*height: 100%;*/
    width: 98%;
	margin:3px;
}
/*universal*/
.cg-card a:not(.cg-link-standalone), .cg-desktop a:not(.cg-link-standalone){
    color: #1a1a1a;  
    text-decoration:underline;
}
/*For capital headlines in cards - like cg-uppercase. Unsure if keeping or making local or globalizing more*/
.cy-main-wrapper .cg-card-caps {
    font-size: 1.8rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-family: museo-sans-700, 'Open Sans', Arial, sans-serif;  
    margin-bottom: 10px; 
}

.cg-card.cg-card-content, .cg-card .cg-card-content {
    padding: 20px;      
}
.cg-card-content .cg-button {
    display:block; /*added to make buttons full-width without overflowing - ep 11/3*/
}
.cg-card-top-stripe {
    min-height: 15px;
    background: #179b90;
    /*padding: 15px; */ 
    box-sizing: border-box; 
}
.cg-card-top-stripe h2, .cg-card-top-stripe h3, .cg-card-top-stripe h4 {
    padding: 15px;
	color:#fff;
	margin:0;
}
.cg-card + .cg-card {
	margin-top:20px;
}
.cy-main-wrapper .cg-card-top-stripe * {
    color: #fff;
    margin-bottom: 0;  
    /*font-size: 1.8rem; */ 
}
.cg-hover-cards .cg-action-button {
    background: #e92f32;
    background: linear-gradient(110deg, #ffd800, #f37d1b 40%, #e92f32 70%);
    transition: background .2s cubic-bezier(0.4, 0, 0, 1);
}

.cg-hover-cards .cg-action-button:hover {
    background: #e92f32;
    background: linear-gradient(110deg, #ffd800, #f37d1b 50%, #e92f32 100%);
}
/*Desktop only cards that are lists/accordions on mobile*/
.cg-mobile-list-card {
     border-bottom: 2px solid #e5e5e5;   
}
.cg-mobile-list-card {
    position: relative;
    padding: 15px 0 10px 0;
}   

.cg-block:last-child .cg-mobile-list-card{
    border: none;
}    
.cy-main-wrapper .cg-mobile-list-card:not(.cg-mobile-list-card-plus) h3 {
    padding-right: 40px;
    font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;
}
.cg-mobile-list-card .cg-action-button {
    position: absolute;
    right: 30px;
    top: 20%;
    background: #e92f32;
    background: linear-gradient(110deg, #ffd800, #f37d1b 40%, #e92f32 70%);
}
/*for what used to be accordions - now lists with photo options*/
.cg-mobile-list-card-plus .cg-card-content  {
    position: relative; 
     margin-top: 15px;
     width: 100%;
}
.cg-mobile-list-card-plus .cg-action-button {
    top:-37px;
    right: 20px;
}
/*subtle accordion*/

	.cg-specific { 
		border: solid 3px #e1e1e1;
		padding: 15px;
		display: inline-block;
        width: calc(100% - 40px);
		margin: 15px 0;
	}
        .cg-specific p {
            margin-bottom: 0;
            display: inline-block;
            width: calc(90% - 60px);
        }
        .cg-specific .cg-link-standalone {
            display: inline-block;
            float: right;
            width: 70px;
            margin: 0;
        }
	.cg-subtle-accordion p.ui-accordion-header, .cg-subtle-accordion h4.ui-accordion-header, .cg-subtle-accordion h3.ui-accordion-header {
		background-color:transparent;
		color: #1a1a1a !important;
		font-size:14px;
		border: none;
		padding: 0;
		text-decoration: underline;
	}
	.cg-subtle-accordion .ui-widget-content {
		background-color: #f1f1f1;
		background-image: none;
		border: none;
	}
	.cg-subtle-accordion.ui-widget {
		border-top:none;
        margin: 10px 0;
		border-image: none;
	}
	div.cg-subtle-accordion.ui-accordion .ui-accordion-header::after {
		display: none;
	}
.cg-subtle-accordion .ui-state-active.ui-accordion-header.ui-accordion-header-active {
    box-shadow:none;
}
	.cg-subtle-accordion .ui-state-hover:hover {
		color: #1a1a1a!important;
	}
	.cg-subtle-accordion span.ui-accordion-header-icon.ui-icon {
		color:#fff;
	}
	.cg-subtle-accordion p.ui-accordion-header:before, .cg-subtle-accordion h4.ui-accordion-header:before, .cg-subtle-accordion h3.ui-accordion-header:before {/*pseudo classes keep getting deleted??? - ep 11/13*/
		content: '+';
        display: inline-block;
        margin-right: 2px;
	}
.cg-subtle-accordion p.ui-accordion-header-active:before, .cg-subtle-accordion h4.ui-accordion-header-active:before, .cg-subtle-accordion h3.ui-accordion-header-active:before {
    content: '-';
    display: inline-block;
    margin-right: 4px;
}
.ui-accordion.cg-subtle-accordion p.ui-accordion-header:after, .ui-accordion .cg-subtle-accordion p.ui-accordion-header-active:after {
    display:none;
}
	.cg-subtle-accordion .ui-widget-content {
		border: none;
		background-color: #f2f2f2;
		background-image:none;
	}
	.cg-subtle-accordion .ui-accordion-header-active.ui-state-hover, .cg-subtle-accordion .ui-accordion-header-active.ui-state-active, .cg-subtle-accordion .ui-accordion .ui-state-hover, .cg-subtle-accordion .ui-state-focus {
		color:#1a1a1a!important;
	}


/*Mobile cards that scroll horizontally*/
/*.cg-mobile-scroll-cards {
    margin-right: -5%;
    margin-left: -5%;
}*/
.cg-mobile-scroll-cards .cg-width-blocks {
    width: auto;
    overflow: scroll;  
    -webkit-overflow-scrolling: touch;
    -webkit-box-orient: horizontal;   
    -webkit-box-direction: normal;   
        -ms-flex-direction: row;   
            flex-direction: row;
    padding-left: 5%;
    overflow: -moz-scrollbars-none;
}
.cg-mobile-scroll-cards .cg-width-blocks::-webkit-scrollbar {
    display:none;
}
    .cg-mobile-scroll-cards .cg-block:last-child {
        padding-right:20px;
    }
.cg-mobile-scroll-cards .cg-block {
    min-width: 80%; 
    margin-right: 10px; 
}

/*NEW card slider*/
.cg-card-slider .cg-flex-caption {
    padding: 20px;   
}

.cg-card-slider li img {
    max-height: 300px;
    -o-object-fit: cover;
       object-fit: cover;   
}

/* special headings */
h1 .cg-support { /*used with h1*/
    display: block;
    margin-top: 5px;
    font-family: museo-slab-100, 'Open Sans', Arial, sans-serif;
    font-size: 55%;
}
h2 .cg-support {
    margin-top:5px;
    font-family:museo-sans-300, 'Open Sans', Arial, sans-serif;
    font-size:95%;
}
h3 .cg-support {
    display:block;
    font-family: museo-sans-700;
    font-size: 80%;
    color: #767676;
}
.cg-heading {
    color: #404040;
    font-family: museo-sans-700;
    margin: 1rem 0;
    font-size: 2rem;
}


/* SPECIAL LISTS*/
ul.cg-list-no-bullets {
    list-style-type: none; 
    margin-left: 0;  
}
ul.cg-list-no-bullets li {
	margin-left: 0;
}
/*for a long list of links - makes it look like buttons*/
ul.cg-list-blocks {
	display: inline-block;
	margin-bottom: 20px;
}
ul.cg-list-blocks li {
   display: inline-block;
   margin: 5px 3px;
     width: 96%;   
}
ul.cg-list-blocks li a, ul.cg-list-blocks li a:visited, ul.cg-list-blocks li p {
    display: block;
    border: 3px solid #e5e5e5;
    padding: 10px;
    text-align: center;
    transition: all .5s ease-in-out;
    width: 100%;
    color: #1a1a1a;
}   
ul.cg-list-blocks li a:hover{
    border: 3px solid #179b90;
} 
/*removed important tags here*/
ul.cg-list-blocks li p {
	margin: 0;
	width: auto;
	color: #767676;
}
.cg-alphabet-selector li{
    width: auto;
}
/*for lists in 3 columns - grows at 600px and again at 1200px*/
.cg-three-columns, .cg-three-columns, .in-content-wrapper ul.cg-three-columns{
    -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
    list-style-position: inside;
    padding-left: 20px;
}
/*for lists in 2 columns - grows at 600px*/
.cg-two-columns, .cg-three-columns, .in-content-wrapper ul.cg-two-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
    list-style-position: inside;
    padding-left: 0;
	margin-bottom:30px;
}


/*HIGHLIGHT BOXES*/
.cg-outline-box {
    width: calc(100% - 46px);
    border: 3px solid #ffd800;
    padding: 15px 20px;
    margin: 20px 0;
  box-shadow:         0 2px 5px #b3b3b3; 
}
.cg-background-box {
    width: calc(100% - 40px);
    background: #f2f2f2;
    border: 3px solid #f2f2f2;
    padding: 15px 20px;
    margin: 20px 0; 
  /*box-shadow:         0 2px 5px #b3b3b3;*/
}

/*used with background-box*/
.cg-anchors.cg-background-box {
	padding:10px 15px;
}
	.cg-anchors li {
		list-style-type: none;
		margin-bottom: 0px;
	}

	.in-content-wrapper .cg-anchors ul {
		margin-left: 0;
		padding-left: 0;
		width: auto;
	}

	.in-content-wrapper .cg-anchors ul ul {
		padding-left: 20px;
	}

	.cg-anchors li a {
		color: #1a1a1a;
		font-family: museo-sans-300;
		text-decoration: underline;
		font-size: 1.45rem;
		line-height: 2rem;
		display: block;
		padding: 7px;
		transition: all .3s ease;
	}

	.cg-anchors a:hover {
		background-color: rgba(0,0,0,.1);
    }

.in-main-content .cg-background-box h2, .in-main-content .cg-outline-box h3, .in-main-content .cg-background-box h3 {
	margin: 5px 0 10px 0;   
	color: #444444;
	font-size: 1.8rem;
	font-family:museo-sans-700;
	margin-top:0;
}
.cg-outline-box p:last-child, .cg-background-box p:last-child {
    margin: 0;
}
.cg-background-box h2 a, .cg-background-box h3 a {
    color: #e92f32;   
    font-family: museo-sans-700, 'Open sans', Arial, sans-serif;
    font-size: 1.8rem;
    text-decoration: underline;
}
/*regular buttons in outline boxes take on the light button style to limit the amount of yellow*/
.cg-outline-box .cg-button {
    border: 3px solid #e5e5e5;
    transition: .3s ease-in-out;
}
.cg-outline-box .cg-button:hover {
    background: #fff;
    border: 3px solid #179b90;
}


/*YOUTUBE VIDEOS*/
.cg-iframe-wrapper {
    position: relative;
    padding-bottom: 53%;/*16:9*/
    padding-top: 25px;
    height: 0;
    margin: 30px 0;
    border: 1px solid #e5e5e5;
}
.cg-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*QUOTES*/
.cg-quote {
    width: 100%;
    border-style: solid;
    -o-border-image: linear-gradient(to left, rgba(0, 40, 85, 1) 1%, rgba(23, 155, 144, 1) 50%) 
              100% 0 0 0/8px 0 8px 0 stretch;
       border-image: linear-gradient(to left, rgba(0, 40, 85, 1) 1%, rgba(23, 155, 144, 1) 50%) 
              100% 0 0 0/8px 0 8px 0 stretch;
    padding: 15px 0 0 0;
    margin: 20px auto 0 auto;
    padding-bottom:15px;
    align-items:center;
}
 .cg-quote blockquote {
    color: #989898;
    line-height: 2rem;
    font-style: italic;
    margin: 10px auto;  
}
.cg-quote blockquote p {
 font-family: museo-sans-500, 'Open Sans', Arial, sans-serif; 
}
.cg-quote img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 150px;
}
.cg-quote-portrait img {
     display: none; 
}
.cg-quote-attribution {
    font-family: museo-sans-700, 'Open sans', Arial, sans-serif;
    color: #1a1a1a;
    margin: 0;
}
.cg-quote-attribution:before {
    content:"- ";
}
.cg-quote-title {
    font-style: italic;   
}
.cg-quote {
    display:flex;
    padding-bottom:15px;
    align-items:center;
}
.cg-quote p {
    margin-left:20px;
    color:#767676;
    font-style:italic;
}
.cg-quote p:last-child {
    margin-bottom:0;
}

/*BANNERS - Works with main or right column*/
/*Using the same styles as cards, but HTML doesn't currently use card classes. Might considering changing in the future, but maybe not if down the line banners might look different than cards*/
.cg-banner {
    border-top: 10px solid #179b90;
    padding: 15px;
    box-shadow: 0 0 5px #cccccc;
    transition: all .35s cubic-bezier(0.4, 0, 0, 1);
    text-align:center; /*added because I had to remove width:100% from the button - ep 11/3*/
}
.cg-banner:hover {
     -webkit-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 0 12px #CCCCCC;   
}
.cg-banner-message p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: museo-sans-300, 'Open Sans', Arial, sans-sefif;
    text-align: center; 
    margin-top: 0;
}
.cg-banner-message .cg-button, .cg-banner-message .cg-button-emphasis {
    min-width: 0;
    max-width: none;  
    box-shadow: none;
    background: #179b90;  
    border: none;
    color: #fff; 
    width: auto; /*changed from 100% because it was overflowing its wrappers - ep 11/3 */
    transition: all .2s cubic-bezier(0.4, 0, 0, 1);
    display:block; /*added because it was too small in the banner - ep 11/7*/
}
/* global banner CTA */
		.cg-banner-top {
			text-align: center;
			padding: 14px;
			background-color: #4DA0FF;
			box-shadow: 0 1px 5px #e1e1e1;
			font-size: 1.4rem;
		}

		.cg-banner-top p {
			color: #000;
			margin-bottom: 0;
		}

		.cg-banner-top p, .cg-banner-top p span.cg-banner-top-link {
			font-size: 1.4rem !important;
			color: #000 !important;
		}
			.cg-banner-top strong {
				display:block;
				text-align:center;
				margin:0;
			}
		.cg-banner-top span.cg-banner-top-link {
			display: inline;
			margin-left: 15px;
		}
		span.cg-banner-top-link {
			text-transform: uppercase;
			font-family: museo-sans-700;
			text-decoration: underline;
			margin-left: 15px;
		}



/* TRUITION in content. Adds underline for "tru" and SM at the end - eg 5/3/18 */
.cg-truition span {
	font-family:inherit;
	font-size:inherit;
}
span.cg-truition {
	font-family:inherit;
	font-size:inherit;
	position:relative;
	margin-right:10px;
}
h1 .cg-truition sup, h2 .cg-truition sup, h3 .cg-truition sup {
	font-size:25%;
}
h1 span.cg-truition, h2 span.cg-truition, h3 span.cg-truition {
	margin-right:15px;
}
.cg-truition sup {
	font-family:inherit;
	top:20%;
	font-size:45%;
	position:absolute;
}


/*Calendar - used here: www.ccis.edu/learn/campus-tour.aspx */

	.cg-calendar {
		display: flex;
		flex-flow:column;
		height:790px;
		overflow:hidden;
	}
	.cg-calendar .cg-calendar-date {
		width: 100%;
		margin-bottom:25px;
	}
	.cg-calendar .cg-heading {
		font-family:museo-sans-700;
		color: #595959;
		background: #f2f2f2;
		padding: 5px 10px;
		border-radius: 3px;
		font-size:2rem;
	}
	.cg-calendar .cg-calendar-date:nth-child(odd) {
		margin-right: 3%;
	}
	.cg-calendar .cg-icon {
		background-image: url(/img/calendar-alt.png);
		width: 30px;
		height: 25px;
		display: inline-block;
		background-size: contain;
		vertical-align: unset;
		background-repeat: no-repeat;
		margin-bottom: 13px;
		position: relative;
		padding-left: 5px;
		background-position:center;
	}
	.cg-calendar .cg-title-time {
		width: calc(100% - 50px);
		display: inline-block;
		margin-bottom:0;
		padding: 10px 0 10px 10px;
		font-family: museo-sans-700;
		color: #8c8c8c;
		font-size: 1.6rem;
		transition: all .4s ease;
	}
	.cg-calendar .cg-time {
		display: block;
		font-family: museo-sans-500;
		font-size: 1.4rem;
	}

	.cg-calendar .cg-icon-time {
		position: relative;
		transition:all .4s ease;
		border-bottom: solid 1px #d9d9d9;
	}
	.cg-calendar .cg-icon-time:after {
		content: url(/img/angle-right.png);
		position: absolute;
		right: 30px;
		top: 30px;
		transition: all .2s ease;
	}
	.cg-calendar .cg-icon-time:hover {
		 background-color: #f2f2f2; 
	}
	.cg-calendar .cg-icon-time:hover:after {
		right: 25px;
	}
	.cg-calendar ul {
        list-style-type:none;
        padding-left: 0!important;
        width: 100%!important;
    }
    .cg-calendar ul li {
        margin-bottom: 0;
    }
	.cg-calendar .cg-title {
		max-width: 80%;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis;
	}


/*Tables */


    .cg-table-dotted td {
		vertical-align:bottom;
		overflow: hidden;
		position: relative;
		border:none!important;
		padding:10px 3%!important;
    }
    .cg-table-dotted td:first-child {
	    padding-left:0!important;
    }
    .cg-table-dotted td::after {
		content: '';
		position: absolute;
		bottom: 15px;
		width: 100%;
		height: 0;
		margin-left: 1em;
		border-bottom: 2px dotted #767676;
    }
    .cg-table-dotted td:last-child::after {
	    border-bottom:none;
    }
    .cg-table-dotted td:last-child {
	    text-align:right;
    }
    .cg-table-dotted tr:nth-child(2n) {
	    background-color:transparent!important;
    }
    .cg-table-dotted th {
		background-color: transparent!important;
		color: #1a1a1a!important;
		text-align: left!important;
		padding-left: 3%!important;
		padding:10px 3%!important;
		font-family:museo-sans-700!important;
    }
    .cg-table-dotted th:first-child {
	    padding-left:0!important;
    }
.cg-table tfoot {
	background-color:#f2f2f2;
}
    .cg-table th {
		background-color:#f2f2f2!important;
		padding:10px!important;
		color: #1a1a1a!important;
		border:none!important;
		text-align:left!important;
		font-family:museo-sans-700, 'Open Sans', Arial, sans-serif!important;
		font-size:1.6rem;
    }
.cg-table tr {
	transition:all .2s ease;
}
    .cg-table td {
		border:none!important;
		border-bottom: 1px solid #e5e5e5!important;
		padding: 10px!important;
		font-size:1.6rem;
    }
.cg-table tr.cg-table-subtotal th {
	background-color:#f2f2f2!important;
}
.cg-table tr:nth-child(2n) {
	background-color:#f2f2f2;
}
	.cg-table caption {
		padding: 10px;
		font-family: museo-sans-700;
		font-size: 2rem;
		background-color: #a6a6a6;
	}
*:not(.no-responsive-table):not(.ui-widget) > table:not(.no-responsive-table) tr:nth-child(2n) {
    background-color: #179b90;
    background-color: rgba(217, 217, 217, 0.3);
}



/*ICONS*/
/*currently used here https://webtest.ccis.edu/programs/a2b.aspx - special case, will probably need revised if it stays - to use with small icons that can't fill screen*/
.cg-icon {
	margin-bottom: 15px;
}
.cg-icon-half {
	width: 100%;
	display: inline-block;
}
.cg-icon img {
	display:inline-block;
	width: 5%;
	margin-right: 3%;
	min-width: 37px;
	min-height: 37px;
}
.cg-icon p {
	display:inline-block;
	width: 80%;
	margin: 0;
	vertical-align: top;
}


/*DIRECTORY - needs to be reviewd/removed eventually - used here http://web.ccis.edu/about/board.aspx*/
.cg-directory {
    width: 100%;  
    height: auto;
    clear: both; 
    margin-top: 20px;
}
.cg-directory-row { 
    width: 100%;
    border-top: 1px solid #1a1a1a; 
    float: left;
}
.cg-directory-label {
    width: 100%;   
    border: none;
    color: #179b90;
    background: #fff; 
    text-align: left;
    font-size: 2rem; 
    padding: 10px 5% 0 5%;
}
.cg-directory-content {
    width: 100%;   
    border: none;
    padding: 10px 5%;
    float: left;
}
.cg-directory-content p {
    margin: 5px auto;   
}


/*CAPTIONS AND CONTROLS*/
/* used here: http://wwwtest.ccis.edu/day/about/columbia.asp*/
.cg-caption {
	background-color: #f2f2f2;
	margin-bottom: 30px;
    padding: 15px;
	margin: -5px 0 0 0;
	font-size: 16px;
	line-height: 20px;
}

/*cg-pause*/
/*is there a way to clean this up? Make more global?*/
.cg-pause a {
	display: none;	
}

.cg-pause a {
	background-color: #fff;
	color: #002855;
	border-radius: 50%;	
	text-align: center;	
	font-family: museo-sans-900, 'Open Sans', Arial, sans-serif;	
	font-size: 20px;
	line-height: 37px;
	width: 35px;
	height: 35px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0 auto;
	z-index: 1;
	text-decoration: none;
	}

.cg-pause a::after {
	content: '||';
}
.cg-pause a.paused::after {
	content: '\25BA';
}
.cg-pause a:hover {
    cursor: pointer;
    transition: all .1s ease-in-out;    
        -webkit-transform: scale(1.1);  
        transform:  scale(1.1);
}



/*FUNCTIONALITY styles*/
/*Checkbox hack*/
/*home, nationwide, evening only - can remove once talking to developers*/
.cg-info input { 
	display: none;
}
.cg-info-caption { 
	display: none;
    width: 78%;
    padding: 20px 16% 20px 6%;
    color: #fff;
    background: #179b90;
        font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;
}
.cg-info input:checked + .cg-info-caption {
	 display: block; 
}
/*This gets the info button to show up on the hero - will need to remove from content.css eventually*/
label.ho-hero-buttons-button {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0;
    background: #fff;
    height: 35px;
    width: 35px;
    font-family: museo-slab-500, 'Open Sans', Arial, sans-serif;
    float: left;
    font-size: 25px;
    line-height: 35px;
    border-radius: 50%;
}
.cg-info {
    display: none;   
}

/*cc target*/
span.cc-target {
	position: fixed;
}
input.cc-target-js {
	display: none;
}

/* csslint ignore:start */
#widescreen-indicator {
    position: absolute;
    left: -100%;
    display: none;
}
/* csslint ignore:end */

/*Hide classes for desktop vs mobile */
.cg-hide-on-desktop {
	display: block;
}
.cg-hide-on-mobile {
    display: none;  
}
/*visible class to work with JS*/
.cg-visible {
	display: block;	
}
.cg-request-info.cg-visible {
     -webkit-animation: slide 1s  ease-in-out; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
      animation:         slide 1s; /* IE 10+, Fx 29+ */
}


.cg-request-info {
    display: none;   
}


@-webkit-keyframes slide {
  0%   { right: -100px; }
  100% { right: 0; }
}
@keyframes slide {
  0%   { right: -100px; }
  100% { right: 0; }
}



/* Salesforce related rules */
.offstate {display:none;}



/*PRINT STYLES*/
/* csslint ignore:start */

@media print {
	
	.ng-left-menu, .ng-menu, .cg-iframe-wrapper, .cg-request-info-form, .ng-footer, .scfForm, .in-form-header, #google_translate_element {
		display: none!important;
	}
	h2, h3 {
		page-break-after:avoid;
		page-break-before:auto;
	}
	.cg-main-wrapper {
		padding-top: 0px;
	}
	img {
		page-break-inside: avoid;
	}
	.in-main-content {
		width: 95%!important;
		max-width:none!important; 
		border:none!important;
		padding:0!important;
		margin: 0 auto;
		display: table-header-group;
	}
	.in-content-wrapper {
		display:table;
		width: 95%!important;
		border:none!important;
	}
	.in-feature-image {
		padding:0!important;
	}
	body:before {
		content: url(../img/logos/sylla_manager.png)!important;
		max-width:100px!important;
		position:absolute;
		top:0;
		left:0;
		height: 150px;
	}
	body {
		padding-top: 30px;
	}
	.ui-accordion .ui-accordion-content {
		display:block!important;
	}
	.in-right-column {
		display:table-footer-group;
		width: 95%!important;
		padding-left: 0!important;
		float: none!important;
	}
	.in-right-column h3 {
		padding: 0 0 10px 0!important;
		border-bottom: solid 3px #e1e1e1;
	}
	.collapsible-content {
		display:block!important;
	}
	
}
 @page {
    margin-top: .5in;
    margin-bottom: .5in;
 }

/* ccslint ignore:end */



/*MOBILE FIRST MEDIA QUERIES************************************/

@media screen and (min-width: 480px) {

/*sitecore style*/
.align-right {
    float: right; 
    margin-left: 10px;  
}
    
    /*for portraits or icons - displays side by side here*/    
    .cg-blocks-small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;    
    }
    
    .cg-blocks-small-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }

    .cg-blocks-small .cg-block:first-child {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-right: 25px;
    }
    .cg-blocks-small .cg-block:last-child {
        -webkit-box-flex: 4;
            -ms-flex: 4;
                flex: 4;   
    }  
    
    .cg-blocks-wrap-small .cg-block {
        margin: 10px 30px 0 0;
    }

} 
    
 @media screen and (min-width: 600px) {   

ul.cg-list-blocks li {
        width: auto;
    }
    
.cg-button, .cg-button:visited {
     width: auto;
    min-width: 130px;
}
    
    


/*width blocks*/
/*for photos with accompanying text in the same block. At this width they display side by side. Both the photos and the text group must be wrapped in their own divs*/
.cg-block-pairs .cg-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    
.cg-block-pairs .cg-block div, .cg-block-pairs .cg-block picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;   
}

.cg-block-pairs .cg-block div:first-child, .cg-block-pairs .cg-block picture:first-child {
    margin-right: 25px;   
}
        
.cg-block-pairs h2:first-child, .cg-block-pairs h3:first-child {
    margin-top: 0;   
}
/*for interior pages only*/
.cg-blocks-wrap-medium .cg-block {
    width: 30%;
}

/*cg quote*/
.cg-quote {
    width: calc(100% -30px);
    border-style: solid;
    -o-border-image: linear-gradient(to top, rgba(0, 40, 85, 1) 1%, rgba(23, 155, 144, 1) 50%) 
              0 0 0 100%/8px 8px 8px 8px stretch;
       border-image: linear-gradient(to top, rgba(0, 40, 85, 1) 1%, rgba(23, 155, 144, 1) 50%) 
              0 0 0 100%/8px 8px 8px 8px stretch;
    padding: 15px 0 15px 20px;
    margin: 20px auto 0 auto;
}
    
    .cg-quote-portrait {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;  
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

.cg-quote blockquote {
    color: #989898;
    line-height: 2rem;
    font-style: italic;
    margin: 10px auto;
}

.cg-quote blockquote p {
 font-family: museo-sans-500, 'Open Sans', Arial, sans-serif; 
}

.cg-quote img {
    width: auto;
    max-width: 100%;
}
    
.cg-quote-portrait img { 
    display: inline-block;
    margin-right: 5%;
}
    
.cg-quote-portrait blockquote {
     width: 70%;
    margin-top: 0;
    margin-left: 0;
}
    
.cg-three-columns, .in-content-wrapper ul.cg-three-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ /* Firefox */
    -moz-column-count: 2;
         column-count: 2;
}
    
.cg-two-columns, .in-content-wrapper ul.cg-two-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */ /* Firefox */
    -moz-column-count: 2;
         column-count: 2;
}   
.cg-two-columns li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
	 
}

@media screen and (min-width: 769px) {
#mobile-indicator { display: none; }

.cg-main-wrapper {
    padding-top: 169px;
}
    
    /*DIRECTORY*/

 .cg-directory-label {
    width:20%;
    height: 100%;
    padding: 10px 5%;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 1.6rem;
    background: transparent;
}

.cg-directory-content {
    width: 60%;
    height: 100%;
    background: #fff;
    padding: 5px 5%;   
    
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.cg-directory-row {
    border-top: 1px solid #fff;
    background: #179b90; 
    border-right: 1px solid #e5e5e5;
}  

    
/*functionaity - uncertain*/
.cg-pause a {
	display: block;	
}

/*high level
.cg-main-wrapper {
    padding-top: 100px;
 }  */ 
    
/*currently used here https://webtest.ccis.edu/programs/a2b.aspx*/
.cg-icon-half {
	width: 47%;
	display: inline-block;
}


/*.cg-action-button, a span.cg-action-button {
    margin: 0;   
}*/

/*not sure about this*/
.cg-button-bubble {
    margin: 20px 0;   
}

.cg-button-bubble {
    width:  140px;
    height: 140px;
    position: absolute;
    top: -130px; /*switched to top from bottom - unsure why this decision was made - ep 11/10*/
    right: 10px;
    margin-bottom: 50px;
    background: #002855;
    background: linear-gradient(90deg, #002855, #e92f32 50%);
    border-radius: 50%;
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    
    /* csslint ignore:start */
    -ms-flex-pack: distribute;
    /* csslint ignore:end*/
        justify-content: space-around;
    padding: 0;
    /*z-index: 20;*/
}


.cg-bubble-message {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* csslint ignore:start */
    -ms-flex-pack: distribute;
  /* csslint ignore:end */
      justify-content: space-around;
  top: 3px;
  left: 3px;
  width: 134px;
  height: 134px;
  background-color: #fff;
  background-image: url("images/profilePic.jpg");
  border-radius: 50%;
  /*z-index: 1*/;
}
.cg-button-bubble a {
    color: #1a1a1a;  
}
.cg-button-bubble:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);  
    box-shadow: 0 5px 7px #C9C9C9;
}
.cg-button-bubble p {
    /*Adjusting styles for homepage 6-30-17*/
    /*height: 20px;  
    margin-top: -10px;  */
    text-align: center;
    font-family: museo-sans-700, 'Open Sans', Arial, sans-serif;
    text-decoration: underline;
    padding: 10px;
    margin: 0;
    font-size: 1.6rem;
}

.cg-button-bubble .cg-action-button{  
    position: absolute; bottom: -0.3rem; right: -0.1rem;
    /*z-index: 10;*/
    width: 35px;
    height: 35px;
    font-size: 3rem;
    line-height: 3.2rem;
    font-family: museo-sans-300, 'Open Sans', Arial, sans-serif;
    margin: 0;
} 
/*added for homepage 6.30.17*/
.cg-button-bubble .cg-action-button img {
    margin: 11px 0 0 14px;
    display: block;
}
	
.cg-banner-top span.cg-banner-top-link {
	display: inline;
	margin-left: 15px;
}
.cg-banner-top strong {
	display:inline;
	margin-right: 15px;
}


.cg-request-info {
    display:block;
    background: #ffd800;
    color: #1a1a1a;
    height: 80px;
    position: fixed; 
    right: 0px;
    top: 30%;
    width: 60px; 
    overflow: hidden;
    text-align: left;
    z-index: 9;
    -webkit-box-shadow: -2px 2px 2px #aaaaaa;
            box-shadow: -2px 2px 2px #aaaaaa;
}

.cg-request-info .cg-plus {
   font-size: 30px;
   color: #444444;
   text-decoration: none;
   font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;
   margin: 5px 0 0 5px;
}

.cg-request-info-circle {
   background: #fff;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   margin: 10px 0 5px 15px;
   -webkit-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}

.cg-request-info:hover .cg-request-info-circle, .cg-request-info:focus .cg-request-info-circle {
  -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.cg-request-info a:hover {
    text-decoration: none;
}

.cg-request-info-text {
     display: block; 
     float:none;
     color: #444444;
     font-size: 12px;
     line-height: 14px;
     font-family:  museo-sans-500, 'Open Sans', Arial, sans-serif;
     text-align: center;
     }
     
    .cg-request-info:hover .cg-request-info-text, .cg-request-info:focus .cg-request-info-text {
      text-decoration: underline;
    }
    

/*width blocks*/
/*A rule to reverse the flexbox fix for IE because the problem only happens on mobile*/
.cg-main-wrapper .cg-width-blocks, .cg-main-wrapper .cg-block, .cg-main-wrapper .cg-block-pairs {
 -ms-flex-preferred-size: 0; 
    flex-basis: 0;  
    /*min-width: 0; this as well as min-width:100% on line 254 is causing a lot of problems. Removing 10/24. -ep*/
}    

/*specific version for landing pages because for those auto needs to hold until 992*/
/*Interior pages also included. Based on the example on the visit page, I think on interior pages there should always be a flex-basis of auto on the block elements*/
.la-main-wrapper .cg-width-blocks, .la-main-wrapper .cg-block, .la-main-wrapper .cg-block-pairs, .in-main-wrapper .cg-width-blocks, .in-main-wrapper .cg-block, .in-main-wrapper .cg-block-pairs {
 -ms-flex-preferred-size: auto; 
    flex-basis: auto;  
}
	/*adding these because I keep having to override with internal styles - will need to remove these styles from cg-width-blocks and cg-block later - ep 3/29/18 */
	.cg-flex-basis-none { 
		flex-basis:0;
	}
	.cg-flex-basis-auto {
		flex-basis:auto;
	}
    
    
/*for photos with accompanying text in the same block. At this width they stack.*/
.cg-block-pairs .cg-block {
    display: block;
}   

.cg-block-pairs .cg-block div:first-child {
    margin-right: 0;   
}
    
.cg-block-pairs h2:first-child, .cg-block-pairs h3:first-child {
    margin-top: 10px;   
}

/*for interior pages only*/    
.cg-blocks-wrap-medium .cg-block {
    width: 47%;
}
	
	
/*Pairs stay side by side for landing pages without left menus*/    
.la-no-left-menu .cg-block-pairs .cg-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    
.la-no-left-menu .cg-block-pairs .cg-block div, .la-content-wrapper .cg-block-pairs .cg-block picture, .cy-main-wrapper .cg-block-pairs .cg-block picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;   
}

.la-no-left-menu .cg-block-pairs .cg-block div:first-child, .la-content-wrapper .cg-block-pairs .cg-block picture:first-child, .cy-main-wrapper .cg-block-pairs .cg-block picture:first-child {
    margin-right: 25px;   
}
    
.la-no-left-menu .cg-block-pairs h2:first-child, .la-no-left-menu .cg-block-pairs h3:first-child {
    margin-top: 0;   
}
          
.in-no-left-menu .cg-width-blocks {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
 }
    
    .in-no-left-menu .cg-block {
        margin-right: 25px;   
    }
    
    .in-no-left-menu .cg-block:last-child {
        margin-right: 0;   
    } 

/*makes buttons in regular blocks (possibly thirds) 100% - this does not apply to the special wrapper versions, mini, small, medium*/
.cg-block a.cg-button {
    width: auto;/*changed from 100% because it was overflowing its wrappers - ep 11/3 */
    max-width: 350px;/*adding because buttons are getting very large in wide width blocks - http://sitecore/offices/campuslife*/
    min-width: 220px; /*testing - ep 11/3*/
}
  
/*NEW CARDS*/
  .cg-desktop-card {
    background: #fff;
    box-shadow: 0 0 5px #cccccc;
    position: relative;
    transition: all .3s ease-in-out;
    /*margin-bottom: 20px;*/
    display: inline-block;
    /*padding: 20px;*/
    box-sizing: border-box;
    /*height: 100%;*/
    width: 100%;
}
    
    
.cg-desktop-card.cg-card-content, .cg-desktop-card .cg-card-content {
    padding: 20px;      
}
    
.cg-card .cg-action-button, .cg-desktop-card .cg-action-button {  
    position: absolute; 
    bottom: -20px; 
    right: 40px;
/*    transition: all .35s cubic-bezier(0.4, 0, 0, 1);*/
}

/*Card hovers for desktop*/
a.cg-wrapper-link .cg-card:hover, a.cg-wrapper-link .cg-desktop-card:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    box-shadow: 0 0 12px #CCCCCC;
}

/*reverses .cg-mobile-list*/
.cg-mobile-list-card {
    border: none;
    padding: 0;
}
   
.cy-main-wrapper .cg-mobile-list-card:not(.cg-mobile-list-card-plus) h3  {
    font-size: 1.8rem; 
    text-decoration: underline;
    text-align: center;
    margin-bottom: 0;
}

.cy-main-wrapper .cg-mobile-list-card:not(.cg-mobile-list-card-plus) h3  {
    padding-right: 0;
}

    
.cg-mobile-list-card .cg-action-button {
    top: auto;  
    left: auto;
}


.cg-mobile-list-card-plus .cg-card-content {
     margin-top: 0;
     box-sizing: border-box;
     width: 100%;
}

.cg-mobile-list-card-plus .cg-action-button {
    top:-25px;
    right: 25px;
}


/*Reverses cards that scroll on mobile*/
.cg-mobile-scroll-cards .cg-width-blocks {
    width: 100%;
    overflow: visible; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
        -ms-flex-direction: row; 
            flex-direction: row;
    padding-left: 0;
}

.cg-mobile-scroll-cards .cg-block {
    min-width: inherit; 
}
/*ends scrolling cards*/


/*card desktop (above 768)variations*/
.cg-hover-cards .cg-card, .cg-hover-cards .cg-desktop-card {
    padding: 0; 
    box-shadow: none;
    position: relative;
    transition: all .3s ease-in-out; 
}
.cg-hover-cards .cg-card-content {
    position: relative; 

    width: 100%; 
    box-sizing: border-box;
}

.cg-hover-cards .cg-action-button {
    top: -25px;
    right: 25px;
    transition: background 0s;
}

.cg-hover-cards a.cg-wrapper-link .cg-card:hover, .cg-hover-cards a.cg-wrapper-link .cg-desktop-card:hover {
    -webkit-transform: none;
    transform: none;
    box-shadow: 0 0 7px #cccccc;
    transition: all .35s cubic-bezier(0.4, 0, 0, 1);
}

.cg-hover-cards:last-child p {
    margin-bottom: 0;   
}

	}
 
}


/*KEYFRAMES for lazy load - in 992 media query - didn't like these inside the query*/
@-webkit-keyframes fade-in {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fade-in {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes slide-up {
 to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes slide-up {
 to {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}


@media screen and (min-width: 992px) {

/*LAZY LOAD - keyframes above*/
.cg-animation-start .cg-lazy-load, .cg-lazy-load{
    -webkit-animation: fade-in .5s ease-in-out forwards, slide-up 1s ease-in-out forwards;
            animation: fade-in .5s ease-in-out forwards, slide-up 1s ease-in-out forwards;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px); 
    opacity: 0;
}

.cg-button-bubble.cg-animation-start  {
    -webkit-animation: fade-in .5s ease-in-out forwards, slide-up 1s ease-in-out forwards;
            animation: fade-in .5s ease-in-out forwards, slide-up 1s ease-in-out forwards;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); 
    opacity: 0;
}


/*hide on desktop or mobile*/
.cg-hide-on-desktop{
	display: none;
}    
    
.cg-hide-on-mobile {
     display: block;  
 }
    
    /*HEADINGS*/
/*High level pages headlines (category.css)*/
.cg-category-wrapper h2 {
    font-size: 3.5rem;
    line-height: 4.2rem;
}

  
/*width blocks*/
.la-main-wrapper .cg-width-blocks, .la-main-wrapper .cg-block, .la-main-wrapper .cg-block-pairs {
 -ms-flex-preferred-size: 0; 
    flex-basis: 0;  
} 
   /*adding these because I keep having to override with internal styles - will need to remove these styles from cg-width-blocks and cg-block later - ep 3/29/18 */
	.cg-flex-basis-none { 
		flex-basis:0;
	}
	.cg-flex-basis-auto {
		flex-basis:auto;
	}
    
/*Blocks line up in a row for landing pages*/ 
.la-content-wrapper .cg-width-blocks {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
 }
 
 .la-content-wrapper .cg-block {
    margin-right: 25px;   
 }
 
 .la-content-wrapper .cg-block:last-child {
    margin-right: 0;
} 
 
/*Pairs stack side by side again*/
.cg-block-pairs .cg-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cg-block-pairs .cg-block div, .cg-block-pairs .cg-block picture {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;   
}

.cg-block-pairs .cg-block div:first-child, .cg-block-pairs .cg-block picture:first-child {
    margin-right: 25px;   
}
  
.cg-block-pairs h2:first-child, .cg-block-pairs h3:first-child {
    margin-top: 0;   
}
 
/*Pairs on landing pages don't stack sideways because there are 3 in a row*/
.la-content-wrapper .cg-block-pairs .cg-block, .cy-main-wrapper .cg-block-pairs .cg-block {
    display: block;
}
    
.la-no-left-menu .cg-block-pairs h2:first-child, .la-no-left-menu .cg-block-pairs h3:first-child {
    margin-top: 10px;   
}
    
/*MEDIUMS*/   
 .cg-blocks-medium .cg-block:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 25px;
}
 .cg-blocks-medium {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;    
}
.cg-blocks-medium .cg-block:last-child {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;   
}  
	
	.cg-anchors li a {
		display:inline;
		margin-right:5px;
		line-height:2.6rem;
	}
	.cg-anchors ul li {
		display:inline;
	}
	
/*for high level pages only*/
.cy-main-wrapper .cg-blocks-wrap-medium .cg-block {
    width: 30%;
}
      
/*TABS*/
    .cg-tabs-wrapper .cg-tabs {
        list-style: none;
    }
        .cg-tabs-wrapper .cg-tabs li {
            display: inline-flex;
            transition: all .2s ease-in-out;
            overflow: hidden;
        }
            .cg-tabs li:hover {
                overflow: visible;
                background-color: #d1d1d1;
                text-decoration: none;
            }
    .cg-tab-fade {
        display:none;
    }
        .cg-tabs .cg-tab-active {
            overflow:visible;
            background-color: #fff;
        }
            .cg-tabs .cg-tab-active:hover {
                background-color: #fff;
            }
    .cg-tabs .cg-tab-active label {
        font-family:museo-sans-500, "Open Sans", arial, sans-serif;
    }
    

}


@media screen and (min-width: 1200px) {
.cg-main-wrapper {
    padding-top: 115px;
}
    
/*sitecore style*/
.align-right {
margin: 0 0 10px 0; 
}

/*lists*/
.cg-three-columns{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */ /* Firefox */
    -moz-column-count: 3;
         column-count: 3;
} 
    
/*width blocks*/
/*Blocks line up side by side*/    
.cg-width-blocks {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
 }
 
 .cg-block {
    margin-right: 25px;   
 }
 
.cg-block:last-child {
    margin-right: 0;
} 

/*Pairs don't stack sideways because there are 3 in a row*/
.cg-block-pairs .cg-block {
    display: block;
}   

.cg-block-pairs .cg-block div:first-child {
    margin-right: 0;   
}   
    
.cg-block-pairs h2:first-child, .cg-block-pairs h3:first-child {
    margin-top: 10px;   
}
    
.cg-outline-box .cg-block {
    margin-bottom: 0;   
}

.cg-blocks-wrap-small .cg-block {
        width: 140px;
}
.cg-blocks-wrap-medium .cg-block {
    width: 30%;
}
}

@media screen and (min-width:1366px) {
   /*High level pages headlines (category.css) ??Not sure what this is*/
.cg-category-wrapper h2 {
    font-size: 4.2rem;
    line-height: 5rem;
    max-width: 1000px;
}

.cg-category-wrapper h3 { /*Thin slab header*/
    font-size: 3rem;
    line-height: 3.6rem;
}

/*functionality*/
    /* csslint ignore:start */
    #widescreen-indicator {
        display: inline;
    }
    /* csslint ignore:end*/

}


/******************************* Start old styles.css rules ********************************/

/* CSS Document */

.noleftmenu #maincontent {
    margin: 0 auto;
    display: block;
    max-width: 56%;
    padding: 0 7%;
}

.right {
	float: right;
    clear: right;
}

.left {
	float: left;
}

img.nostyle {
	border: none;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.hidden {
	position: absolute;
	left: -800px;
	top: -800px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.center {
	text-align: center;
	margin: 0 auto;
}

/* Hide for NoScript Elements */
.noscript_hide {
	display: none;
}
.pullquote-r, .pullquote-l {
	width: 30%;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 3px 0;
	color: #014495;
	margin: 0.75em 0.75em 0.75em 0;
	padding: 5px 15px;
	position: relative;
	background-color: #efefef;
}
.pullquote-r {
	float: right;
	clear: right;
}
.pullquote-l {
	float: left;
	clear: left;
}
.pullquote + h3 {
	padding-top: 0;
}
/* tooltips */
a.tooltip {
	position: relative;
	text-decoration: none;
}
#topwrapper_inner a.tooltip img {
	display: inline-block;
	margin: 0 1px 0 0;
	vertical-align: middle;
	z-index: 10;
}
a.tooltip:hover img {
}
a.tooltip:hover, a.tooltip:focus {
	background-color: rgba(255,255,255,0); /*a background color is needed for Internet Explorer 6*/
}
a.tooltip span {
	display: none;
}
a.tooltip:hover span, a.tooltip:focus span {
	font-size: 85%;
	text-indent: 0;
	text-align: left;
	position: absolute;
	top: 6px;
	left: 18px;
	width: 175px;
	border: 1px solid #5F8CB4;
	background-color: #BCD9F2;
	color: #144678;
	padding: 6px;
	display: block;
	white-space: normal;
	z-index: 50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 */
	filter: alpha(opacity=85); /* IE 5-7 */
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

.filterbox {
	background-color: #eee;
	width: 100%;
	position: relative;
	padding: 4px;
	text-align: center;
	float: left;
	margin: 10px 0;
}
/* Flexible images */
.fleximage img {
	width: 100%;
}
#topwrapper_inner a img {
	vertical-align: text-bottom;
	padding: 0;
}
.imgright {
	float: right;
	margin: .3em 0 .93em .93em;
	clear: right;
}
.imgleft {
	float: left;
	margin: .3em .93em .93em 0;
	clear: left;
}
.imgright a, .imgleft a {
	border: none;
}
/* =========== STRUCTURE ==============*/
#outer_wrapper {
	min-height: 100%;
	height: auto;
	width: 100%;
}
#container {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: auto;
	min-height: 100%;
}

/* Autofill search ========================= */

#searchform.search {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none !important;
  clear: right;
  float: right;
  max-width: 300px;
  min-height: 30px;
  height:37px;
  position: relative;
  width: 235px;
}
form.gsc-search-box {
  height: 100%;
  margin: 0 !important;
}
table.gsc-search-box {
	background-color: #f1f1f1 !important;
	border: 1px solid #cccccc !important;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
	color: #999999;
	height: 37px;
	line-height: 100%;
}

td.gsc-input
td.gsc-input {
	height: 100%;
	padding:0 20px 0 5px !important;
}

input.gsc-input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: medium none !important;
  display: block;
  height: 100%;
  line-height: 33px;
  padding-right: 30px !important;
  position: relative;
  width: 90% !important;
  z-index: 1;
}

td.gsc-search-button {
  display: block;
  height: 96%;
  min-width: 20px;
  position: absolute;
  right: 5px;
  top: 0;
  width: 21px !important;
}

input.gsc-search-button {
	background: url("/img/framework/search-icon.png") no-repeat center center rgba(0, 0, 0, 0) !important;
	border: 0 none !important;
	display: block;
	height: 100% !important;
	min-width: 20px !important;
	padding: 0 !important;
	position: relative;
	text-indent: -9999px;
	width: 100%;
	z-index: 2;
}
td.gsc-search-button input:focus {
	border: 1px dotted #777;
	z-index: 4;
}
.cse .gsc-tabHeader.gsc-tabhInactive, 
.gsc-tabHeader.gsc-tabhInactive, 
.cse .gsc-tabHeader.gsc-tabhActive, 
.gsc-tabHeader.gsc-tabhActive {
	position: relative;
}
td.gsc-clear-button, 
div.gsc-clear-button {
	display: none;
}

@media only screen and (max-width: 675px) {
/* Autofill search ========================= */

#searchform.search {
  display: inline-block;
  float: none;
  height: auto;
  margin: 0;
  min-height: 30px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 11px;
  vertical-align: middle;
  width: auto;
}

#searchform.search:focus {width:200px;}

	table.gsc-search-box {
		background: none !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 0 !important;
		-webkit-background-clip: padding-box;
		height: 100%;
		margin-bottom: 0!important;
	}
	table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
	padding-left:0;
}
	
	
	form.gsc-search-box {
		display: block;
		position: relative;
width: 37px;
		margin: 0 auto !important; 
	}



	input.gsc-input {
		background: #f1f1f1 url("/img/framework/search-icon.png") no-repeat scroll 9px center !important;
		border: 1px solid #cccccc !important;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		color: #666666;
		cursor: pointer;
		float: right;
		height: 36px !important;
		line-height: 30px;
		margin: 0;
		padding-right: 30px!important;
		position: relative;
		text-indent: -9999px;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
		zoom: 1;
	}
	
	
	
	
	input.gsc-input:focus {
		cursor: text;
		text-indent: 27px;
		 width: 200px !important; 
		background-color: #ffffff !important;
overflow:visible;		
padding-right: 6px!important;
	}
	.gssb_c[style] {
		background-image: none !important;
		left: auto !important;
		max-width: 90%;
		right: 13px;
		width: 90% !important;
	}
	td.gsc-search-button {
		height: 0;
		max-width: 0;
		padding: 0;
		z-index: 1;
	}
	.cse input.gsc-search-button, input.gsc-search-button {
		color: #fff;
		height: 0 !important;
		min-width: 0 !important;
		padding: 0 !important;
		position: absolute;
		top: -555px;
		width: 0;
		max-width: 0;
	}
}







h1.pagehead {
  background-color: #efefef;
  color: #00417a;
  font-family: Cambria,"Times New Roman",Times,serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  padding: 4px 10px 4px 15px;
}
h1.pagehead a.pageheadlink {
  display: table-cell;
  float: left;
  margin: auto;
  max-width: 1100px;
  padding: 5px;
  text-decoration: none;
  vertical-align: middle;
}


#secondary-menuicon {
	display: none;
}

.mobilepageheadlink {
	display: none;
}
main {
	margin: 0 auto 20px;
	clear: both;
	min-height: 100%;
}


/**********INNERMENU*****************************/

#innermenu ul, 
#relatedlinks_wrap ul {
	margin: 0 0 1.3em 12%;
    list-style-type: none;
}

/*#innermenu li {
    font-family: museo-sans-500, 'Open Sans', Arial, sans-serif;
    line-height: 1em;
    margin: 0.8em 0 0 0;
    width: 75%;
} ep 11/13*/

#innermenu, 
#relatedlinks_wrap {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 88%;
	background-color: white;
}
#innermenu li a, 
#relatedlinks_wrap li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#innermenu h2, 
#innermenu h3, 
#relatedlinks_wrap h3 {
    margin: 0 0 0.3em 12%;
}
#innermenu h3, #relatedlinks_wrap h3 {
	/*font-size: 20px;*/
	margin: 1em 0 0 12%;
}

/*

UPDATE THESE....
-----------------------------------------------
Site: Columbia College
Filename: /css/leftovers.css
-----------------------------------------------
*/
.figurewrapper {
	padding: 15px;
	border: 1px solid #666;
}
.figurewrapper img {
	border: 1px solid #666;
}
.caption {
	font-size: .7em;
	line-height: 90%;
}
#warning {
	display: none;
}
.notice {
	color: #000000;
	display: block;
	padding: 8px !important;
	margin: 5px 0px 7px 0px;
	border: 2px solid #FFD800;
}
.note {
	font-size: .9em;
	color: #03487C;
	background-color: #f5f5f5;
	border: 2px solid #0099cc;
	padding: 8px !important;
	margin: 5px 0px 7px 0px;
}
.alert /* used on gateway pages */ {
	color: #307ead; /* aqua */
	font-weight: 600;
	margin: 10px auto 20px;
	padding: 1em;
}
.alert span.circle {
	background-color: #307ead;
	border: 2px solid #fff;
	border-radius: 30px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	color: #fff;
	display: block;
	font-size: 2em;
	font-weight: bold;
	float: left;
	height: 50px;
	line-height: 50px;
	margin: 0 0.3em 0.1em 0;
	text-align: center;
	width: 50px;
}
.alert a {
	color: #1176DB !important;
}
div.alert p {
	padding: inherit !important;
}
.warning {
	color: #cc0000;
	font-size: 10px;
	font-weight: normal;
}
.highlight {
	color: #666666;
	font-size: .75em;
}
.normalweight {
	font-weight: normal;
}
.strikethrough {
	text-decoration: line-through;
}
/* This class is for error messages and required fields */
.error {
	color: #CC0000;
	font-weight: bold;
}
/* This class is for error messages that have a link */
a.error:link, a.error:hover, a.error:active, a.error:focus, a.error:visited:hover {
	color: #CC0000;
	font-weight: bold;
	text-decoration : underline;
}
.paddedlistitems li {
	padding-top: 2px;
	padding-bottom: 5px;
}
dl {
	padding: 0;
}
#maincontent dt {
/*	font-weight: bold;
	font-size: 107%;*/
}
#maincontent dd {
	margin: 0 0 1em 2em;
}
#maincontent hr {
	background-color: #ccc;
	color: #ccc;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: none;
	padding: 0;
}
#maincontent .greyborderbtm {
	border-bottom: 1px solid #dddddd;
	padding: 2px;
}
/* an example of this table style is utilized on the campus safety crime stats page */
#maincontent .table01 {
	border-bottom: 3px double #9a4a22;
	margin: 10px auto 0 auto;
}
#maincontent .table01 td {
	padding: 3px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #dfdfdf;
}
#maincontent .table01 .rowhead td, .table01 th {
	border-bottom: 3px double #9a4a22;
	font-size: 120%;
	font-weight: bold;
	line-height: normal;
	color: #03487C;
	padding-bottom: 2px;
	padding-top: 6px;
	text-align: left;
}
#maincontent .table01 .rowsubhead td {
	font-size: 105%;
	font-weight: bold;
	line-height: normal;
	border-bottom: 1px solid #999;
	color: #03487C;
	padding-bottom: 2px;
	padding-top: 6px;
}
#maincontent .coursetable td, #maincontent .coursetable th {
	padding: 4px; /* line-height:100%;*/
	line-height: normal;
}
/*this fixes master syllubus link display in chrome ie: http://wwwtest.ccis.edu/nationwide/ESDacademics/general_ed.asp */
#maincontent #degreestable td a {
	display: block;
	min-width: 97px
}
/* This style is for labels to allow them to be more visible by changing the cursor */
label {
	cursor: pointer;
	padding: 0 5px;
}
#maincontent .responsivetable {
	border: 0;
	padding: 0;
	margin: 0;
	width: 99%;
}
.responsivetable {
	border: 1px solid rgb(153, 153, 153);
}
.responsivetable td {
	vertical-align: top;
}
.responsivetable th {
	/*	border-bottom: 3px double #999999; */
	border-top: 1px solid #ddd;
	background-color: #efefef;
}
.responsivetable tr {
	border-bottom: 1px solid #ddd;
	width:100%;
}
/*label.responsive-th { This should be working on mobile only. Added back 3/4/19. -EG
	display: none !important;
}*/
.responsivetable td:first-child {
	padding: 3px 1px 3px 0;
}
.responsivetable th, .responsivetable td {
	padding: 0.5em;
}
.responsivetable .noborder {
	border-bottom-style: none;
}
.responsivetable tr:nth-child(2n) {
/*   background-color: rgb(#f5f5f5); */
}
.normalweight {
	font-weight: normal;
}
/* This style is for fieldsets */
fieldset {
	/* border: 1px solid #DCDCDC; */
	border: 1px solid #cccccc;
	padding: 5px;
}

/* For pull quotes */
.pullquote {
	background-color: #DCD9D1;
	border : 1px solid #A3A19B;
	padding: 5px;
	margin: 2px;
}
.pullquote2 {
	line-height: 1.3em;
	width: 200px;
	padding: 9px 8px 9px 11px;
	float: right;
	background-color: #F0F8FF;
	color: #03487C;
	font: italic 130%   Cambria, "Times New Roman", Times, serif;
	margin: 0 0 5px 10px;
	border-top: 3px double #DDEEFF;
	border-bottom: 3px double #DDEEFF;
}
.daybullet, .eveningbullet, .onlinebullet, .nationwidebullet, .graduatebullet {
	padding-top: 12px;
	padding-bottom: 11px;
	padding-left: 33px;
	list-style: none;
}
.daybullet {
	background: url(/img/graphics/icons/icon-day.png) no-repeat 0 8px;
}
.eveningbullet {
	background: url(/img/graphics/icons/icon-evening.png) no-repeat 0 8px;
}
.onlinebullet {
	background: url(/img/graphics/icons/icon-online.png) no-repeat 0 8px;
}
.nationwidebullet {
	background: url(/img/graphics/icons/icon-nationwide.png) no-repeat 0 8px;
}
.graduatebullet {
	background: url(/img/graphics/icons/icon-graduate.png) no-repeat 0 8px;
}
li.dayiconbullet {
	list-style: url(/images/icons/day_icon1.gif) !important;
	line-height: 28px;
}
li.eveningiconbullet {
	list-style: url(/images/icons/evening_icon1.gif) !important;
	line-height: 28px;
}
li.onlineiconbullet {
	list-style: url(/images/icons/online_icon1.gif) !important;
	line-height: 28px;
}
li.nationwideiconbullet {
	list-style: url(/images/icons/nationwide_icon1.gif) !important;
	line-height: 28px;
}
.palegrey {
	background-color: #eeeeee;
}
.lightgrey {
	background-color: #f5f5f5;
}
/*.indent {
	margin-left: 20px;
}*/
/*.subheadunderline {
	border-bottom: 1px solid #dcd9d1;
	margin-bottom: 7px;
}*/
.pagetop {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 85%;
	width: auto;
	clear: both;
	display: block;
}
.pagetop a {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.oversizedbutton {
	padding: 6px;
	font-size: 120%;
	font-weight: bold;
}



.letter {
	font-family:  Cambria, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 125%;
	line-height: 150%
}
a.pdf-left {
	background: url("/images/filetypes/pdf_icon.gif") no-repeat 0 0;
	padding-left: 14px;
}
.smallfont {
	font-size: 90%;
	line-height: 110%
}
span.smallfont.indent {
	display: block;
	padding-top: 5px;
}
.transparent-25 {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.transparent-50 {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}
/* **** alternating row table **** */

table.row-color {
	border: 1px solid #999999;
}
table.row-color th, table.row-color td {
	border: 1px solid #999999;
}
table.row-color {
	border-collapse: collapse;
	width: 50%;
}
table.row-color th {
	background: #5F8CB4;
	color: #fff;
	padding: 5px;
}
table.row-color td {
	text-align: left;
	vertical-align: bottom;
	padding: 5px;
}
table.row-color .odd {
	background: #DDDDDD;
}
/* ****  Table Style 1 **** */

table.table-style-1 {
	border: 1px solid #777;
}
table.table-style-1 th, 
table.table-style-1 td, 
table.table-style-1 p {
	padding: 5px;
}
table.table-style-1 td {
	border-right: 1px solid #777;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
table.table-style-1 tr:first-child th {
	background: #1f5579;
	color: #fff;
}
table.table-style-1 tr th {
	background: #b9d2e3;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	color: #000;
	text-align: center;
}
/*** program finder widget/form ***/

/* base styles */

#pfform .custom-combobox {
	position: relative;
	display: inline-block;
	height: 35px;
	margin-bottom: 1em;
}
#pfform .custom-combobox-input {
	height: 35px;
}
#pfform .custom-combobox-toggle {
	position: relative;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	height: 35px;
}
#pfform .custom-combobox-input {
	margin: 0;
	padding-left: 0.3em;
	height: 33px;
}
#pfform .ui-widget {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
#pfform .ui-widget .ui-button {
	height: 35px;
	background-color: #00417b;
}
#pfform #maincontent .ui-widget .ui-button:hover, 
#pfform #maincontent .ui-widget .ui-button:focus {
	background: #39c;
}
ul.ui-autocomplete {
	z-index: 9999 !important;
}
#pfform a.other-campuses {
	display: block;
	margin-top: -1em;
}
#pfform #pfsubmit {
	margin-left: 0.2em;
	top: 1px;
	text-indent: -9999px;
	width: 50px;
	overflow: hidden;
	background-color: #00417a;
	background-image: url("/img/graphics/btn-go.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#pfform .ui-state-default, 
#pfform.ui-widget-content .ui-state-default, 
#pfform .ui-widget-header .ui-state-default {
	background: #336795;
	color: #fff;
	border-color: #336795;
}
#pfsubmit:hover, 
.custom-combobox-toggle:hover, 
#pfsubmit:focus, 
.custom-combobox-toggle:focus {
	background-color: #39c !important;
}
#pfform .ui-state-default .ui-icon {
	background: url("/img/framework/arrow-caret-down.png") no-repeat right;
}

/* buttons ======== */
a.btn, a.btn-dark, a.minibuttonlink:link, a.buttonlink3, a.buttonlink4, a.buttonlink120:link, a.buttonlink120:active, a.buttonlink120:visited, a.buttonlink180:link, a.buttonlink180:active, a.buttonlink180:visited, a.buttonlink210:link, a.buttonlink210:active, a.buttonlink210:visited, .buttonlink-purty, .buttonlink-purty input, input[type="submit"] {
     background-color: #FFD800;
	color: #1a1a1a;
	border: none;
    border-radius: 0;
	font-family:museo-sans-500, 'Open Sans', Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	min-width: 220px;
	padding: 10px;
	display: inline-block;
    /*margin-bottom: 20px;*/
}

a.btn:hover, a.btn-dark:hover, a.minibuttonlink:link:hover, a.btn:focus, a.btn-dark:focus, a.minibuttonlink:link:focus, a.buttonlink3:hover, a.buttonlink3:focus, a.buttonlink4:hover, a.buttonlink4:focus, a.buttonlink120:hover, a.buttonlink120:focus,  a.buttonlink180:hover, a.buttonlink180:focus, a.buttonlink210:hover, a.buttonlink210:focus,.buttonlink-purty:hover, .buttonlink-purty input:hover, .buttonlink-purty:focus, .buttonlink-purty input:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	
      -webkit-box-shadow: 3px 3px 1px #767676;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */  /* Firefox 3.5 - 3.6 */
      box-shadow:         3px 3px 1px #767676;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
      
      -webkit-transform: translate(-3px, -3px);
      
              -ms-transform: translate(-3px, -3px);
      
          transform: translate(-3px, -3px);
}

 .buttonlink-purty input, input[type="submit"] {
    display: inline;   
 }

table a.btn, table a.btn-dark, table a.minibuttonlink:link, table a.buttonlink3, table a.buttonlink4, table a.buttonlink120:link, table a.buttonlink120:active, table a.buttonlink120:visited, table a.buttonlink180:link, table a.buttonlink180:active, table a.buttonlink180:visited, table a.buttonlink210:link, table a.buttonlink210:active, table a.buttonlink210:visited, table .buttonlink-purty, table .buttonlink-purty input/*, input[type="submit"] */{
    min-width: 0;   
}



.btnWrapper {
	float: right;
	margin-top: 5px;
	position: relative;
	vertical-align: middle;
	display: table;
}


/* for responsive videos ===== */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 400px;
	max-height: 225px;
}
.video-container iframe, .video-container object, .video-container embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
/****** sets up alignment like a table, popular for left column photo right column paragraph
used on https://web.ccis.edu/About/inauguration/ccpreztour/Follow%20the%20Tour%20NEW.aspx *** */

.faux-table {
	display: table;
	width: auto;
	border-spacing: 1em;
}
.faux-row {
	display: table-row;
	width: 100%;
}
.faux-cell {
	display: table-cell;
	vertical-align: middle;
}
.tri_col {
	float: left;
	padding: .7em;
	width: 30%;
	display: table-cell;
}
/***********MAIN CONTENT STYLES*******************/

#maincontent {
    /* in-main-wrapper styles */
    border-left: 1px solid #e5e5e5;
    display: inline-block;
    margin: 0 0 48px 0;
    
    /* in-main-content styles */
    border-right: 1px solid #e5e5e5;
    max-width: 46%;
    padding: 0 4% 32px 4%;
    width: auto;

}

    .rightmenu #maincontent { /* treat like page with right column */
        width: 74.8%;
    }
    
#maincontent.lesspad {
	padding: /* 20px 10px 0 10px; */ 20px 1%
}
#maincontent.nopad {
	padding: 20px 0;
}
#topwrapper_inner {
    padding-top: 48px;
   margin: 0 auto;
    max-width: 1500px;
    padding-bottom: 48px;
}
#topwrapper_inner.noleftmenu #maincontent {
	/*	position: relative;
Removed because it was creating problems on https://www.ccis.edu/offices/financialaid/onbase/14-15/Independent_Verification.aspx  */
	clear: both;
}
#topwrapper_inner.noleftmenu #maincontent.lesspad {
	padding: 2%;
}
#maincontent h1 {
	background: url(none);
	height: auto;
	left: auto;
	position: relative;
	text-indent: 0;
	top: auto;
	width: auto;
}

#innermenu li a,
#relatedlinks_wrap li a {
    color: #1a1a1a;
}

#relatedlinks_wrap li a:hover,
#innermenu li a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

#innermenu li a:visited,
#relatedlinks_wrap li a:visited {
    color: #1a1a1a;
}

#maincontent p {
	display: block;
	padding: 0;
	margin-bottom: 1.25em;
	margin-top: 0.5em;
}
#maincontent table {
	/*width: auto;*/
	font-size: 100%;
}
#maincontent ul, 
#rightmenu_inner ul {
	list-style-position: outside;
}
#maincontent ul li ul, 
#rightmenu_inner ul li ul {
	list-style-type: circle;
	list-style-image: none;
}
#maincontent ol {
	margin: auto;
	padding-left: 12px;
	margin-left: 12px;
}
/*#maincontent li {
	margin: auto;
}*/
fieldset {
	margin: 0 auto;
}
/*******LEFTMENU_INNER STYLES*********************/
#leftmenu_inner {
    display: inline-block;
    /*margin: 0 0 24px 0;*/
    padding: 0 0 32px 0;
    vertical-align: top;
    width: 25%;
}

#topwrapper_inner.rightmenu #maincontent /* this is used in conjunction with "#rightmenu_inner #maincontent" */ {
    /* in-main-wrapper styles */
    border-left: 1px solid #e5e5e5;
    display: inline-block;
    margin: 0 0 24px 0;
    
    /* in-main-content styles */
    border-right: 1px solid #e5e5e5;
    max-width: 40.6%;
    padding: 0 4% 32px 4%;
    width: auto;
    overflow: hidden;
}
#rightmenu_inner {
    display: inline-block;
    margin: 0;
    padding: 0 0 32px 4%;
    vertical-align: top;
    width: 21%;
}
#maincontent #rightmenu_inner  /*  this has to be listed in the css file second after #rightmenu_inner */ {
	float: right;
    margin: 0;
    padding: 0 0 32px 5.3%;
    width: 28.1%;
}
#rightmenu_inner h2, 
#rightmenu_inner h3, 
#rightmenu_inner h4, 
#rightmenu_inner h5 {
	border-bottom: 1px dotted #ccc;
	color: #03487C;
	font-family:  Cambria, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	padding-bottom: 3px;
}
#rightmenu_inner h2 {
	border: none;
	font-size: 1.3em;
	padding-bottom: 0;
}
#rightmenu_inner h3 {
    background: #179b90;
    color: #fff;
    font-family: museo-slab-500, 'Open Sans', Arial, sans-serif;
	font-size: 24px;
    margin: 0 0 1em 0;
    padding: 5px 10px 5px 10px;
    width: 96%;
}
#rightmenu_inner h4 {
	font-size: 24px;
}
#rightmenu_inner h5 {
	border: none;
	font-size: 1.2em;
	padding-bottom: 0;
}
#rightmenu_inner p {
	margin: 0 0 10px 0;
}
#rightmenu_inner ul, #rightmenu_inner ol {
	margin-bottom: 10px;
	padding-left: 17px;
}
#rightmenu_inner ol {
	padding-left: 20px;
}
#rightmenu_inner img {
	height: auto;/* This does not work right in IE */
    width: 95%;
}
#rightmenu_inner .pullquote-right, 
#rightmenu_inner .pullquote-left {
	float: none; /* not enough room to float a quote in the rightcolumn */
	margin-bottom: 10px; /* not normally needed, content too close in sidebar */
	width: 170px; /* overwrite default width for the narrower column */
}

/*sticky footer styles */
@media only screen and (min-width: 1100px) {
	#outer_wrapper {
		min-height: 100%;
		margin-bottom: -90px;
	}
	#outer_wrapper:after {
		content: "";
		display: block;
	}
}

@media only screen and (max-width: 992px) {
	#outer_wrapper:after {
		height: auto;
	}
    
    #leftmenu_inner {
        width: 39.5%;
    }
    
    #rightmenu_inner {
        position: relative;
        left: 40%;
        width: 40.6%;
    }
}

@media screen and (max-width: 768px) {

    #maincontent {
        max-width: 100% !important;
    }
    #maincontent img {
        max-width: 92%;
    }
    #topwrapper_inner {
        padding-top: 0px;
    }

    #leftmenu_inner {
        padding-bottom: 0;
    }
    
    .la-main-wrapper #leftmenu_inner {
        margin: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    
    #leftmenu_inner.ng-left-menu-display .ng-left-menu-campus {
        display: none;
    }

    #leftmenu_inner, #innermenu, #relatedlinks_wrap {
        clear: both;
        width: 100%;
    }

    #rightmenu_inner {
        width: auto;
        display: block;
        position: static;
    }
    
    #innermenu h2, #innermenu h3, #relatedlinks_wrap h3 {
        background: #f2f2f2;
        border: none;
        cursor: pointer;
        cursor: hand;
        display: none;
        margin: 0 0 1px 0;
        padding: 10px 0 10px 5%;
        width: 100%;
    }

    #relatedlinks_wrap li a {
        font-family: museo-sans-300, 'Open Sans', Arial, sans-serif;
    }
    
    #innermenu ul, #relatedlinks_wrap ul {
        margin: 0;
    }
    
/*    #innermenu li, #relatedlinks_wrap li {
        background: #e5e5e5;
        font-family: museo-sans-300, 'Open Sans', Arial, sans-serif;
        margin: 1px 0 0 0;
        padding: 10px 0 10px 8%;
        width: 92%;
    } ep 11/13 */
    
    #innermenu li a {
        font-family: museo-sans-300, 'Open Sans', Arial, sans-serif;
    }
    
	.logowrapper, 
	.logowrapper-MO  /* MO versions have 'of Missouri' */ {
		margin: 0 0 0 47px;
	}
	.logowrapper img {
	  height: 75px;
	  max-height: 75px;
	}
	.logowrapper-MO img {
		height:70px;
		max-height: 70px;
	}

	.serviceNav[style],
	.serviceNav {
	  display:none!important;
	}
	
	.serviceNav-footer {
		display: table;
		text-align: center;
		margin: auto;
	}

	header.banner {
	  padding-bottom: 13px;
	  padding-top: 2px;
	}

	.audience-links .alumni /* to fix ccnet template issue */ {
		float: none !important;
		margin-right: 4%!important;
	}


	body.js #leftmenu_inner {
		background-color: #f4f4f4;
		border-bottom: 1px solid #ccc;
		border-top: none;
		-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
		left: 0;
		margin: 0 auto;
		min-height: 0;
		padding: 10px 0 0 0;
		position: absolute;
		text-indent:15px;
		top: -7px;
		width: 100%;
		float: none;
	}
	body.js #leftmenu_inner h2, 
	body.js #leftmenu_inner h3, 
	body.js #relatedlinks_wrap h3 {
	  border-bottom: 1px solid #cccccc;
	  color: #9a4a22;
	  cursor: pointer;
	  font-family: "Segoe UI",Calibri,Arial,sans-serif;
	  font-size: 1.15em;
	  font-weight: bold;
	  margin-top: 0;
	  padding-bottom: 5px;
	  padding-top: 5px;
	}
	body.js #leftmenu_inner h2::after, 
	body.js #leftmenu_inner h3::after, 
	body.js #relatedlinks_wrap h3::after {
	  content: url("/img/framework/arrow-down-dark-translucent.png");
	  opacity: 0.5;
	  position: relative;
	  text-align: left;
	  top: 1px;
	}	
	body.js #leftmenu_inner ul, 
	body.js #leftmenu_inner li {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		text-align: left;
	}
	body.js #leftmenu_inner ul {
		display: none;
	}
	body.js #innermenu, 
	body.js #relatedlinks_wrap {
		background-color:#f4f4f4;
	}
	
	
	h1.pagehead a.pageheadlink {
		display: inline-block;
	}

}

@media only screen and (max-width: 675px) {
    #maincontent {
        width: 96%;
        padding: 0 2% 32px 2%;
    }
    .noleftmenu #maincontent {
        width: 96%;
        padding: 0 2% 32px 2%;
    }
	h1.pagehead {
		padding: 5px 10px;
	}
	
	#innermenu li a img, 
	#relatedlinks_wrap li a img {
		display:none;
 	}
	
	#innermenu, 
	#relatedlinks_wrap {
		float: none;
		width: 100%;
		font-size: 100%;
		/* text-indent: 14px; */
	}	
	#innermenu h3, 
	#relatedlinks_wrap h3 {
		margin: 0;
	}
	.bottom-2 {
		z-index: 10;
	}
		
	.logowrapper, 
	.logowrapper-MO {display:none;}


	/* mobile versions of logos have no  "established in" */
	.logowrapper-mobile,
	.logowrapper-MO-mobile {
		display: block;
		margin: 0 auto;
    	width: 100%; 
		height: 55px;
	}

	 .logowrapper-mobile img, 
	 .logowrapper-MO-mobile img {
	  display: block;
	  margin: 0 auto;
	  max-height: 55px;
	  max-width: 197px;
	}
	  
	.mobilepageheadlink {
		display: inline-block !important;
	}
	#topwrapper_inner.rightmenu #maincontent, 
	#maincontent #rightmenu_inner {
		width: auto;
		border: none;
        max-width: 100%;
	}
	#rightmenu_inner {
		width: auto;
		float: none;
		font-size: inherit;
		line-height: inherit;
        display: block;
	}

	input.gsc-input { width:37px!important;	}
	#searchform.search {
		margin-top:0;
	}
	
	
}


@media only screen and (max-width: 479px) {
	#pfform .ui-widget {
		width: 100%;
		overflow: hidden;
	}
	#pfform .custom-combobox {
		max-width: 100%;
		width: 100%;
	}
	#pfform .custom-combobox-input {
		width: 80% !important;
	}
	#pfform .custom-combobox-toggle {
		width: 16% !important;
	}
	#pfform #pfsubmit {
		float: right;
		margin-right: 0;
	}
}



@media only screen and (max-width: 768px) {
	/* Force table to not be like tables anymore */
			/* Hide table headers (but not display: none;, for accessibility) */
	.responsivetable th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.responsivetable, .responsivetable thead, .responsivetable tbody, .responsivetable th, .responsivetable td, .responsivetable tr {
		display: inline-block;
		text-align: left;
		line-height: 110%;
	}
	.responsivetable tr {
		padding-top: .5em;
		padding-bottom: .5em;
	}
	label.responsive-th {
		display: inline-block;
		font-weight: bold;
		padding-left: 0;
		line-height: 100%;
		margin-bottom: .4em;
	}
}