/* 
CSS Document 
Responsive Stylesheet
responsive.css
*/


/* ///////////////////////////////////////////////////////////// PHONE LAYOUT (VERTICAL)
////////////////////////////////////////////////////////////// PHONE LAYOUT (HORIZONTAL)
----------------------------------------------------------------------------------------
****************************************************************************************/
@media screen and (min-width: 320px) and (max-width: 768px) {
	
		/* BODY AND CONTAINER
		--------------------------------------------------------*/
		body { width: 100%; font-size: 76%; background: #fff; padding: 0%; margin: 0%; }	
		#container { overflow: hidden; width: 100%; padding: 0%; margin: 0%; }
		
		
		/* PAGE HEADER (SEARCH AND QUICK LINKS)
		--------------------------------------------------------*/
		header {
			float: left;
			width: 100%;
			background: #182B55 !important;
			padding: 0%;
			margin: 0%;	
		}
		
		#pull-search { float: right; }
		section#search { display: none; float: left; clear: both; width: 100%; background: #cbcbb1; color:#01203f; text-align: center; padding: 17px 0 17px 0; }
		section#search a { width: 100%; font: bold 1.25em/1.75em Arial, Helvetica, sans-serif; color: #01203f; text-decoration: none; margin: 0 0 0 10px; }
		section#search ul { text-align: center; list-style: none; padding: 0 0 0 20px; margin: 0%; }
		section#search ul li { float: left; list-style: none; padding: 0%; margin: 0%; }
		
		section#search fieldset { background: #cbcbb1; border: none; clear: both; width: 100%; padding: 0px;}
		section#search fieldset input.sfsearchTxt { background: #e0e0d1; width: 65% !important; padding: 0px; }
		section#search fieldset input.sfsearchSubmit { padding: 5px; }
		.sfsearchTxt { border: 1px solid #c0c0a3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 1.2em; padding: 0 0 0 15px; }	
		.sfsearchSubmit { border: 1px solid #c0c0a3; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 1px 5px 0px 5px; font-size: 0.95em; color: #777; }
		.k-list-container { display: none !important; }
		.k-header { background: none !important; border: none; }
		
		.sfsearchResultsWrp { float: left; clear: both; width: 90%; background: #fff; font: 1.1em/1.5em Arial, Helvetica, sans-serif; color: #555; padding: 0 10px 0 0; margin: 0px; }
		.sfsearchResultTitle { border-top: 1px solid #aaa;  padding: 3% 0 0 0; margin: 5% 0 3% 0; }
		.sfHighlight { color: #000; }
		.sf_pagerNumeric { clear: both; width: 100%; font: 3em Arial, Helvetica, sans-serif; text-align: center; }
		.sf_pagerNumeric a { background: #eee !important; color: #444; padding: 0 5px 0 5px; }
		.sf_PagerCurrent { border-bottom: 5px solid #444; background: #d9d9c8 !important; }
		.sfsearchBox { border: none; padding: 0px; margin: 20px 0 20px 0; }
		
		
		/* MAIN NAVIGATION (1ST TIER)
		--------------------------------------------------------*/
		.main-menu {
			float: left;
			width: 100%;
			height: 43px;
			border-top: 1px solid #bfbfa2; border-bottom: 1px solid #bfbfa2;
			background: #e0e0d1 url(images/rwd/icon-pulldown.png) no-repeat right;
			font: bold 1.1em/44px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; text-decoration: none; text-align: center;
			padding: 0%;
		}
		
		nav#main {
			float: left;
			width: 100%; 
			background: #e0e0e1;
			padding: 0%;
			margin: 0%;
		}
			nav#main ul { display: none; width: 100%; height: auto; list-style: none; padding: 0%; margin: 0%; }
			nav#main ul li { float: left; width: 45%; border-bottom: 1px solid #bfbfa2; padding: 3.25% 0 3.25% 5%; margin: 0%; }
			nav#main ul li a { font: bold 1.3em Arial, Helvetica, sans-serif; color: #444; text-decoration: none; }
		
		
		/* SUB NAVIGATION (2ND TIER)
		--------------------------------------------------------*/
		.sub-menu {
			float: left;
			clear: both;
			width: 100%;
			height: 43px;
			border-bottom: 1px solid #bfbfa2;
			background: #f4f4ee url(images/rwd/icon-pulldown.png) no-repeat right;
			font: bold 1.3em/43px Arial, Helvetica, sans-serif; color: #444; text-decoration: none; text-align: center;
			padding: 0%;
			margin: 0%;
		}
		
		nav#sub {
			float: left;
			clear: both;
			width: 100%;
			padding: 0%;
			margin: 0%;
		}
			nav#sub ul { background: #f4f4ee; display: none; width: 100%; list-style: none; padding: 0%; margin: 0%; }
			nav#sub ul li { width: 95%; border-bottom: 1px solid #bfbfa2; padding: 0 0 0 5%; margin: 0%; }
			nav#sub ul li a { font: bold 1.3em/44px Arial, Helvetica, sans-serif; color: #444; text-decoration: none; }
			nav#sub a img { float: right; width: 25%; }
			
			/* sub navigation section colors */
			    /* home */                  section#nav .darkblue { border-bottom: 6px solid #006586; }
			    /* about */                 section#nav .burgundy { border-bottom: 6px solid #6c2227; }
			    /* academics */             section#nav .brown { border-bottom: 6px solid #644a46; }
			    /* enrichment */            section#nav .violet { border-bottom: 6px solid #635263; }
			    /* resources */             section#nav .gray { border-bottom: 6px solid #6f7f89; }
			    /* news and events */       section#nav .blue { border-bottom: 6px solid #0085b2; }
			    /* campus life */           section#nav .orange { border-bottom: 6px solid #ff854a; }
			    /* admissions */            section#nav .green { border-bottom: 6px solid #86aa59; }
			    /* connect */               section#nav .magenta { border-bottom: 6px solid #570f33; }	
			    /* SC to U */               section#nav .dkblue { border-top: 6px solid #006586; }
			    /* SC blue */               section#nav .scblue { border-top: 6px solid #00457c; }
			
			
		/* ASIDE NAVIGATION (3RD TIER)
		--------------------------------------------------------*/
		nav#aside {
		    float: left;
            clear: both;
			width: 100%;
			padding: 0%;
			margin: 0%;	
		}
		    nav#aside ul { width: 100%; background: #ebebeb; list-style: none; padding: 0%; margin: 0 10% 0 0;	}
		    nav#aside ul li { height: 44px; padding: 0%; margin: 0%; }
		    nav#aside h1 { width: 100%; background: #777; font: bold 1.2em Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: underline; text-align: center; padding: 2% 0 2% 0; margin: 0%; }
		    nav#aside h1 a { color: #fff; }
		    nav#aside ul li a { display: block; border-top: 1px solid #ddd; font: bold 1.0em/44px Arial, Helvetica, sans-serif; color: #00468c; text-decoration: none; padding: 0 0 1% 3%; margin: 0%; }
		
		
		/* CONTENT AREA
		--------------------------------------------------------*/
		section#content-wrapper { float: left; clear: both; width: 100%; padding: 0px; margin: 0px;	}
		section#content { float: left; clear: both; width: 90%; padding: 5%; margin: 0%; }
        div[style] { margin: 0% !important; } /* remove margin-right: 76% from desktop view */ 
        
        .rwd-box-wrap { width: 47.5%; float: left; padding: 0 3px 3px 0; }
        .rwd-box-wrap-feature { overflow: hidden; float: left; display: block; width: 50% !important; }
        .rwd-box-wrap-feature img { max-width: 45%; padding: 0 5px 5px 0; }
        
         /* LANDING PAGES
		--------------------------------------------------------*/
		#deck-main section#deck-quicklinks { float: left; width: 100%; padding: 0px; margin: 0px; }

			/* colored boxes section colors */
			    /* about */                 #deck-main section#deck-quicklinks .burgundy { height: 210px !important; background: #6c2227 !important; }
			    /* academics */             #deck-main section#deck-quicklinks .brown { height: 210px !important; background: #644a46 !important; }
			    /* enrichment */            #deck-main section#deck-quicklinks .violet {height: 210px !important; background: #635263 !important; }
			    /* resources */             #deck-main section#deck-quicklinks .gray { height: 210px !important; background: #6f7f89 !important; }
			    /* news and events */       #deck-main section#deck-quicklinks .blue { height: 210px !important; background: #0085b2 !important; }
			    /* campus life */           #deck-main section#deck-quicklinks .orange { height: 210px !important; background: #ff854a !important; }
			    /* admissions */            #deck-main section#deck-quicklinks .green { height: 210px !important; background: #86aa59 !important; }
			    /* connect */               #deck-main section#deck-quicklinks .magenta { height: 210px !important; background: #570f33 !important; }
			    /* SC to U */               #deck-main section#deck-quicklinks .dkblue { height: 250px !important; background: #006586 !important; }
			    /* SC blue */               #deck-main section#deck-quicklinks .scblue { height: 250px !important; background: #00457c !important; }
		
		#deck-main section#deck-quicklinks ul { width: 90%; height: 500px; list-style: none; padding: 0%; margin: 0 5% 0 5%; }
		#deck-main section#deck-quicklinks ul li { float: left; width: 90%; padding: 3% 5% 3% 0; margin: 0%; }
		#deck-main section#deck-quicklinks ul li a { font: bold 1.3em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
		#deck-main section#deck-quicklinks ul li a img { padding: 0 5px 0 0; width: 30%; max-width: 20px; max-height: 20px; }
		#deck-main section#deck-media img { width: 100%; }
		
		#deck-main .sf_cols { float: left; width: 100%; border-bottom: 2px solid #bfbfa2; background: #e0e0d1; padding: 0 0 -2px 0; margin: 0px; }
		#deck-main .rwd-highlight-01{ float: left; width: 50% !important; }
		#deck-main .rwd-highlight-01 img { width: 200%; max-height: 300px !important; }
		#deck-main .rwd-highlight-02{ float: left; width: 50% !important; }
		#deck-main .rwd-highlight-02 img { width: 200%; max-height: 300px !important; }
		#deck-main .sf_colsOut.sf_4cols_1_25, .sf_colsOut.sf_4cols_2_25, .sf_colsOut.sf_4cols_4_25 { width: 50% !important; }
		section#deck-sub { float: left; clear: both; width: 100%; background: #f1f1eb; padding: 20px; margin: 0px; }
		#deck-sub section#deck-text { clear: both; width: 85%; font: 1.6em/1.7em Arial, Helvetica, sans-serif; color: #666; font-style: italic; padding: 0%; margin: 0%; }
		
		/* BANNER ITEMS (HOME PAGE)
		--------------------------------------------------------*/
		#deck-main { display: block; }
		#deck-main .sf_1col_1_100 { background: #201e3e !important; }
		#deck-main .sf_3cols_1in_33 { display: none; }
		#deck-main img { width: 100%; }

		
		/* ASIDE ITEMS (HOME PAGE)
		--------------------------------------------------------*/
		#deck-sub .news-feed { float: left; clear: both; width: 95%; padding: 0 0 2% 0; margin: 0 0 5% 0; }
        #deck-sub h1 { background: none; font: bold 1.7em Arial, Helvetica, sans-serif; color: #19305a; margin: 0 0 -6px -5px; }
        #deck-sub .news-feed h2 { margin: 0px; padding: 7px 0 0 0; }
        #deck-sub .news-feed h2 a { color: #006586; text-decoration: none; margin: 0px !important; padding: 0px !important;}
        #deck-sub .news-feed ul { font-size: 1.0em !important; background: none; list-style: none; padding: 0 10px 0 0; }
        #deck-sub .news-feed ul li { clear: both; width: 90%; padding: 0px; margin: 0px 0 5px 0; }
        #deck-sub .news-feed ul li a  { width: 100%; font: 0.75em/1.1em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0px; margin: -5px 0 0 0; }
        #deck-sub .icon-wrap { float: left !important; padding: 0 10px 25px 0px !important; margin: -1px -5px -5px -5px !important; }
        #deck-sub .sfnewsMetaInfo { font: 0.8em Arial, Helvetica, sans-serif !important; color: #888; margin: 0 0 0 20px; }
        
        #deck-sub h1 { margin: 0 0 0 -30px !important; }
        #deck-sub .banner-feature { width: 84%; background: #dedecf; text-align: center; padding: 15px 5px 0 5px; }
        #deck-sub a.cta-btn { width: 77% !important; }
        
        #deck-sub .events-feed { float: left; clear: both; width: 95%; padding: 0 0 2% 0; margin: 0 0 5% 0; }
        #deck-sub .events-feed h2 { margin: 0px; padding: 6px 0 0 0;}
        #deck-sub .events-feed h2 a { color: #006586; text-decoration: none; padding: 0px !important; margin:0px !important; }
        #deck-sub .events-feed ul { background: none; list-style: none; padding: 0 10px 0 0; }
        #deck-sub .events-feed ul li { clear: both; width: 100%; padding: 0px 0 5px 0; margin: 0px 0 5px 0; }
        #deck-sub .events-feed ul li a  { width: 100%; font: 0.75em/1.1em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0px; margin: -5px 0 0 0; }
        #deck-sub .icon-wrap { float: left !important; padding: 0 10px 25px 0px !important; margin: -1px -5px -5px -5px !important; }
        #deck-sub .sfeventMetaInfo  { font: 0.8em Arial, Helvetica, sans-serif !important; color: #888; margin: 0 0 0 20px; }
        
        .sf_1col_1_100 { display: block; }
        
        #deck-sub p.product-line { width: 95%; }
        #deck-sub a.button { text-align: center; }
        
        
        /* COLUMNS (4-COLS)
		---------------------*/
        #deck-sub .sf_4cols_3_25 { display: block; clear: both; float: left;  width: 83% !important; background: #d8d8c7; padding: 0 10px 10px 10px; }
        #deck-sub .sf_4cols_4in_25 { display: block; float: left; width: 185%; padding: 20px 0 0 0; }
        
        .start-here-mobile { display: block; clear: both; height: 45px; border-top: 3px solid #fff; background: #016587; text-align: center; }
        .start-here-mobile { font: bold 1.2em/45px Arial, Helvetica, sans-serif !important; color: #fff; text-decoration: none; }
        
        
        /* ASIDE ITEMS (INSIDE PAGES)
		--------------------------------------------------------*/
        
        /* RELATED LINKS
		---------------------*/
        #content .aside-related-links { float: left; width: 94%; background: #ddd; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-related-links ul { list-style: none; padding: 0%; margin: 0%; }
		#content .aside-related-links ul li { background: #ddd; padding: 0%; margin: 0%; }
		#content .aside-related-links h1 { background: #ddd; font: bold 1.1em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; padding: 0% 0 2% 0; margin: 0%; }
		#content .aside-related-links ul li a { display: block; width: 99.5%; border-bottom: 1px solid #b1b1b1; font: bold 1.0em/2.2em Arial, Helvetica, sans-serif; color: #8d8d8d; text-decoration: none; padding: 0%; }
        #content .aside-related-links ul li:last-child { padding-bottom: 3%; }
        
        /* CALL-TO-ACTION
		---------------------*/
        #content .aside-call-to-action { float: left; width: 94%; background: #e2e2e2; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-call-to-action img { float: left; border: 0px; padding: 0 2% 0 0; margin: 0%; }
        #content .aside-call-to-action h1 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 2% 0 1% 0; }
		#content .aside-call-to-action p { font: 1.1em Arial, Helvetica, sans-serif; color: #777; margin: 0%; }
		#content .aside-call-to-action a { font: 1.0em Arial, Helvetica, sans-serif; color: #888; }
		
		/* EVENT ITEMS
		--------------------- */   
		#content .aside-events-feed { float: left; clear: both; width: 94%; background: #e2e2e2; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-events-feed h1 { display: none; }
        #content .aside-events-feed h2 { padding: 0%; margin: 0%; }
        #content .aside-events-feed h2 a { font-size: 0.7em !important; color: #006586; text-decoration: none; padding: 0px !important; margin: 0px !important; }
        #content .aside-events-feed ul { list-style: none; padding: 0%; }
        #content .aside-events-feed ul li { clear: both; padding: 0 0 0 1%; margin: 0 0 3% 0; }
        #content .aside-events-feed ul li a { font: 0.8em/1.1em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0%; margin: -5px 0 0 0; }
        #content .icon-wrap { float: left !important; padding: 0 10px 25px 0px !important; margin: -1px -5px -5px -5px !important; }
        #content .aside-events-feed .sfeventMetaInfo { font: 0.7em Arial, Helvetica, sans-serif !important; color: #888; margin: 0 0 0 20px; }
        	
        /* NEWS ITEMS
		---------------------*/	    
		#content .aside-news-feed { float: left; clear: both; width: 94%; background: #e2e2e2; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-news-feed h1 { display: none; }
        #content .aside-news-feed h2 { padding: 0%; margin: 0%; }
        #content .aside-news-feed h2 a { font-size: 0.9em !important; color: #006586; text-decoration: none; padding: 0px !important; margin:0px !important; }
        #content .aside-news-feed ul { list-style: none; padding: 0%; }
        #content .aside-news-feed ul li { clear: both; width: 84%; padding: 0 0 0 1%; margin: 0 0 3% 0; }
        #content .aside-news-feed ul li a  {width: 84%; font: 0.8em/1.1em Arial, Helvetica, sans-serif; color: #555 !important; text-decoration: none; padding: 0%; margin: -5px 0 0 0; }
        #content .icon-wrap { float: left !important; padding: 0 10px 25px 0px !important; margin: -1px -5px -5px -5px !important; }
        #content .aside-news-feed .sfnewsMetaInfo { font: 0.7em Arial, Helvetica, sans-serif !important; color: #888; margin: 0 0 0 20px; }
        
        /* CALENDAR VIEW
		---------------------*/	  
        .RadScheduler .rsHeader { height: 40px; }
        .RadScheduler .rsHeader ul { float: right; position: relative; top: -10px; padding-right: 0px; }
        .RadScheduler .rsHeader h2 { position: relative; top: -5px; font-size: 1.0em !important; text-indent: 0; }
        
        /* IMAGE
		---------------------*/
        #content .aside-image { display: none; }
        
         /* IMAGE GALLERY
		---------------------*/
        #content .aside-gallery-feed { display: none; }
        
        /* VIDEO
		---------------------*/
        #content .aside-video { float: left; width: 94%; background: #e2e2e2; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-video img { float: left; border: 0px; padding: 0 2% 0 0; margin: 0%; }
        #content .aside-video h1 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 0%; }
		#content .aside-video p { font: 1.1em Arial, Helvetica, sans-serif; color: #777; margin: 0%; }
		#content .aside-video a { font: 1.0em Arial, Helvetica, sans-serif; color: #888; }
		
		/* TEXT NOTE
		---------------------*/
        #content .aside-note { float: left; width: 94%; background: #e2e2e2; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-note h1 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #222; text-transform: uppercase; margin: 0 0 1% 0; }
		#content .aside-note p { font: 1.1em Arial, Helvetica, sans-serif; color: #777; }
		#content .aside-note ul { padding: 0%; margin: 0 0 0 5%; }
		#content .aside-note ol { padding: 0%; margin: 0 0 0 5%; }
		#content .aside-note ul li { font: 1.1em Arial, Helvetica, sans-serif; color: #777; margin: 0%; }
		#content .aside-note ol li { font: 1.0em Arial, Helvetica, sans-serif; color: #777; margin: 0%; }
		#content .aside-note img[src$="jpg"] { width: 100% !important; }
		
		/* CONTACT
		---------------------*/
        #content .aside-contact-burgundy { float: left; width: 94%; background: #6c2227; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-burgundy p { color: #fff !important; margin: 0px; }
        #content .aside-contact-burgundy a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-brown { float: left; width: 94%; background: #644a46; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-brown p { color: #fff !important; margin: 0px; }
        #content .aside-contact-brown a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-violet { float: left; width: 94%; background: #635263; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-violet p { color: #fff !important; margin: 0px; }
        #content .aside-contact-violet a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-gray { float: left; width: 94%; background: #6f7f89; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-gray p { color: #fff !important; margin: 0px; }
        #content .aside-contact-gray a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-blue { float: left; width: 94%; background: #0085b2; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-blue p { color: #fff !important; margin: 0px; }
        #content .aside-contact-blue a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-orange { float: left; width: 94%; background: #ff854a; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-orange p { color: #fff !important; margin: 0px; }
        #content .aside-contact-orange a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-green { float: left; width: 94%; background: #86aa59; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-green p { color: #fff !important; margin: 0px;}
        #content .aside-contact-green a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-magenta { float: left; width: 94%; background: #570f33; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-magenta p { color: #fff !important; margin: 0px; }
        #content .aside-contact-magenta a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        
        #content .aside-contact-scblue { float: left; width: 94%; background: #00457c; font: 0.88em/1.5em Arial, Helvetica, sans-serif; padding: 3%; margin: 3% 0 0 0; }
        #content .aside-contact-scblue p { color: #fff !important; margin: 0px; }
        #content .aside-contact-scblue a { border-bottom: 1px solid #999; font-weight: normal; color: #fff; text-decoration: none; }
        

        /* FOOTER CONTENT
		--------------------------------------------------------*/
		footer {
			float: left;
			clear: both;
			width: 100%;
			background: #ccc;
			font: 0.8em Arial, Helvetica, sans-serif; color: #333;
			padding: 5%;	
			margin: 0%;
		}
		    footer ul { width: 100%; padding: 0%; margin: 0%;  }
		    footer ul li { float: left; list-style: none; padding: 0 2px 0 0; }
		    footer ul li a { font: 2.2em Arial, Helvetica, sans-serif; color: #222; text-decoration: none; }
		    footer section#links p { clear: both; width: 70%; padding: 10px 0 0 0; }
		    footer section#social { clear: both; width: 100%; }
		    footer a {  font: 1.0em Arial, Helvetica, sans-serif; color: #222; text-decoration: none; }
	    
	    #share { padding: 0 0 10px 0; }
	    section#social { float: left; clear: both; display: block; }
        section#social img { max-width: 80px; padding: 0 15px 0 0; }
		    
		    
		/* TYPOGRAPHY ELEMENTS
		--------------------------------------------------------*/
		#content h1 { font: bold 2.1em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 -0.25em 0; }
		#content h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #444; margin: 12px 0 0 0; }
		#content h3 { font: bold 1.15em Arial, Helvetica, sans-serif; color: #444; margin: 5px 0 0 0; }
		#content p, table { font: 1.1em/1.4em Arial, Helvetica, sans-serif; color: #676767; }
		#content ul li, #content ol li { font: 1.1em/1.4em Arial, Helvetica, sans-serif; color: #666; padding: 0em; margin: 1.0em 0 0 0; }
		#content a { font: bold Arial, Helvetica, sans-serif; color: #105cb6; /*old color: #00468c;*/ text-decoration: none;  }
		
		a.button  { background: #c0c0a3 !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; font: bold 0.80em Arial, Helvetica, sans-serif !important; color: #444 !important; text-decoration: none; vertical-align: middle; cursor: pointer !important; padding: 3px 6px 3px 6px; margin: 0px; }
        a.button:hover { background: #00698C !important; color: #fff !important; text-decoration: none !important; }
        
        h2.news-title-listing a { font-size: 0.7em; font-weight: normal; }
		
		
		/* NOTICE BOXES
		--------------------------------------------------------*/
		
		/* colored 'what's new' box section colors */
			/* about */                 .notice-burgundy { width: 96%; background-color: #d6c1c3; padding: 5px 10px 5px 10px; }
			/* academics */             .notice-brown { width: 96%; background-color: #d8d2cd; padding: 5px 10px 5px 10px; }
			/* enrichment */            .notice-violet { width: 96%; background-color: #d9d5d9; padding: 5px 10px 5px 10px; }
			/* resources */             .notice-gray { width: 96%; background-color: #cad0d4; padding: 5px 10px 5px 10px; }
			/* news and events */       .notice-blue { width: 96%; background-color: #a1d2e3; padding: 5px 10px 5px 10px; }
			/* campus life */           .notice-orange { width: 96%; background-color: #ffd2bc; padding: 5px 10px 5px 10px; }
			/* admissions */            .notice-green { width: 96%; background-color: #d2e0c2; padding: 5px 10px 5px 10px; }
			/* connect */               .notice-magenta { width: 96%; background-color: #ddcfd6; padding: 5px 10px 5px 10px; }
			/* SC blue */               .notice-scblue { width: 96%; background-color: #c9d8e3; padding: 5px 10px 5px 10px; }
			
		
		/* MISC ELEMENTS
		--------------------------------------------------------*/
        #content hr { height: 1px; width: 100%;  border: 0px; background: #bbb; color: #999; }
        
        
        /* LINK BUTTONS
		--------------------------------------------------------*/
        a.cta-btn {
            display: block;
            width: auto !important;
            height: auto;
            border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
            font: 1.1em Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            text-align: center;
            padding: 10.5px 16px;
            margin: 0 0 -13px 0;  
        }
        a.cta-btn.btn-light-gray { background: #e9e9e9 !important; color: #333 !important; }
        a.cta-btn.btn-burgundy { background: #6C2227 !important; color: #fff !important; }
        a.cta-btn.btn-brown { background: #644A46 !important; color: #fff !important; }
        a.cta-btn.btn-violet { background: #635263 !important; color: #fff !important; }
        a.cta-btn.btn-gray { background: #6f7f89 !important; color: #fff !important; }
        a.cta-btn.btn-blue { background: #0085b2 !important; color: #fff !important; }
        a.cta-btn.btn-orange { background: #ff854a !important; color: #fff !important; }
        a.cta-btn.btn-green { background: #86aa59 !important; color: #fff !important; }
        a.cta-btn.btn-magenta { background: #570f33 !important; color: #fff !important; }
        a.cta-btn.btn-scblue { background: #00457c !important; color: #fff !important; }
        
        
        /* IMAGE ELEMENTS
		--------------------------------------------------------*/
		.sm-logo { width: 30%; max-width: 115px; max-height: 26px; padding: 10px 0 6px 15px; margin: 0px; }
		
		
		/* TABLE ELEMENTS
		--------------------------------------------------------*/
		.table table, tr, th, td { border: 1px solid #ddd; border-collapse: collapse; vertical-align: top; padding: 1%; }
		table.table { width: 100%; border-collapse: collapse; text-align: left; }
		.table tr th { background: #c3c3c3; color: #444; }
		.table tr th.small { font-size: 0.8em; line-height: 1.3em; }
		.table tr:nth-child(odd) { background:#fff; }
		.table tr:nth-child(even) { background:#eee; }
		.table tr:hover { background: #ffffbf; }
		
		table.rgMasterTable tbody { font-size: 1.1em; padding: 3px 0 3px 0; }
		.rgMasterTable tr:hover { background: #ffffbf; }
		
		.RadGrid_Sitefinity { outline: none; }
		tr.rgGroupHeader p { color: #333 !important; }
		.RadGrid_Sitefinity .rgGroupHeader { background: #ccc; }
		.RadGrid_Sitefinity .rgGroupHeader:hover { background: #ccc; }
		.rgCollapse { background-image: none !important; }
		
		
		/* FORM ELEMENTS
		--------------------------------------------------------*/
        textarea, input { outline: none; }
        input:focus { border: 1px solid #009fc6; }
        
        table.border-spacing { border-spacing: 7px; }
        table tr td  { font: 0.9em/1.5em Arial, Helvetica, sans-serif; color: #666; }
        .sfFormsEditor  { font: 1.2em/1.5em Arial, Helvetica, sans-serif; color: #666; }
        .sfFormBox, .sfDropdownList  { margin: 0 0 5% 0; }
        .sfTxtBlockMedium { margin: 2% 0 0 0; }
        
        table.form-table tr td { border: 0px; border-collapse: collapse !important; }
        table.form-table th { float: right; font-weight: normal; border: 0px; border-collapse: collapse !important; }
        .validator { font-size: 0.9em; }
        .confirmation-message { background: #87aa5a; padding: 10px; margin: 0 0 20px 0; }
        .confirmation-message p { color: #fff !important; }
        .sfError { color: red; font-size: .8em; }
        input[type="checkbox"] { margin: 7px 2px 0 0; }
        
        .sfSuccess { background: #175b00; font: 1.1em/1.8em arial, helvetica, sans-serif; color: #fff; padding: 10px; }
        
        
         /* COURSE SCHEDULES FILTERS
		-------------------------------------------------------- */
        .tooltip{ display: inline; position: relative; }
        .tooltip:hover:after {
            position: absolute; bottom: 26px; left: 10%;
            width: 325px;
            border-radius: 5px;
            background: #333; background: rgba(0,0,0,.8);
            content: attr(title);
            color: #fff;
            padding: 5px 15px;
            z-index: 98;
        }

        .course-filter-button {
             display: block;
             width: 100%;
             height: 35px;
             background-color: #634942;
             color:#ffffff !important;
             line-height: 35px;
             text-align: center;     
        }

        .form-input { width: 100%; height: 35px; background: #d8d2cd; margin: 0 0 7px 0; }
        
        .rwd-notice-brown { width: 100%; background: #d8d2cd; padding: 1px 5px 1px 0px; }
		
		
		/* LIST EXPANDABLE - REGULAR
		--------------------------------------------------------*/
		.sfexpandableListWrp { font: bold 0.90em/40px Arial, Helvetica, sans-serif; color: #666; margin: 0px 0 50px 0; }
		.sflistExpandAllLnkWrp { text-align: right; margin: 0 10px 0 0; }
		ul.list-expandable { width: 96%; list-style: none; padding: 0px; margin: 0px; }
		ul.list-expandable h4 { padding: 0px; margin: 0 0 -13px 0; }
		ul.list-expandable h4 a { display: block; width: 96%; background: #f1f1f1 url(images/icon-plus-sign.png) no-repeat left center; border-top: 1px solid #b8b897; color: #666 !important; padding: 10px 0 10px 35px; margin: 0px; }
		.sflistItemContent { padding: 20px 20px 20px 35px; margin: 0 0 20px 0; }
		.sflistListItem .sflistItemContent ul li { font-size: 1.1em !important; list-style-type: disc !important; margin: 5px 0 0 0 !important; }
		
		
		/* LIST EXPANDABLE - FAQ
		--------------------------------------------------------*/
		ul.list-expandable-faq { width: 96%; list-style: none; padding: 0px; margin: 0px; }
		ul.list-expandable-faq h4 { clear: both; padding: 0px; margin: 0 0 -5px 0; }
		ul.list-expandable-faq h4 a { display: block; clear: both; width: 96%; background: #fff url(http://www.schoolcraft.edu/images/default-source/icon-sets/icon-faq-question-mark.png) no-repeat left center; border-top: 1px solid #eee; font-weight: normal; color: #00468c !important; padding: 8px 0 8px 30px; margin: 0px; }
		ul.list-expandable-faq h4 a:hover { color: #333 !important; }
		ul.list-expandable-faq .sflistItemContent { width: 79%; background: #f9f9f9; border-left: 4px solid #bbb; padding: 20px 38px 20px 40px; margin: 10px 10px 0 25px; }
        
        
		 /* DETAIL PAGES
		--------------------------------------------------------*/
        
        /* EVENT DETAILS
		---------------------*/
        #content .sfeventListItem { list-style: none; padding: 0%; margin: 0%; }
        #content .sfeventsList { list-style: none; padding: 0%; margin: 0%; }
        #content .sfeventTitle a, .events-link, .sfeventsAuthorAndDate { width: 100%; font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important; padding: 0 0 1.5% 0; margin: 1.25em 0 0 0; }
        #content .events-date { float: left; font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important;  }
        #content h1.sfeventTitle { font: bold 1.8em Arial, Helvetica, sans-serif !important; color: #444 !important; padding: 0 0 1% 0; margin: 0%; }
        #content .sfeventLinksWrp { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0 0 2% 0; }
        #content .RadSocialShare { float: right; border: none; margin: -1.5% 0 0 0; }
        #content .sfeventContent img { padding: 0 2% 0 0; }
        #content .sfeventMetaInfo { padding: 0 0 0 29px; }
        #content .sfTxtContent { font-size: 0.9em; line-height: 1.6em; }
        #content .sf_pagerNumeric a { border: 1px solid #777; background: #c0c0a3; font-size: .4em; padding: 2px 6px 2px 6px; margin: 25px 8px 0 0; }
        #content .sf_pagerNumeric { text-align: left; padding: 25px 0 10px 0; margin: 25px 0 25px 0; }
        
      
        /* NEWS DETAILS
		---------------------*/
        #content .sfnewsListItem { list-style: none; padding: 0%; margin: 0%; }
        #content .sfnewsList { list-style: none; padding: 0%; margin: 0%; }
        #content .sfnewsTitle a, #content .news-link, #content .sfnewsAuthorAndDate { font: bold 0.6em Arial, Helvetica, sans-serif; color: #444 !important; padding: 0 0 1.5% 0; margin: 1.25em 0 0 0; }
        #content .news-date { float: left; font-size: 0.6em; }
        #content h1.sfnewsTitle { font: bold 1.8em Arial, Helvetica, sans-serif !important; color: #444 !important; padding: 0%; margin: 0%; }
        #content .sfnewsLinksWrp { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0 0 2% 0; }
        #content .sfnewsAuthorAndDate { font-size: 0.9em; }
        #content .RadSocialShare { float: right; border: none; margin: -1.5% 0 0 0; }
        #content .sfnewsContent img { padding: 0 2% 0 0; }
        #content .pager { clear: both; font: bold 1.8em Arial, Helvetica, sans-serif !important; text-align: center; }
        #content .sfnewsContent { font: 1.1em/1.4em Times Arial, Helvetica, sans-serif; color: #727272; }
        #content .sf_PagerCurrent { color: #444 !important; }
        #content .pager a { padding: 0 5px 0 0; }
        #content nav#aside ul.sftaxonHorizontalList { background: none; padding: 3% 0 3% 0; margin: 0 0 8% 0; }
		
		
		/* FLIP CARDS 
		--------------------------------------------------------*/
		.panel { float: left; position: relative; width: 400px; height: 300px; -webkit-perspective: 600px; -moz-perspective: 600px; margin: 20px 10px 20px 10px; }
		.panel .front { float: none; position: absolute; top: 0; left: 0; width: inherit; height: inherit; background: #ccc; text-align: center; z-index: 900; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
		.panel.flip .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 900; }
		.panel .back { float: none; position: relative; top: 0; left: 0; width: inherit; height: inherit; border: 1px solid #fff; background: #fff; z-index: 800; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
		.panel.flip .back { width: 400px; height: 260px; background: #ddd; padding: 20px; z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }

        
        /* TWITTER WIDGET
		--------------------------------------------------------*/
		.tweet-box-button .web-intent { display: none !important; }
		div.timeline-footer { display: none !important; }
		.TwitterItem { border-top: 1px solid #ddd; padding: 5px 0 5px 0; margin: 3px 0 3px 0; }
		.TwitterFeed { font: 0.9em/1.2em Arial, Helvetica, sans-serif; color: #333; }
		.TwitterFeed .Title { font: bold 1.2em Arial, Helvetica, sans-serif; color: #333; }
		.TwitterFeedImage { display: none; }
		.TwitterFeedMessageDate { font-size: 0.65em; color: #aaa; text-transform: uppercase; }


        /* URGENT MESSAGE
		--------------------------------------------------------*/
        #impmessagecontainer { border-bottom: 6px solid #f60; padding: 0%; margin: 0%; }
        #impmessagecontainer table.impmessagebox { padding: 0px; margin: 0px; width:100% }
        #impmessagecontainer table.impmessagebox tr td { background: #d7d7c4; border: hidden; border-collapse: collapse; padding: 8px 0 0 25px; margin: 0px; }
        table.impmessagebox tr.impmessagerow { visibility: hidden; display: none;  color: #ccc; padding: 0px; margin: 0px; }
        table.impmessagebox tr.impmessagerow-expanded  { color: #ccc; padding: 0px; margin: 0px; }

        .impmessagetopic { font: bold 1.3em/26px Arial, Helvetica, sans-serif; color: #6d2227; text-transform: uppercase; }
        table.impmessagebox h1 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #000; margin: 2px 0 -6px 0; }
        table.impmessagebox p { font: 1.0em Arial, Helvetica, sans-serif; color: #000; }
        table.impmessagebox td { border: hidden; border-collapse: collapse; }
        table.impmessagebox { border-collapse: collapse; padding: 0px; margin: 0px; }
        
        
        /* PROGRAM PAGE TEMPLATE STYLES
		--------------------------------------------------------*/
		h1.program-bar-beige { float: left; width: 97%; height: 50px; font-size: 1.6em !important; color: #404051 !important; font-weight: bold !important; padding: 0px !important; margin: -4px 0 0 0 !important; }
        .academic-box { float: left; width: 100%; height: auto; background: #EDEDE4; padding: 0px; margin: 10px 0 10px 0; }
            h3.sfnewsTitle-academic-box { font: 0.9em arial, helvetica, sans-serif !important; color: #444 !important; }
            h3.feed-title { font-size: 1.6em !important; margin: 0 0 0 -5px !important; }
        .academic-box .sf_colsOut.sf_4cols_1_25, .sf_colsOut.sf_4cols_2_25, .sf_colsOut.sf_4cols_4_25 { width: 100% !important; }
        .feed-padding { padding: 15px; }
        .center-button-group { padding: 0 0 0 240px; }
        
        .separator-brown { border-top: 5px solid #644a46; display: block; }
        
        
        /* TAB STRIP
		--------------------------------------------------------*/
		.RadTabStrip .rtsLevel.rtsCenter { border-top: 1px solid #444; }
		.RadTabStripTop_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL { background: #DEDFCF !important; }
		.RadTabStrip_Metro .rtsLevel1 .rtsLink { border: 0; color: #333; font: 1.2em/1.9em Arial, Helvetica, sans-serif; text-transform: capitalize; }
		a.rtsLink { color: #444 !important; }
		
		
		/* FANCYBOX POPUP
		--------------------------------------------------------*/
		#fancybox-overlay { background: #fff!important;  top: 0px !important; left: 0px !important; }
		#fancybox-wrap { width: 85% !important; padding: 0px !important; top: 0px; left: 0px; }
		#fancybox-content { width: 85% !important; border: 0px !important; font: 1.2em/1.4em Arial, Helvetica, sans-serif; padding: 20px; }
		
        
         /* PRODUCT LINE TEMPLATE STYLES
		--------------------------------------------------------*/
		h1.product-line-violet { font: bold 1.2em Arial, Helvetica, sans-serif; color: #635263; text-transform: uppercase; }
		h1.product-line-burgundy { font: bold 1.2em Arial, Helvetica, sans-serif; color: #6c2227; text-transform: uppercase; }
		
		h1.header-bar-violet { float: left; width: 100%; background: #635263; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; }
		h1.header-bar-burgundy { float: left; width: 100%; background: #6c2227; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; }
		h1.header-bar-brown { float: left; width: 100%; background: #644a46; font: 0.7em !important; color: #fff !important; font-weight: normal !important; text-align: center; padding: 5px 0 5px 0 !important; margin: -4px 0 0 0 !important; }
		
		.header-border-violet h2 { width: 99% !important; background: #635263; font: 0.6em !important; color: #fff !important; font-weight: normal !important; text-align: center !important; padding: 10px 3px 5px 3px !important; margin: 30px 0 0 0 !important; }
		.header-border-burgundy h2 { width: 99% !important; background: #6C2227; font: 0.6em !important; color: #fff !important; font-weight: normal !important; text-align: center !important; padding: 10px 3px 5px 3px !important; margin: 30px 0 0 0 !important; }
		
		.notice-product-line { float: left; width: auto !important; overflow: hidden; border: 1px solid #999; background: #ededed; padding: 15px; }
		.notice-product-line-footer { float: left; width: 96%; overflow: hidden; border: 1px solid #999; background: #e8e8dd; padding: 2%; margin: 0 0 50px 0; }
		
		ul.class-box-listing { list-style: none; padding: 0px; margin: 0px; }
		ul.class-box-listing li { list-style: none; padding: 0px; margin: 0px}
		    a.class-box-violet { display: block; float: left;  width: 97.5%; height: 35px; border: 1px solid #999; background: #ededed url(images/bg-chevron-violet.gif) no-repeat right; line-height: 35px; color: #555 !important; padding: 0 0 0 2%; margin: 0 0 7px 0; }
		    a.class-box-burgundy { display: block; float: left;  width: 97.5%; height: 60px; border: 1px solid #999; background: #ededed url(images/bg-chevron-burgundy.gif) no-repeat right; color: #555 !important; padding: 15px 0 0 2%; margin: 0 0 7px 0; }
		    a.class-box-brown { display: block; float: left;  width: 97.5%; height: 35px; border: 1px solid #999; background: #ededed url(images/bg-chevron-brown.gif) no-repeat right; line-height: 35px; color: #555 !important; padding: 0 0 0 2%; margin: 0 0 7px 0; }

        
			
	    /* HIDE ELEMENTS
		--------------------------------------------------------*/
		.hide-rwd { display: none; }
		.slide-out { display: none; }
		nav#social { display: none; }
		nav#call-to-action {display: none; }
		#breadcrumbs { display: none; }
		#back-top, #back-top a { display: none; }
		
		#deck-sub section#deck-testimonial { display: none; }
        #deck-sub .twtr-widget { display: none; } 
        .sfcalendarSidebar { display: none; }
        
        .rwd-highlight-01, .rwd-highlight-02 { display: none; }
        
        #scroll-to-top { display: none; }
        
        .sf_colsOut.sf_4cols_3_25 .sf_colsIn, .sf_colsOut.sf_4cols_4_25 .sf_colsIn {display: block;}
        .col-features, .col-blocks { display: none; }
        
        
        
        
} /* end of media query */