/*!
DC-publisher="Drexel University"
DC-creator="David Vespoli"
DC-title="Screen stylesheet for Drexel University"
DC-type="Style Sheet"
DC-date="2012-05"
DC-updated="$BuildDate$"
DC-source=""
DC-relation=""
DC-coverage="960px wide - Used for layout by lt ie9, doesnt understand media queries OR screen width of 980-1024"
<link rel="schema.DC" href="http://dublincore.org/documents/dces/" />
*/

/*navigation*/
#main-nav li a{padding:20px 48px 21px;}
.alt-layout #main-nav li a{padding:20px 13px 21px;font-size:14px;}

#bg-images li {
background: none repeat scroll 0 0 #0B1A2A;
}




/* this needs to be in landscape for it to work properly in IE - emy26 */

#alt-layout-nav{position:relative;z-index:300;}
#alt-layout-nav li{position:relative;}
#global-nav #alt-layout-nav > li > a{background:#07294D url(/~/media/Images/coresite/ui/sprite.ashx) right -953px no-repeat;padding-right:30px;}
#alt-layout-nav li a{}
#alt-layout-nav li ul{visibility:hidden;position:absolute;left:0;top:30px;background:#fff;border:1px solid #e1e1e0;width:240px;}
#alt-layout-nav li:hover ul{visibility:visible;}
#global-nav #alt-layout-nav li li{display:block;float:none; background-color:#fff;}
#global-nav #alt-layout-nav li li a{padding:5px 15px;color:#006699;background:#FFF;font-size:1.1em;line-height:1.1em;}
#global-nav #alt-layout-nav li li a:hover{text-decoration:underline;}
#global-nav #alt-layout-nav li li.bordered a{border:1px solid #e1e1e0;border-width:0 0 1px 0;padding:8px 15px;font-weight:normal;}
#global-nav #alt-layout-nav li li.current a{font-weight:bold;}
#global-nav #alt-layout-nav li li:last-child a{padding-bottom:16px;}
#global-nav #alt-layout-nav li li.active a{color:#000;}







ul#search-filter{margin-right:0;color:#fff;}
#search-filter li{background:#07294D;height:32px;line-height:29px;padding:0 7px}
#search-filter li:first-child{padding-left:20px}
#search-filter li:last-child{padding-right:20px}
#search-filter li label{display:inline;}
#search-filter li label:hover{cursor:pointer;}
#search-filter li input{margin-right:3px;}

.alt-layout #site-search input[type="search"]{background:#fff url(/~/media/Images/coresite/ui/sprite.ashx) right -978px no-repeat;}

#mini-nav{position:absolute;right:0;top:55px;z-index:1;}
#mini-nav li{display:inline;padding:0px 8px 0 3px;}
#mini-nav li:first-child{border-right:1px solid #07294d;}
#mini-nav li:last-child{padding-right:0;}
#mini-nav li a{color:#07294d;text-shadow:1px 0 0 rgba(255,255,255,.15);}
#header #mini-nav li a:hover{text-decoration:underline;color:#07294d;}

/*misc overrides*/
#page{padding:0 10px 150px;background:#ffffff url(/~/media/Images/coresite/ui/bg-col-normal.ashx) 0 0 repeat-y;}
#page.two-col{background-image: url(/~/media/Images/coresite/ui/bg-2col-normal.ashx);}
#page.two-col-right{background-image: url(/~/media/Images/coresite/ui/bg-2col-right-normal.ashx);}
#page.one-col{background-image: none;}
.index-listing figure{min-height:190px;}
#left-rail nav li a{padding-left:20px;left:0px;width:220px;}
#left-rail nav li li a{padding-left:40px;}
/*
.thumb-pager{width:auto;}
.thumb-pager li{margin-right:15px;}
*/

/*aside*/
aside img{max-width:200px;}

/*bingo*/
#bingo .square{width:240px;margin:0 4px 4px 0;height:210px;}
#bingo .hidden-content{height:210px;}
#bingo .active .hidden-content{width:248px;padding:20px;opacity:1;z-index:16;}
#bingo .hidden-content.end{right:240px;}
#bingo .title-square-2{width:484px}
#bingo .title-square-3{width:728px}
#bingo .empty-square,#bingo .empty-square:hover{display:block;}

/*footer*/
#footer #skinny-nav p,#footer #skinny-nav ul{display:inline;}

/********************************************************************************
- Legacy browser support <=IE8
- this is mostly a duplication of narrow which does not get read by old ie due to 
- lack of media query support. See corresponding styles in narrow
*/
.lt-ie9 #header{height:130px;margin:0 0 30px;}
.lt-ie9 .alt-layout #header{height:220px;margin:0;}
.lt-ie9 #header a:hover{color:#FFC325}

.lt-ie9 #page{min-height:600px;margin:0;}
.lt-ie9 #left-rail,
.lt-ie9 #right-rail{padding-top:25px;}
.lt-ie9 #center-rail{margin:0 10px;}

.lt-ie9 #site-search input[type=search]{width:0;display:none;opacity:0;float:right;height:32px;margin:0;padding:0px;}
.lt-ie8 #site-search input{width:200px;display:block;float:right;height:32px;margin:0;padding:0px;}
.lt-ie9 #site-search input[type=search].open{opacity:1;display:block;width:200px;padding:2px 3px;}
.lt-ie9 #site-search label{float:right;display:block;padding:9px 25px 10px;position:relative;top:-3px;}
.lt-ie9 #site-search label:hover{cursor:pointer;color:#ffc325;top: 0px;}

