/* *********************************************************************
	TABLETS (including 768, 800 screen sizes)
 ********************************************************************* */

@media screen and (max-width: 959px) { 
	
	#s4-bodyContainer, #s4-workspace { width: 100%; }
	.toplinksWrapper { width: 100%; }
	#topLinks { width: 100%; text-align:center; }
	#topLinks ul { width: 100%; text-align:center; }
	#topLinks a:link, #topLinks a:visited { padding: 0 8px; }
	
	.customWidth { width: 100%; font-size: 1em; }
	.s4-ca.home  { width: 100%; } 
	.home-2colWrapper { width: 100%; margin:0 auto  }
	
	#taglineWrapper { width: 68%; font-size: 0.85em; }
	#header   { width: 97%; padding-left:3%; }
	#header > div.logo { width: 28%; }
	#header > div.logo > a { width: 100%; } 
	
	.tagline img, .link-100 img  { width:90%; height:auto; }
	
	/* Banner Rotator */
	#homeRowTop { height: 340px; }  
	.AEBannerContainer { width:100% !important; }
	.AEBannerContainer div img { width:100%; height:auto; }
	.AEBannerContainer div.AEBannerTransbox {  top: 240px !important;  }
	.AEBannerContainer div.AEBannerTransbox > div { right: -425px!important; }
	div.AEBannerTransbox > div span { font-size: 115% !important;  }
	
	/* Tab content */
	#homeColLeft  { height:565px;  }
	.homeInfoBox > div { width: 100%; top: 26px; height:auto; overflow: auto; box-sizing:border-box; }
	.homeInfoBox h3 { width: 22.25%; padding: 3px 1% 3px 1%; margin-left: 1%; border:none;  }
	.homeInfoBox li > img { margin-right:10px; }
	.homeInfoBox li > div, .homeInfoBox > div > p { margin-left: 0; }
	.homeInfoBox li { width: 100%;  min-height:auto; }
	.homeInfoBox #pointer { display:none !important; }
	
	#boundedBox  { height:auto; }
	#accordion.content  { padding:0 }
	
	#explore { width: 95%; margin: 0 auto; }
	.accreditationBox { width: 95%; margin: 0 auto; }
	#footer { height: auto; }
	#footer > span { padding-left: 15px; margin-left: 15px;}
	
	/* page layouts */
	.s4-ca.threeCol, .s4-ca.twoCol { width:98%; background: #fff; border:none ; }
	
	#quickLaunch { width: 27%; background: #787878 url("../Images/bgQuickLaunch.png") repeat-x scroll center top; font-size: 1.025em; }
	#twoColRight { width: 68.5%; }
	#twoColRight img { width:100%; height:auto; }

	.MidRightColWrapper {width: 68.5%;  }
	#threeColMid { width: 100%; padding: 0 15px; box-sizing: border-box; border:none; }
	#threeColMid > div.content { padding: 0 0 25px 0; }
	#threeColRight { width: 100%; clear:both; margin: 0;  float:none; border-left: none; border-top: 1px solid #ccc; margin-top:15px; box-sizing: border-box; }
	
	.openBottom .topContent { border-right: none; }
	#twoColBottom.webParts { background:none; border:none }
	#twoColBottom.webParts > div.content.column1, #twoColBottom.webParts > div.content.column2, 
	#twoColBottom.webParts > div.content.column3, #twoColBottom.webParts > div.content.column4  { 
		width: 42.5%; margin-left: 5%; margin-top: 25px; padding: 15px; border-top: 1px solid #afafaf; border: 1px solid #afafaf; box-sizing: border-box; }
	#twoColBottom.webParts > div.content.column3 { clear:left;}
	
	.fullPageContent { padding: 0 2.5%; }
	.fullPageContent  img { width:100%; height:auto; }
	
	#newsReleaseLeft .content .content { padding: 30px 30px 0px 30px; }
	#newsReleaseLeft { width: 100%; float: none; }
	#newsReleaseRight { width: 90%; margin: 0 auto; clear:both; border-left: none; min-height: auto; }
}

/* *********************************************************************
	SMART PHONES 
 ********************************************************************* */
 
@media only screen and (max-width:749px) {
	#s4-titlerow { height:auto; padding-top:10px; }
	.customWidth { width: 90%; margin: 0 auto; }
	#header { width: 100%; height:auto; }
	#header > div.logo { width: 100%; float:none; }
	#header > div.logo > a { background: transparent url("../Images/logo.png") no-repeat scroll center top;margin-bottom:20px; }
	#header > div.logo  > a:hover { background-position: center -87px; }
	
	.topLinksbar { height:auto; }
	
	#searchBox { position: static; }
	.ms-mpSearchBox, #searchInputBox, #searchBox { margin-top: -25px; width: 100%; clear:both; margin-right:0; } 
	/*.ms-srch-sb input { width: 80%; padding: 2px 6px; font-size:1.15em;  } #searchBox .ms-srch-sb > input*/
	.ms-srch-sb { width: 100%; box-sizing: border-box;  background:#efefef; border-color:#ccc; color:#000; }	
	.ms-srch-sb > .ms-srch-sb-navLink { display: none; }
	.ms-mpSearchBox { width: 260px; margin: 10px auto; }
	.ms-floatRight { float:none; }
	.ms-srch-sb input { width:210px; padding-top: 5px; font-size:1em;   }
	.ms-srch-sb > .ms-srch-sb-searchLink { float:right; }	
	
	#taglineWrapper {  width: 100%; height:auto; overflow:auto; position: static; clear:both; margin-top:20px; font-size: 85%; }
	.tagline { padding:5px 10px 3px 10px; box-sizing:border-box; }
	.link-100 { padding: 5px 0 3px 0; overflow:hidden; }
	.link-100 img { width:103px; height:auto; }

	#contentBox { margin-right: 0; margin-left: 0;width: 100%; min-width: 280px; }
	
	#footer { margin-top: 20px; }
	#footer a { color:#fff; }
	
	#explore { width: 100%; margin: 0 auto; }
	.footerLinksCol1, .footerLinksCol2, .footerLinksCol3, .footerLinksCol4, .footerLinksCol5 { float:none; width:100%;clear:both; font-size: 115%;  }
	.footerLinksCol5 { margin-top:20px; box-sizing:border-box; line-height:2; }	
	.footerLinksCol1 ul li { line-height: 150%; }
	
	#bottomLinks { display:block; background-color: #e7e7e7; padding: 15px 0;  }
	#bottomLinks ul { width: 90%; margin: 0 auto; padding:0; line-height:2; text-align: center;  }
	#bottomLinks li { display: inline; }
	#bottomLinks a:link, #bottomLinks a:visited { font: 0.9em arial,helvetica,sans-serif; color: #000; padding: 10px; }
	#bottomLinks a:hover { color: #9a0000; text-decoration: none; }
	
	#breadcrumb { height: auto; padding-bottom: 10px }
	#breadcrumb a { font-size: 90%; padding: 10px;}
	
	/* HOME PAGE ************************************************************ */
	
	#homeColLeft, #homeColRight , .homeInfoBox > div  { width: 100%;}
	#homeColLeft, #homeColRight  { float:none; }
	#header   {width: 100%; height: auto; padding-left: 0; clear:both; }
	#homeColRight { /* overflow:hidden; */ }
	#homeColLeft  { height:550px;  }
	
	/* Banner Rotator */
	#homeRowTop { margin-top: 10px; height:300px;} 
	.AEBannerContainer { width:100% !important; }
	.AEBannerContainer div img { width:100%; height:auto; }
	.AEBannerContainer div.AEBannerTransbox { width: 90% !important; height:auto !important; left:0 !important; top: 150px !important;  padding:1% 5%  !important;  border-bottom: 2px solid #c00; background: #fff url("../Images/bgBannerCaption.png") repeat-x !important; }
	div.AEBannerTransbox > div { position:static !important; text-align:center !important; }
	div.AEBannerTransbox > div span { font-size: 115% !important;  }
	
	/* Tab content */
	.homeInfoBox h3 { padding: 3px 1% 3px 1%; margin-left: 1%; border:none; font-size:75%; }
	.homeInfoBox > div { height:500px; }
	.homeInfoBox h3.tab1 { width: 16%; }
	.homeInfoBox h3.tab2 { width: 22.25%; }
	.homeInfoBox h3.tab3 { width: 30.5%; }
	.homeInfoBox h3.tab4 { width: 20.25%; }
	.homeInfoBox li > img { display:none; }
	.homeInfoBox li { min-height:auto; }	
	
	/* Accordion */
	#boundedBox #accordion ul { font-size: 1.1em; }
	
	/* Page layouts */
	#header { height: auto; }
	#header.continuingEducation > div.logo-SCE { width: 100%;  float:none;  }
	#header.continuingEducation > div.logo-SCE > a, #header.continuingEducation > div.logo-SCE > a:hover { width: 280px; height: 48px; margin:0 auto; background: transparent url("../Images/logoContinuingEd-mobile.png") no-repeat center top; }
	#header.continuingEducation > div.logo-SCE { height: 55px; }
	#header.continuingEducation #searchInputBox.searchBox { margin-top: -25px; }

	.s4-ca.threeCol, .s4-ca.twoCol { background: #fff; border:none; width:100%; }
	
	#twoColRight { float: none; width:100%; }
	
	#pageTitlebar { margin-top: 10px;} 
	#pageTitle { border:none; background-color: #fff; }
	#pageTitle h1 { width:100%; color: #9a0000; padding-left:0; }	
	#pageTitle > a.contactUs, #pageTitle > a.contactUs:visited { padding: 6px 10px; background:#666;  margin-top: -50px; text-decoration:none; }
	#pageTitle > a.contactUs:hover { background:#9a0000; }
	div.adRotator { height:auto;}
	
	#quickLaunch { float: none; width: 90%; clear:both; min-height: auto; }
	#quickLaunch ul { font-size: 105%; }
	#quickLaunch ul ul { font-size: 100%; }
	
	#twoColBottom { margin-top: 25px; }
	#twoColBottom.webParts > div.content { width: 100%; }
	#twoColBottom.webParts > div.content.column1, #twoColBottom.webParts > div.content.column2, 
	#twoColBottom.webParts > div.content.column3, #twoColBottom.webParts > div.content.column4  { float:none;  width: 100%; margin: 0; margin-top: 15px; }
	
	#threeColMid { width:100%; ; margin-right:0; padding:0;  }
	#threeColMid div.adRotator { width:100% !important; }
	#threeColMid div.adRotator img { width: 100% !important; height:auto !important; }
	#threeColMid img { width: 100% !important; height:auto !important; }
	
	.MidRightColWrapper { width: 100%; }
	
	.fullPageContent { padding: 0; }
	
	.s4-ca.newsRelease { border:none; }
	#newsReleaseLeft .content { padding: 15px 0px; }
	#newsReleaseLeft .content .content { padding: 30px 0px 0px; }
	#newsReleaseRight  { width: 100%; }
	#newsReleaseRight.content { padding: 0px; }
}

@media only screen and (max-width:480px) {
	.forAuthor   { display:none; }
	.tagline { float:none; width:100%; }
	.link-100 { float:none; width:160px; margin:0 auto; padding-top: 3px; }
	.tagline img { width:100%; height:auto; }	
	.link-100 img { width:90px; height:auto; }
	
	.ms-mpSearchBox, #searchInputBox, #searchBox  { margin-right: 10px; }
}
@media only screen and (max-width:480px) and (min-width:320px) {	
	#header div.logo > a{
    width: 300px;
    height: 51px;
	background-size:100%;
	background-position: -20px 0; }
	#header div.logo > a:hover {
	background-position: -20px 0;}
}

@media only screen and (max-width:320px) {
	/* Banner Rotator */
	body, .slicknav_menu { width:320px; }
	#homeRowTop { height:320px;} 
	.AEBannerContainer, #homeColLeft, #homeColRight { width:100% !important; }
	.homeInfoBox h3 { font-size:70%; }
}

/* *********************************************************************
	MAIN NAV
 ********************************************************************* */
@media screen and (min-width: 750px) {
	.menu-toggle { display: none; }
	.main-navigation ul.nav-menu,
	.main-navigation ul.nav-menu > ul { display: inline-block !important; width: 100%; }
	.main-navigation ul { margin: 0; text-indent: 0; }
	.main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; }
	.main-navigation ul.nav-menu > li > ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 90%;
	}
	.main-navigation li ul ul { top: 0; left: 100%;  display: block; }
	.main-navigation ul li:hover > ul { display: block; }
}
 
 @media screen and (min-width: 750px) and (max-width: 959px) {

	.main-navigation { width:100%; font-size:80%; }
	.main-navigation.continuingEducation { font-size:85%; }
	
	.main-navigation ul.nav-menu > li a, .main-navigation ul.nav-menu > li a:visited {  }
	
	.main-navigation ul li.navNode-1 ul, .main-navigation ul li.navNode-2 ul, .main-navigation ul li.navNode-3 ul, .main-navigation ul li.navNode-4 ul, 
	.main-navigation ul li.navNode-5 ul, .main-navigation ul li.navNode-6 ul, .main-navigation ul li.navNode-7 ul, .main-navigation ul li.navNode-8 ul 
	{ background: rgba(255,255,255,0.935); }
	
	.main-navigation ul.nav-menu > li > ul { width: 100%; height: auto; padding-bottom:15px; border-left:none; border-right:none;  }
	.main-navigation ul.nav-menu > li > ul > li { width:23%; margin-left:2%; font-size: 110%;  }
	.main-navigation  li.col5 { display:none; }
}