.lt-ie9 #global-nav ul{display:block;}
.lt-ie9 #global-nav ul{float:right;margin-right:5px;}
.lt-ie9 #global-nav li{display:block; float:left;}
.lt-ie9 #global-nav li a{background:#07294d url(/~/media/Images/coresite/ui/sprite.ashx) 0 10px no-repeat;padding:6px 15px 10px;color:#fff;}
.lt-ie9 #global-nav li:first-child a,#global-nav li.first a{background-image:none;padding-left:25px}
.lt-ie9 #global-nav li:last-child a,.lt-ie9 #global-nav li.last a{padding-right:25px;}

.lt-ie9 h1#logo{z-index:2;position:absolute;bottom:0;left:0;z-index:200;margin:0;}
.lt-ie9 .alt-layout h1#logo{bottom:80px;}
.lt-ie9 h2#site-title{color:#fff;background:#07294d;position:absolute;bottom:80px;padding-left:146px;height:56px;line-height:56px;width:100%;z-index:1;font-size:22px;}

.lt-ie9 #main-nav{margin:0;}
.lt-ie9 #main-nav h1{display:none;}
.lt-ie9 #main-nav nav{background:#07294d;position:absolute;bottom:0;padding-left:126px;height:56px;width:100%;z-index:1;}
.lt-ie9 .alt-layout #main-nav nav{padding-left:0;}

.lt-ie9 #main-nav ul.open {margin-bottom: 0;background: none;padding: 0;}
.lt-ie9 #main-nav ul{height:auto;overflow:visible;}
.lt-ie9 #main-nav li{float:left;position:relative;}
.lt-ie9 #main-nav li:last-child{position:absolute;right:0;}
.lt-ie9 #main-nav li li:last-child{position:relative;right:auto;}
.lt-ie9 #main-nav li a{position:relative;z-index:500;background:#07294d;display:block;text-transform:uppercase;color:#fff;font:bold 14px/14px FuturaCnd, sans-serif;}
.lt-ie9 #main-nav li.active > a { color: #FFC325; }
.lt-ie9 .alt-layout #main-nav li a{font-size:14px;padding:20px 20px 21px;}

	.lt-ie9 #main-nav li ul{position:absolute;z-index:450;left:-999em;top:55px;display:block;width:200px;}
	.lt-ie9 #main-nav li:hover ul{left:0;}
	.lt-ie9 #main-nav li:last-child:hover ul{left:auto;right:0;}
	.lt-ie9 #main-nav li li{float:none;}
	.lt-ie9 #main-nav li li:last-child{float:none;}
	.lt-ie9 #main-nav li li a{color:#fff;font:normal 12px/1.2 Arial, sans-serif;text-transform:none;padding:10px 25px;}
	.lt-ie9 .alt-layout #main-nav li li a{padding:10px 25px;}
	.lt-ie9 #main-nav li li:last-child a{padding-bottom:20px;}

/*hero*/
.lt-ie9 #hero{display:block;min-height:0;margin:0;padding:40px 0 100px;}
.lt-ie9 #hero .caption{width:500px;padding:20px 20px 10px;}

.lt-ie9 #hero h1,.lt-ie9 #hero h2 {font-size:60px;margin-bottom:20px;}
.lt-ie9 #hero h1 small,.lt-ie9 #hero h2 small{font-size:22px;}

.lt-ie9 .pager{position:absolute;bottom:10px;left:50%;line-height:40px;height:40px;margin:0 0 0 -70px;padding:0;}
.lt-ie9 #hero .caption{min-height: 250px;}

/*home page hero*/
.lt-ie9 .home-hero{padding-bottom:100px;}
.lt-ie9 .home-hero #hero{min-height:500px;}
.lt-ie9 .home-hero #hero p.more{font-size:20px;height:37px;line-height:37px;bottom:-37px;background:#07294D url(/~/media/Images/coresite/ui/sprite.ashx) 0 -46px no-repeat;padding:0 20px 0 50px;}
.lt-ie9 .thumb-pager{ margin-top:20px;padding:0 40px;position:relative;display:inline-block;width:620px;}
.lt-ie9 .thumb-pager li{display:block;float:left;width:120px;height:130px;margin:20px 15px 0 0;font:bold 11px/14px FuturaCnd, arial, sans-serif;text-transform:uppercase;}
.lt-ie9 .thumb-pager li.active{}
.lt-ie9 .thumb-pager li.prev,
.lt-ie9 .thumb-pager li.next{width:40px;background:none;position:absolute;top:0;}
.lt-ie9 .thumb-pager li.prev{left:0;}
.lt-ie9 .thumb-pager li.next{right:0;}
.lt-ie9 .thumb-pager li.prev a,
.lt-ie9 .thumb-pager li.next a{width:40px;border:none;text-indent:-999em;}
.lt-ie9 .thumb-pager li.prev a{background:transparent url(/~/media/Images/coresite/ui/sprite.ashx) -3px -500px;}
.lt-ie9 .thumb-pager li.next a{background:transparent url(/~/media/Images/coresite/ui/sprite.ashx) -100px -500px;}
.lt-ie9 .thumb-pager li img{margin:0 0 10px;display:block;}
.lt-ie9 .thumb-pager li a{display:block;width:120px;height:130px;color:#fff;padding:5px;border:3px solid #07294d;background:#07294d;overflow:hidden;text-indent:0;}
.lt-ie9 .thumb-pager li a:hover{border-color:#fff;text-decoration:none;}
.lt-ie9 .thumb-pager li.active a{color:#FFC600;border-color:#fff;}

/*footer*/
.lt-ie9 #footer{width:100%;position:fixed;bottom:0;left:0;}
.lt-ie9 #footer{background:url(/~/media/Images/coresite/ui/ie-bg-footer.ashx);}
.lt-ie9 #footer .footer-bg{height:60px;position:absolute;left:0;top:0;width:100%;background:#FFC600}
.lt-ie9 #fat-nav{overflow:hidden;margin-top:0;}
.lt-ie9 #fat-nav .grid-special{width:14.28%;margin:0}
.lt-ie9 #fat-nav h2{background:none;height:auto;line-height:18px;padding:0;margin-bottom:0;font-size:14px;}
.lt-ie8 #fat-nav h2{height:55px;overflow:hidden;}
.lt-ie9 #fat-nav h2 span{text-transform:none;display:block;font-size:14px;font-weight:normal;}
.lt-ie9 #fat-nav h2 a{height:55px;line-height:18px;display:block;padding:12px 10px;color:#07294d;}
.lt-ie9 #fat-nav h2 a:hover,
.lt-ie9 #fat-nav h2 li.active a{background:#F3B920;}
.lt-ie9 #fat-nav li ul.open{margin:0;}
.lt-ie9 #fat-nav.open li ul,
.lt-ie9 #fat-nav.open li ul.open{margin:15px 0 20px;}
.lt-ie9 #fat-nav li ul.open{padding:0;}
.lt-ie9 #fat-nav li li a{display:block;padding:5px 10px;color:#fff;}
.lt-ie9 #fat-nav li li a:hover{text-decoration:underline;}
.lt-ie9 .live-it{text-align:left;color:#07294D;padding-left:10px;}

.js #fat-nav ul ul{height:0;background:transparent;}
.js #fat-nav.open ul ul{height:220px;}
.lt-ie9 #fat-nav .social li span.icon{margin-right:10px;float:left;}
.lt-ie9 #fat-nav .social li a{vertical-align:top;line-height:30px;}

.lt-ie9 #bingo{position:relative;z-index:10;padding:0 0 140px;margin:0;background:transparent;}
.lt-ie9 #bingo .square{width:236px;margin:0 4px 4px 0;height:214px;padding:0; display: inline;  float: left;  position: relative;color:#07294d;z-index:10;}
.lt-ie9 #bingo .empty-square,
.lt-ie9 #bingo .empty-square:hover{background:none;cursor:default;display:none;}

.lt-ie9 #bingo .content{overflow:hidden; background:url(/~/media/Images/coresite/ui/ie-bg-bingo.ashx);}
.lt-ie9 #bingo .square:hover,
.lt-ie9 #bingo .square.active{z-index:15;}
.lt-ie9 #bingo .square:hover .content,
.lt-ie9 #bingo .square.active .content{background:#fff;cursor:pointer;}
.lt-ie9 #bingo .empty-square,
.lt-ie9 #bingo .empty-square:hover{background:none;cursor:default;display:none;}

.lt-ie9 #bingo .hidden-content{width:0;opacity:0;position:absolute;left:236px;top:0;color:#07294d;background:#fff;overflow:hidden;height:214px;padding:0;}
.lt-ie9 #bingo .hidden-content.end{left:auto;right:236px;}

.lt-ie9 #bingo .content{padding:20px;height:100%;width:100%;}
.lt-ie9 #bingo .active .content{z-index:17;}
.lt-ie9 #bingo .active .hidden-content{width:240px;padding:20px;opacity:1;z-index:16;}

.lt-ie9 #bingo h1{color:#fff;font-size:62px;}
.lt-ie9 #bingo h2{font-size:36px}
.lt-ie9 #bingo .title-square-2,
.lt-ie9 #bingo .title-square-3,
.lt-ie9 #bingo .title-square:hover{background:#07294d;color:#fff;cursor:default;font-size:14px;padding:20px;}
.lt-ie9 #bingo .title-square-2{width:476px}
.lt-ie9 #bingo .title-square-3{width:716px}
.lt-ie9 #bingo p.more{display:none;position:absolute;bottom:0;left:20px;font-family:arial, sans-serif;text-transform:none;}
.lt-ie9 #bingo .active p.more{display:block;}

.lt-ie9 article{}
.lt-ie9 article figcaption{}
.lt-ie9 article img{max-width:440px;}

.lt-ie9 .index-listing .row{margin-bottom:20px;}
.lt-ie9 .index-listing h2{min-height:40px;margin:20px 0 5px;}
.lt-ie9 .index-listing figure{border:1px solid #E1E1E0;}
.lt-ie9 .index-listing img{padding:3px;width:100%;}
.lt-ie9 .index-listing figcaption{padding:0 5px;}
.lt-ie9 .index-listing a{color:#000;display:block;}
.lt-ie9 .index-listing a:hover{background:#FFC600;text-decoration:none;}
.lt-ie9 .index-listing .grid-6{margin:0 10px;}
.lt-ie9 .index-listing .alpha{margin-left:0;}
.lt-ie9 .index-listing .omega{margin-right:0;}

.lt-ie9 .related{padding-left:20px;}
.lt-ie9 .related .listing-filter{padding:10px 0;}
.lt-ie9 .related ul{margin:0;padding:0}
.lt-ie9 .related li{margin:20px 0;}
.lt-ie9 .related .meta{margin:0 0 7px;display:block;}
.lt-ie9 .related h2{font:bold 14px/18px Arial, sans-serif;text-transform:none;margin-bottom:7px;}

.lt-ie9 #follow-callout{position:fixed;min-height:300px;top:24%;right:0;margin:0;width:0;overflow:visible;padding-left:28px;}
.lt-ie9 #follow-callout select{max-width:250px}
.lt-ie9 #follow-callout ul.tab-nav{position:absolute;width:28px;left:0;top:0;}
.lt-ie9 #follow-callout ul.tab-nav li{width:28px;display:block;margin-bottom:5px;}
.lt-ie9 #follow-callout ul.tab-nav li a{display:block;text-indent:-999em;background:url(/~/media/Images/coresite/ui/ie-bg-follow-nav.ashx);height:81px;padding:0;}
.lt-ie9 #follow-callout ul.tab-nav li#aside-news-tab a{background-position:-32px -170px;}
.lt-ie9 #follow-callout ul.tab-nav li#aside-events-tab a{background-position:-32px -85px;}
.lt-ie9 #follow-callout ul.tab-nav li#aside-apply-tab a{background-position:-32px 0px;}
.lt-ie9 #follow-callout ul.tab-nav li.on#aside-news-tab a{background-position:0 -170px;}
.lt-ie9 #follow-callout ul.tab-nav li.on#aside-events-tab a{background-position:0 -85px;}
.lt-ie9 #follow-callout ul.tab-nav li.on#aside-apply-tab a{background-position:0 0px;}
.lt-ie9 #follow-callout .tabs-content{position:relative;height:400px;overflow:hidden;width:290px;}
.lt-ie9 #follow-callout aside{min-height:300px;width:290px;position:absolute;top:0;left:0;display:none;opacity:0;background:#0d1e31; }
.lt-ie9 #follow-callout aside.open{opacity:1;display:block}

.lt-ie9 .duicon-facebook{background-position:0px -247px;}
.lt-ie9 .duicon-twitter{background-position:0px -290px;}
.lt-ie9 .duicon-flickr{background-position:0px -332px;}
.lt-ie9 .duicon-youtube{background-position:0px -376px;}

.lt-ie9 .social-blue .duicon-facebook{background-position:-54px -247px;}
.lt-ie9 .social-blue .duicon-twitter{background-position:-84px -247px;}
.lt-ie9 .social-blue .duicon-flickr{background-position:-114px -247px;}
.lt-ie9 .social-blue .duicon-youtube{background-position:-144px -247px;}

/* IE7 / Compatibility Mode stylings per 15056; */
.lt-ie8 #bingo .empty-square,#bingo .empty-square:hover{display:block;}
.lt-ie8 #bingo .content, .lt-ie8 #bingo .active .hidden-content{height:85%;width:90%;}
.lt-ie8 #bingo .title-square-3{margin-top:10px; margin-bottom: 5px;}

.lt-ie8 #center-rail .listing li.last {border-bottom: none;}

.lt-ie8 #fat-nav .grid-special{width:14.1%;margin:0}

.lt-ie8 #follow-callout aside{width:250px;}

.lt-ie8 .index-listing img {width: 97.2%;}

.lt-ie8 #left-rail nav ul{border: none;}
.lt-ie8 #left-rail nav li a {width:200px;top:-2px;margin-bottom:0px;}
.lt-ie8 #left-rail nav li.active a {top:0;}
.lt-ie8 #left-rail nav li li a {width:190px;}
.lt-ie8 #left-rail nav li:hover {border-color: white;}
.lt-ie8 #left-rail nav li.active:hover {border-bottom:1px solid #E1E1E0;}

.lt-ie8 #main-nav nav {width: 850px;}
.lt-ie8 #main-nav ul {width: 100%;}
.lt-ie8 #main-nav li {padding-right: 10px; line-height: 1;}
.lt-ie8 #main-nav li.last {padding-right:0;}
.lt-ie8 #main-nav li a {padding-right: 40px; padding-left: 40px;}
.lt-ie8 #main-nav li li.last {width: 95%;}
.lt-ie8 #main-nav li li.last a {padding-bottom: 20px;}

/* Drop menu styling for IE 7 and compatibility view */
.lt-ie8 #main-nav ul ul li a { width: 100%; display: inline-block; } 
.lt-ie8 #main-nav ul ul ul { left: 100%; top: 0; }
.lt-ie8 #main-nav ul li:hover > ul { visibility: visible; }
.lt-ie8 #main-nav ul ul li { display: inline; width: 100%; } 

.lt-ie8 #site-search input {display:none; height: 30px; line-height: 2.1; padding-left: 5px;}
.lt-ie8 #site-search input.open {display: block;}

/*IE7 typography*/
.lt-ie8 h1, .lt-ie8 h2 {font:bold 18px/1 FuturaCndBold,arial,sans-serif;}
.lt-ie8 p.more {font-family: FuturaCndBold,arial,sans-serif;}
.lt-ie8 button, .lt-ie8 a.button, .lt-ie8 input[type="reset"], .lt-ie8 input[type="submit"], .lt-ie8 input[type="button"] {font: bold 16px/1 FuturaCndBold,arial,sans-serif;}
.lt-ie8 #fat-nav h2 a {font:bold 18px/1 FuturaCndBold,arial,sans-serif;}
.lt-ie8 #follow-callout ul.tab-nav li a{font:bold 14px FuturaCndBold,sans-serif;}
.lt-ie8 #hero h1 {font-family: FuturaCndBold, arial, sans-serif;}
.lt-ie8 #main-nav li a {font:bold 14px/14px FuturaCndBold,sans-serif;}
.lt-ie8 .thumb-pager li {font: bold 11px/14px FuturaCndBold,arial,sans-serif;}

 .lt-ie9 #hero .pager-container { 
   margin-left: 50%; } 
  
 .lt-ie9 #hero .pager-container .pager { 
   left: 0; 
   margin-left: 40px; 
   margin-top: 10px; 
   position: relative; } 
  
 .lt-ie9 .homeie .pager-container { 
   margin-left: 0 !important; 
   margin-top: 40px; } 
  
 .lt-ie9 .home-hero #hero .captions { 
   margin-bottom: 40px !important; } 
  
 .lt-ie9 #hero .thumb-pager-container .thumb-pager-mask .thumb-pager { 
   left: 0; 
   margin-top: 10px; 
   position: relative; } 
  
 .lt-ie9 #hero .thumb-pager-container .thumb-pager-mask .thumb-pager img { 
   height: 105px; 
   width: 64px; } 
  
 .lt-ie9 #hero .tabs-nav .last { 
   border: none !important; } 
  

/*
 * ==========================================================
 * Grid
 * ==========================================================
 */

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, 
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, 
.grid-20, .grid-21, .grid-22, .grid-23, .grid-24, .grid-special  {
	display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4,
.push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8,
.push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12,
.push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16,
.push-17, .pull-17, .push-18, .pull-18, .push-19, .pull-19, .push-20, .pull-20,
.push-21, .pull-21, .push-22, .pull-22, .push-23, .pull-23, .push-24, .pull-24 {position: relative;
}

/*
 * ==========================================================
 * Alpha - Omega
 * ==========================================================
 */

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/*
 * ==========================================================
 * Container
 * ==========================================================
 */

body {min-width: 980px;}

.wrap {
	margin-left: auto;
  margin-right: auto;
  width: 980px; /*this is popped out 20px for double margin on outer */
}

/*
 * ==========================================================
 * Columns
 * ==========================================================
 */

.wrap .grid-1 {width: 20px;}
.wrap .grid-2 {width: 60px;}
.wrap .grid-3 {width: 100px;}
.wrap .grid-4 {width: 140px;}
.wrap .grid-5 {width: 180px;}
.wrap .grid-6 {width: 220px;}
.wrap .grid-7 {width: 260px;}
.wrap .grid-8 {width: 300px;}
.wrap .grid-9 {width: 340px;}
.wrap .grid-10 {width: 380px;}
.wrap .grid-11 {width: 420px;}
.wrap .grid-12 {width: 460px;}
.wrap .grid-13 {width: 500px;}
.wrap .grid-14 {width: 540px;}
.wrap .grid-15 {width: 580px;}
.wrap .grid-16 {width: 620px;}
.wrap .grid-17 {width: 660px;}
.wrap .grid-18 {width: 700px;}
.wrap .grid-19 {width: 740px;}
.wrap .grid-20 {width: 780px;}
.wrap .grid-21 {width: 820px;}
.wrap .grid-22 {width: 860px;}
.wrap .grid-23 {width: 900px;}
.wrap .grid-24 {width: 940px;}

/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */

.wrap .prefix-1 {padding-left: 40px;}
.wrap .prefix-2 {padding-left: 80px;}
.wrap .prefix-3 {padding-left: 120px;}
.wrap .prefix-4 {padding-left: 160px;}
.wrap .prefix-5 {padding-left: 200px;}
.wrap .prefix-6 {padding-left: 240px;}
.wrap .prefix-7 {padding-left: 280px;}
.wrap .prefix-8 {padding-left: 320px;}
.wrap .prefix-9 {padding-left: 360px;}
.wrap .prefix-10 {padding-left: 400px;}
.wrap .prefix-11 {padding-left: 440px;}
.wrap .prefix-12 {padding-left: 480px;}
.wrap .prefix-13 {padding-left: 520px;}
.wrap .prefix-14 {padding-left: 560px;}
.wrap .prefix-15 {padding-left: 600px;}
.wrap .prefix-16 {padding-left: 640px;}
.wrap .prefix-17 {padding-left: 680px;}
.wrap .prefix-18 {padding-left: 720px;}
.wrap .prefix-19 {padding-left: 760px;}
.wrap .prefix-20 {padding-left: 800px;}
.wrap .prefix-21 {padding-left: 840px;}
.wrap .prefix-22 {padding-left: 880px;}
.wrap .prefix-23 {padding-left: 920px;}

/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */

.wrap .suffix-1 {padding-right: 40px;}
.wrap .suffix-2 {padding-right: 80px;}
.wrap .suffix-3 {padding-right: 120px;}
.wrap .suffix-4 {padding-right: 160px;}
.wrap .suffix-5 {padding-right: 200px;}
.wrap .suffix-6 {padding-right: 240px;}
.wrap .suffix-7 {padding-right: 280px;}
.wrap .suffix-8 {padding-right: 320px;}
.wrap .suffix-9 {padding-right: 360px;}
.wrap .suffix-10 {padding-right: 400px;}
.wrap .suffix-11 {padding-right: 440px;}
.wrap .suffix-12 {padding-right: 480px;}
.wrap .suffix-13 {padding-right: 520px;}
.wrap .suffix-14 {padding-right: 560px;}
.wrap .suffix-15 {padding-right: 600px;}
.wrap .suffix-16 {padding-right: 640px;}
.wrap .suffix-17 {padding-right: 680px;}
.wrap .suffix-18 {padding-right: 720px;}
.wrap .suffix-19 {padding-right: 760px;}
.wrap .suffix-20 {padding-right: 800px;}
.wrap .suffix-21 {padding-right: 840px;}
.wrap .suffix-22 {padding-right: 880px;}
.wrap .suffix-23 {padding-right: 920px;}

/*
 * ==========================================================
 * Push
 * ==========================================================
 */

.wrap .push-1 {left: 40px;}
.wrap .push-2 {left: 80px;}
.wrap .push-3 {left: 120px;}
.wrap .push-4 {left: 160px;}
.wrap .push-5 {left: 200px;}
.wrap .push-6 {left: 240px;}
.wrap .push-7 {left: 280px;}
.wrap .push-8 {left: 320px;}
.wrap .push-9 {left: 360px;}
.wrap .push-10 {left: 400px;}
.wrap .push-11 {left: 440px;}
.wrap .push-12 {left: 480px;}
.wrap .push-13 {left: 520px;}
.wrap .push-14 {left: 560px;}
.wrap .push-15 {left: 600px;}
.wrap .push-16 {left: 640px;}
.wrap .push-17 {left: 680px;}
.wrap .push-18 {left: 720px;}
.wrap .push-19 {left: 760px;}
.wrap .push-20 {left: 800px;}
.wrap .push-21 {left: 840px;}
.wrap .push-22 {left: 880px;}
.wrap .push-23 {left: 920px;}

/*
 * ==========================================================
 * Pull
 * ==========================================================
 */

.wrap .pull-1 {left: -40px;}
.wrap .pull-2 {left: -80px;}
.wrap .pull-3 {left: -120px;}
.wrap .pull-4 {left: -160px;}
.wrap .pull-5 {left: -200px;}
.wrap .pull-6 {left: -240px;}
.wrap .pull-7 {left: -280px;}
.wrap .pull-8 {left: -320px;}
.wrap .pull-9 {left: -360px;}
.wrap .pull-10 {left: -400px;}
.wrap .pull-11 {left: -440px;}
.wrap .pull-12 {left: -480px;}
.wrap .pull-13 {left: -520px;}
.wrap .pull-14 {left: -560px;}
.wrap .pull-15 {left: -600px;}
.wrap .pull-16 {left: -640px;}
.wrap .pull-17 {left: -680px;}
.wrap .pull-18 {left: -720px;}
.wrap .pull-19 {left: -760px;}
.wrap .pull-20 {left: -800px;}
.wrap .pull-21 {left: -840px;}
.wrap .pull-22 {left: -880px;}
.wrap .pull-23 {left: -920px;}/* thumb box */

.lt-ie9 #page .thumb-box--left {
	float:left;
	width:40%;
	margin:12px 40px 40px 0;
}

.lt-ie9 #page .thumb-box--right {
	float:right;
	width:40%;
	margin:12px 0 40px 40px;
}