@media only screen and (max-width:749px) {
	
	nav#site-navigation { clear:both !important; }
	nav#site-navigation.main-navigation h3.menu-toggle { text-transform:uppercase; }
	.menu-toggle { font-size: 115%;}
	.main-navigation { width:100%;  height:auto; margin-top:15px; border-top: none; }

	.main-navigation ul.nav-menu {
		width:100%;
		height:auto;
		clear:both;
		border-top: none;
		margin-top:10px;
		border-bottom: none; }
		
	.main-navigation ul.nav-menu > li { text-align: left;  }
		
	.main-navigation ul.nav-menu > li {
		float:none !important;
		clear: both;
		width: 100% !important; 
		text-align:left;
		border-bottom: 1px solid #999;
		background:#666;
		padding: 0;
		margin:0;
		z-index:20;
		font-size: 115%;}
		
	.main-navigation ul.nav-menu > li:hover { background:#9a0000; }		
	.main-navigation ul.nav-menu > li  a { width: 90%; padding: 0.5em 5%; }		
	.main-navigation ul li ul { display:none; } /* hiding drop-down menus level 2 & 3*/	
	
	/* *********************************************************** */
	.topLinksbar, .js .topLinks { display:none; } /* hiding original menu */ 
	
	.js .slicknav_menu {
		display:block;
	}
	
/*
    Mobile Menu Core Style
*/

	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; text-indent:-9999px; width:38px; height: 26px;}
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
	.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
	.slicknav_nav { clear: both }
	.slicknav_nav ul,
	.slicknav_nav li { display: inline-block; }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_brand { float:left }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	/* IE6/7 support */
	.slicknav_menu { *zoom: 1 }

	/* 
		User Default Style
		Change the following styles to modify the appearance of the menu.
	*/

	.slicknav_menu {
		font-size:16px;
		box-sizing:border-box;
	}
	.slicknav_menu * {
	  box-sizing:border-box;
	}
	/* Button */
	.slicknav_btn {
		margin: 5px 0 6px;
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;  
		background-color: #222222;
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
		color: #FFF;
		font-weight: normal;
		text-shadow: 0 1px 3px #000;
	}
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar {
	  background-color: #f5f5f5;
	}
	.slicknav_menu {
		background:#4c4c4c;
		padding-right:5%;
	}
	.slicknav_nav {
		color:#fff;
		margin:0;
		padding:0;
		font-size:0.875em;
	}
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow:hidden;
		text-align:center;
		padding-bottom: 10px;
	}
	.slicknav_nav ul {
		padding:0;
		margin:0 0 0 20px;
	}
	.slicknav_nav .slicknav_row {
		padding:5px 10px;
		margin:2px 5px;
	}
	.slicknav_nav a{
		padding:5px 10px;
		margin:2px 5px;
		text-decoration:none;
		color:#fff;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		padding:0;
		margin:0;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background:#666;
		color:#ccc;
	}
	.slicknav_nav a:hover{
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background:#666;
		color:#ccc;
	}
	.slicknav_nav .slicknav_txtnode {
		margin-left:15px;   
	}
	.slicknav_brand {
		color:#fff;
		font-size: 18px;
		line-height:30px;
		padding:7px 12px;
		height:44px; }
}	
}

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

  .apply-now ol li {line-height: 1em}
  .apply-now ol li:before {
        margin-left: -50px;
        margin-right: 0;
        margin-top: 0
  }  
  .apply-now  dl.semester-sessions dt {font-size: 150%; padding: .5em 0}
  .apply-now dl.semester-sessions dd {border: none;}
  .apply-now dl.semester-sessions ul {padding:1em;}
  .apply-now dl.semester-sessions dd {
      display: block;
      margin: 0;
      border-bottom: 1px solid #ddd;
    }
  .apply-now dl.semester-sessions li, .apply-now dl.semester-sessions li:nth-child(2) {      
      font-size: 150%
    }
  .apply-now dl.semester-sessions li:nth-child(3) {font-size: 150%; padding: 10px 0}
}