/* Banner Layout Column Line */

#page.two-col #content-rail {
  background: #ffffff url(/~/media/Images/coresite/ui/bg-banner-normal.ashx) 0 0 repeat-y;
}




/* clear floats - emy26 */

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */









/* floats - emy26 */

.float-left {
   float:left;
   width:50%;
   margin:0 20px 10px 0;
}

.float-right {
   float:right;
   width:50%;
   margin:0 0 10px 20px;
}

#mainform .percent-95 {
    width:95%;
   height:auto;
}

#mainform .percent-90 {
    width:90%;
   height:auto;
}

#mainform .percent-85 {
    width:85%;
   height:auto;
}

#mainform .percent-80 {
    width:80%;
   height:auto;
}

#mainform .percent-75 {
    width:75%;
   height:auto;
}

#mainform .percent-70 {
    width:70%;
   height:auto;
}

#mainform .percent-65 {
    width:65%;
   height:auto;
}

#mainform .percent-60 {
    width:60%;
   height:auto;
}

#mainform .percent-55 {
    width:55%;
   height:auto;
}

#mainform .percent-50 {
    width:50%;
   height:auto;
}

#mainform .percent-45 {
    width:45%;
   height:auto;
}

#mainform .percent-40 {
    width:40%;
   height:auto;
}

#mainform .percent-35 {
    width:35%;
   height:auto;
}

#mainform .percent-30 {
    width:30%;
   height:auto;
}

#mainform .percent-25 {
    width:25%;
   height:auto;
}

#mainform .percent-20 {
    width:20%;
   height:auto;
}

#mainform .percent-15 {
    width:15%;
   height:auto;
}

#mainform .percent-10 {
    width:10%;
   height:auto;
}

#mainform .percent-5 {
    width:5%;
   height:auto;
}

#mainform .pad-10 {
   padding:10%;
}

#mainform .pad-9 {
   padding:9%;
}

#mainform .pad-8 {
   padding:8%;
}

#mainform .pad-7 {
   padding:7%;
}

#mainform .pad-6 {
   padding:6%;
}
#mainform .pad-5 {
   padding:5%;
}

#mainform .pad-4 {
   padding:4%;
}

#mainform .pad-3 {
   padding:3%;
}

#mainform .pad-2 {
   padding:2%;
}

#mainform .pad-1 {
   padding:1%;
}

#mainform .pad-0 {
   padding:0;
}

#mainform .marg-10 {
   margin:10%;
}

#mainform .marg-9 {
   margin:9%;
}

#mainform .marg-8 {
   margin:8%;
}

#mainform .marg-7 {
   margin:7%;
}

#mainform .marg-6 {
   margin:6%;
}

#mainform .marg-5 {
   margin:5%;
}

#mainform .marg-4 {
   margin:4%;
}

#mainform .marg-3 {
   margin:3%;
}

#mainform .marg-2 {
   margin:2%;
}

#mainform .marg-1 {
   margin:1%;
}

#mainform .marg-0 {
   margin:0;
}

#mainform .no-scale {
   width:auto;
   height:auto;
}





/* scale - emy26 */

.scale-90 {
   -webkit-transform: scale(.95);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.scale-80 {
   -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.scale-70 {
   -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
}

.scale-60 {
   -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
}

.scale-50 {
   -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

.scale-40 {
   -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -o-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
}

.scale-30 {
   -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
}

.scale-20 {
   -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -o-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
}

.scale-10 {
   -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    -o-transform: scale(.1);
    -ms-transform: scale(.1);
    transform: scale(.1);
}






/* fade element - emy26 */

.fade {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* for IE8 in IE7 mode */
    filter: alpha(opacity=100); /* for IE6-IE8 */
    opacity: 1.0;

   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

.fade:hover {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* for IE8 in IE7 mode */
    filter: alpha(opacity=60); /* for IE6-IE8 */
    opacity: .6;
}






/* generic "more button" with arrow - emy26 */
.more-button {
	display:inline-block;
	zoom:1; *display: inline; _height: 22px; /* IE fix for inline-block */
	height:22px;
	color: #07294D;
        font: bold 1em/1 FuturaCnd,arial,sans-serif;
	text-transform:uppercase;
	background: url("/~/media/Images/coresite/ui/sprite2.png") no-repeat scroll 0 -422px;
        margin:0;
	padding:4px 0 0 27px;
}

.more-button:visited {
	color: #07294D;
}

.more-button:hover {
     color:#006699;
}







/* remove space before list - emy26 */

.before-list {
	margin-bottom:5px !important;
       padding-bottom:0px !important;
}





/* indent element - emy26 */

.indent-left {
	position:relative;
	margin-left:50px;
}
.indent-right {
	position:relative;
	margin-right:50px;
}

/* text - emy26 */

#mainform .yellow-text {
   color:#FFC600;
}

#mainform .orange-text {
   color:#FF8F1C;
}

#mainform .green-text {
   color:#B7BF10;
}

#mainform .light-blue-text {
   color:#6CACE4;
}

.tiny-text {
	font-size:90% !important;
}
.big-text {
	font-size:120% !important;
}
.error-text {
	color:red !important;
	background: url("/~/media/Images/coresite/ui/text-icons/error-text.png") no-repeat left top;
	padding-left:27px;
}
.warning-text {
	color:#fea01b !important;
	background: url("/~/media/Images/coresite/ui/text-icons/warning-text.png") no-repeat left top;
	padding-left:27px;
}
.success-text {
	color:green !important;
	background: url("/~/media/Images/coresite/ui/text-icons/success-text.png") no-repeat left top;
	padding-left:27px;
}

/* puts the items inside a 1px grey border box - emy26 */

.white-box {
	border:1px solid #E1E1E0;
	margin-bottom:20px;
	padding:20px;
}

/* puts the items inside a light grey box - emy26 */

.grey-box {
	background-color:#E1E1E0;
	margin-bottom:20px;
	padding:20px;
}







/* profile-sidebar & callout sidebar - emy26 */

.profile-sidebar,
.callout-sidebar {
   border:1px solid #E1E1E0;
   margin-bottom:20px;
   padding:20px;
}

.profile-sidebar aside,
.callout-sidebar aside {
   margin-bottom:0;
}

.profile-sidebar p {
   padding-bottom:12px;
}

.profile-sidebar img,
.callout-sidebar img {
   max-width:auto;
   width:auto;
   margin-left:0;
}

.callout-sidebar p {
   padding-bottom:0;
   margin-bottom:12px;
}

.callout-sidebar li {
   list-style:square;
}





/* fit vid - emy26 */

.fitVids {
   margin:0 0 20px 0;
}






/* ------------ OPTIONAL CLASSES ABOVE ------------ MANDATORY FIXES / RULES BELOW ------------ */







/* css3 columns */

.columns-3 {
	-moz-column-count: 3;
	-moz-column-gap: 40px;
	-webkit-column-count: 3;
	-webkit-column-gap: 40px;
	column-count: 3;
	column-gap: 40px;
}

.columns-2 {
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
}

/* Events Styling - srb36 */
.event-details .image-box {
	float: right;
	width: 348px;
}
.event-details .event-info {
	float: left;
	width: 330px;
}

/* 3rd - 4th - 5th tier inner nav fix - emy26 */

#left-rail nav li li li a {
   padding-left:60px;
}

#left-rail nav li li li li a {
   padding-left:75px;
}

#left-rail nav li li li li li a {
   padding-left:90px;
}
/* ----- image width border fix for portrait ----- */
aside.informational-sidebar img {max-width: 200px;
}













/* marketing box - emy26 */

.marketing-box {
	position:relative;
	display:block;
	float:left;
	height:auto;
	margin:0 0 20px 0;
}
.marketing-box img {
	width:100%;
	max-width:100%;
	height:auto;
}
.marketing-box p {
	position:absolute;
	top:0;
	left:0;
	width:100%;
        font: bold 1.2em/1.3 FuturaCnd,arial,sans-serif;
        text-transform:uppercase;
	background:#506881;
	background:rgba(7, 41, 77, 0.75);
	color:#fff;
	padding:2%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.lt-ie8 .marketing-box p {
	width:96%;
}
.marketing-box:hover p {
	padding:5% 2%;
	background:rgba(7, 41, 77, 1.0);
}
.marketing-box.double {
	float:left;
	width:48%;
	margin:0 4% 20px 0;
}
.marketing-box.triple {
	float:left;
	width:31.3%;
	margin:0 3% 20px 0;
}
.lt-ie9 .marketing-box.double {
	margin-right:2%;
}
.lt-ie9 .marketing-box.triple {
	margin-right:2%;
}






/* promo-box - emy26 */

.promo-box {
	position:relative;
	display:block;
	float:left;
	height:auto;
	background-color:#07294D;
	margin:0 0 20px 0;
	padding:1%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.promo-box p {
	font-size:.9em;
	color:#fff;
	margin:0;
}
.promo-box:hover {
	text-decoration:none;
	background-color:#506881;
}
.promo-box.double {
	width:48%;
	margin:0 4% 20px 0;
}
.promo-box.triple {
	width:31.3%;
	margin:0 3% 20px 0;
}
.grid-12 .promo-box.triple {
	min-height:150px;
}
.grid-12 .promo-box.double {
	min-height:190px;
}
.grid-18 .promo-box.triple {
	min-height:160px;
}
.grid-18 .promo-box.double {
	min-height:250px;
}
.lt-ie9 .promo-box.double {
	margin-right:2%;
}
.lt-ie9 .promo-box.triple {
	margin-right:2%;
}
.lt-ie8 .promo-box.double {
	width:45.7%;
}
.lt-ie8 .promo-box.triple {
	width:29.2%;
}






/* slide box - emy26 */

.slide-box,
.slide-box .img-wrap {
	width:460px;
}
.slide-box .btn-wrap h1 {
	font-size:40px;
}
.slide-box .btn-wrap p {
	font-size:12px;
	line-height:1.2em;
}
.slide-box a:hover ~ .img-wrap {
	top:-170px;
}
.slide-box a:hover ~ .img-wrap img {
	height:170px;
}

/* slide box IE styles */

.lt-ie9 .slide-box {
	position:relative;
	width:460px;
	height:120px;
	cursor:pointer;
	cursor:default;
	margin:0 0 20px 0;
}
.lt-ie9 .slide-box:first-child {
	margin-right:20px;
}
.lt-ie9 .slide-box a {
	position:absolute;
	display:block;
	width:100%;
	height:120px;
	color:#fff;
	text-decoration:none;
	background-color:#FFC600;
	z-index:202;
}
.lt-ie9 .slide-box a:hover {
	background-color:#07294D;
}
.lt-ie9 .slide-box .btn-wrap:after {
	content: "";
	position:absolute;
	display:block;
	top:20px;
	right:20px;
	width:27px;
	height:18px;
	background: url('http://drexel.edu/~/media/Images/coresite/ui/slide-box-after.png') no-repeat left center;
	opacity:1;
	z-index:3;
}
.lt-ie9 .slide-box a:hover .btn-wrap:after {
	opacity:0;
}
.lt-ie9 .slide-box .img-wrap {
	width:100%;
}
.lt-ie9 .slide-box .img-wrap {
	display:none;
}
.lt-ie9 .slide-box a:hover .btn-wrap h1 {
	opacity:1;
}
.lt-ie9 .slide-box .btn-wrap h1 {
	position:relative;
	font-size:35px;
	margin-top:40px;
	text-align:center;
	color:#fff;
}
.lt-ie9 .slide-box .btn-wrap h1 span {
	position:absolute;
	display:inline;
	top:-21px;
	left:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#07294D;
}
.lt-ie9 .slide-box .btn-wrap p {
	display:none;
}
.lt-ie9 .slide-box a,
.lt-ie9 .slide-box h1,
.lt-ie9 .slide-box .btn-wrap:after {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}







/* pop-box - emy26 */

.pop-box li {
	position:relative;
}
.pop-box aside {
	position:absolute;
	display:none;
	bottom:10px;
	left:-60px;
	width:132px;
	background-color:#A7A8AA;
	padding:5px;
	z-index:500;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 10px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 10px 1px; 
	box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 10px 1px; 
}
.pop-box li a:hover ~ aside {
	display:block;
}
.pop-box aside img {
	display:block;
	margin:0 0 5px 0;
}
.pop-box aside em {
	display:inline-block;
	color:#fff;
	font-size:80%;
	line-height:1.2em;
	font-style:normal;
}
.pop-box.orange aside {
	background-color:#FF8F1C;
}
.pop-box.blue aside {
	background-color:#6CACE4;
}
.pop-box.green aside {
	background-color:#B7BF10;
}







/* info box - emy26 */

.info-box p {
	font-size:110%;
}










/* ad box - emy26 */

#center-rail.grid-24 .ad-box.grid-12 {
    width:450px;
}

.ad-box h2 {
   font-size:550%;
}

.ad-box aside {
   font-size:130%;
}

.ad-box h2 em {
   bottom:15px;
}

.ad-box aside h3 {
    font-size:250%;
}

.ad-box aside li {
   float:none;
   margin:0 0 7px 0;
}

.ad-box aside li a {
   font-size:100%;
}











/* extra box - emy26 */

.extra-box h2 {
	font-size:400%;
}

.extra-box p {
	font-size:140%;
}


.portrait-only {display: none;}
.portrait-hide {display: inline;}div.sticky-element {
	width: 220px;
}

/* rcg45 fix for colleges and schools page */

.deep-figcaption {
	height: 90px;
}

#bingo div.square.empty-square.nolandscape {
	display: none;
}