/*!
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="720px wide - Used for ipad(like) devices"
<link rel="schema.DC" href="http://dublincore.org/documents/dces/" />
*/

/*header*/
#header{height:130px;margin:0 0 30px;}
.alt-layout #header{height:220px;margin:0;}

/*navigation*/
#site-search
{
	background-color: #07294D;
	float: right;
	padding: 0 1px 1px;
}

#site-search input[type=search]{width:0;opacity:0;height:32px;margin:0;padding:0px;border:none;
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: width 0.3s ease-out, opacity 0.3s 0.3s ease;
	-moz-transition: width 0.3s ease-out, opacity 0.3s 0.3s ease;
	-ms-transition: width 0.3s ease-out, opacity 0.3s 0.3s ease;
	-o-transition: width 0.3s ease-out, opacity 0.3s 0.3s ease;
	transition: width 0.3s ease-out, opacity 0.3s 0.3s ease;	
}
#site-search input[type=search].open,
.no-js #site-search input[type=search],.alt-layout #site-search input[type=search]{opacity:1;width:180px;padding:2px 3px 2px 6px; font-size: 15px;}

#site-search label{float:right;display:block;padding:9px 25px 10px;position:relative;top:-3px;
	-webkit-transition: top linear .025s;
	-moz-transition: top linear .025s;
	-o-transition: top linear .025s;
	-ms-transition: top linear .025s;
	transition: top linear .025s;}
#site-search label:hover{cursor:pointer;color:#ffc325;top: 0px;}

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

#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;}
#alt-layout-nav li li{display:block;float:none;}
#global-nav #alt-layout-nav li li a{padding:5px 15px;color:#006699;background:none;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;}

h1#logo{z-index:2;position:absolute;bottom:0;left:0;z-index:200;margin:0;}
.alt-layout h1#logo{bottom:80px;}
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;
 -webkit-box-shadow: 0px 0px 7px rgb(0, 0, 0); 
 box-shadow: 0px 0px 7px rgb(0, 0, 0);	
}

#main-nav{margin:0;}
#main-nav h1{display:none;}
#main-nav nav{background:#07294d;position:absolute;bottom:0;padding-left:126px;height:56px;width:100%;z-index:1;
 -webkit-box-shadow: 0px 0px 7px rgb(0, 0, 0); 
          box-shadow: 0px 0px 7px rgb(0, 0, 0);	}
.alt-layout #main-nav nav{padding-left:0;}

#main-nav ul.open {margin-bottom: 0;background: none;padding: 0;}
#main-nav ul{height:auto;overflow:visible;}
#main-nav li{float:left;position:relative;}
#main-nav li:last-child{position:absolute;right:0;}
#main-nav li li:last-child{position:relative;right:auto;}
/*padding will need to be adjusted based on nav content to accomodate design*/
#main-nav li a{position:relative;z-index:500;background:#07294d;padding:20px 22px 21px;display:block;text-transform:uppercase;color:#fff;font:bold 14px/14px FuturaCnd, sans-serif;}
.top-level > li > a.section { text-align: center; }
.alt-layout #main-nav li a{padding:20px 5px 21px;font-size:12px;}
.alt-layout #main-nav li li a{padding:10px 25px;}

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

/*hero*/
#hero{display:block;min-height:355px;margin:0;padding:0 0 20px;}
#hero .caption{width:550px;padding:20px 20px 10px;min-height:250px; overflow:hidden; text-overflow:ellipsis;}

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

/*
.pager{position:absolute;bottom:10px;left:50%;line-height:40px;height:40px;margin:0 0 0 -70px;padding:0;}

*/

/*home page hero*/
.home-hero{padding-bottom:100px;}
.home-hero #hero{min-height:500px;}
.home-hero #hero p.more, #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;}
.thumb-pager{ margin-top:0;padding:0;position:relative;display:block;width:3000px}
.thumb-pager-mask{width:380px;margin:0 40px;height:150px;overflow:hidden;display:block;}
.with-prev-next{}
.thumb-pager li{display:block;float:left;width:120px;height:130px;margin:20px 10px 0 0;font:bold 11px/14px FuturaCnd, arial, sans-serif;text-transform:uppercase;}
.thumb-pager li.active{}
.thumb-pager-container a.prev,.thumb-pager-container a.next{width:40px;height:130px;background:none;position:absolute;top:20px;border:none;text-indent:-999em;opacity:.8;}
.thumb-pager-container a.prev{background:transparent url(/~/media/Images/coresite/ui/sprite.ashx) -3px -500px;left:0;}
.thumb-pager-container a.next{background:transparent url(/~/media/Images/coresite/ui/sprite.ashx) -100px -500px;right:0;}
.thumb-pager li img{margin:0 0 10px;display:block;}
.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;
	-webkit-transition: border-color 0.2s ease;
	-moz-transition: border-color 0.2s ease;
	-ms-transition: border-color 0.2s ease;
	-o-transition: border-color 0.2s ease;
	transition: border-color 0.2s ease;	
}
.thumb-pager li a:hover{border-color:#fff;text-decoration:none;}
.thumb-pager li.active a{color:#FFC600;border-color:#fff;}
.thumb-pager-container .prev a:hover, 
.thumb-pager-container .next a:hover{opacity:1;}

.thumb-pager-container{position:relative;display:block;width:460px;}

/*main containers - mainly overrides from mobile.css*/
#page{min-height:600px;margin:0;padding-bottom:150px;background:#ffffff url(/~/media/Images/coresite/ui/bg-col-narrow.ashx) 0 0 repeat-y;}
#page.two-col{background-image: url(/~/media/Images/coresite/ui/bg-2col-narrow.ashx);}
#page.two-col-right{background-image: url(/~/media/Images/coresite/ui/bg-2col-right-narrow.ashx);}
#page.one-col{background-image: none;}
#left-rail,#right-rail{padding-top:25px;}
#center-rail{margin:0 10px;}
#left-rail nav li a{width:160px;left:0px;}

/*aside*/
aside img{max-width:160px;margin-left:0;}

/*article*/
.listing-filter .alpha{margin-bottom:0;}

/*landing page bingo*/
#bingo{position:relative;z-index:10;padding:0 0 140px;margin:0;background:transparent;}
/*1220/5 + space*/
#bingo .square{width:236px;margin:0 4px 4px 0;height:214px;padding:0; display: inline;  float: left;  position: relative;color:#07294d;z-index:10;}
#bingo .empty-square,#bingo .empty-square:hover{background:none;cursor:default;display:none;}

#bingo .content{overflow:hidden;	
	background:rgba(255,255,255,.75);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-ms-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-colors 0.3s ease;
}
#bingo .square:hover,#bingo .square.active{z-index:15;}
#bingo .square:hover .content,#bingo .square.active .content{background:rgba(255,255,255,1);cursor:pointer;}
#bingo .empty-square,#bingo .empty-square:hover{background:none;cursor:default;display:none;}
#bingo .active,#bingo .hidden-content{
	-webkit-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
}
#bingo .hidden-content{width:0;opacity:0;position:absolute;left:236px;top:0;color:#07294d;background:#fff;overflow:hidden;height:214px;padding:0;
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transition: width 0.2s ease,opacity 0.3s ease,padding 0.3s ease;
	-moz-transition: width 0.2s ease,opacity 0.3s ease,padding 0.3s ease;
	-ms-transition: width 0.2s ease,opacity 0.3s ease,padding 0.3s ease;
	-o-transition: width 0.2s ease,opacity 0.3s ease,padding 0.3s ease;
	transition: width 0.2s ease,opacity 0.3s ease,padding 0.3s ease;
}
#bingo .hidden-content.end{left:auto;right:236px;}
#bingo .content{padding:20px;height:100%;width:100%;}
#bingo .active .content{z-index:17;}
#bingo .active .hidden-content{width:240px;padding:20px;opacity:1;z-index:16;}
/*only title square will get h1. all others are h2*/
#bingo h1{color:#fff;font-size:62px;}
#bingo h2{font-size:32px}
#bingo .title-square-2,#bingo .title-square-3,
#bingo .title-square:hover{background:#07294d;color:#fff;cursor:default;font-size:14px;padding:20px;}
#bingo .title-square-2{width:476px}
#bingo .title-square-3{width:716px}
#bingo p.more{display:none;position:absolute;bottom:0;left:20px;font-family:arial, sans-serif;text-transform:none;}
#bingo .active p.more{display:block;}


/*footer*/
#footer{width:100%;position:fixed;bottom:0;left:0;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.8); 
	box-shadow: 0 0 20px rgba(0,0,0,.8);	
}
#footer{background:rgba(7,41,77,.90)}
#footer .footer-bg{height:70px;position:absolute;left:0;top:0;width:100%;background:#FFC600;cursor:pointer;}
#footer.alt-footer .footer-bg { height: 70px; }
#footer .footer-bg.hover {background: #e5ae1f; }
#footer div.wrap.row { cursor:pointer; }
/*for ipad swipe*/
#footer-mask{display:block;}

#fat-nav{overflow:hidden;margin-top:0;}
#fat-nav .grid-special{width:14.28%;margin:0}
#fat-nav h2{background:none;height:auto;line-height:18px;padding:0;margin-bottom:0;font-size:14px;}
#fat-nav h2 span{text-transform:none;display:block;font-size:14px;font-weight:normal;}
#fat-nav h2 a{height:70px;line-height:18px;display:block;padding:15px 10px;color:#07294d;}
#fat-nav a{}
#fat-nav li ul.open{margin:0;}
#fat-nav.open li ul,#fat-nav.open li ul.open{margin:15px 0 20px;}
#fat-nav li ul.open{padding:0;}
#fat-nav li li a{display:block;padding:5px 10px;color:#fff;}
#fat-nav li li a:hover{text-decoration:underline;}
.live-it{text-align:left;color:#07294D;padding-left:10px;}

.js #fat-nav ul ul{height:0;opacity: 0;background:transparent;
	-webkit-transition: height 0.3s ease-out, opacity 0.3s 0.3s ease;
	-moz-transition: height 0.3s ease-out, opacity 0.3s 0.3s ease;
	-ms-transition: height 0.3s ease-out, opacity 0.3s 0.3s ease;
	-o-transition: height 0.3s ease-out, opacity 0.3s 0.3s ease;
	transition: height 0.3s ease-out, opacity 0.3s 0.3s ease;
}
/*requires fixed height for css transition. otherwise height:auto;*/
.js #fat-nav.open ul ul{height:250px;opacity: 1;}
#fat-nav .social li span.icon{margin-right:10px;float:left;}
#fat-nav .social li a{vertical-align:top;line-height:30px;margin-bottom:10px;}

/*right rail "follow callout" */
#follow-callout{position:fixed;min-height:300px;top:24%;right:0;margin:0;width:0;overflow:visible;padding-left:28px;}
#follow-callout select{max-width:250px}
#follow-callout ul.tab-nav{position:absolute;left:0;top:240px;width:300px;}
#follow-callout ul.tab-nav li a{background:#9e0b0f url(/~/media/Images/coresite/ui/sprite.ashx) 2px -188px no-repeat; padding-left: 25px; }
#follow-callout ul.tab-nav li.on a { background:#07294d url(/~/media/Images/coresite/ui/sprite.ashx) 2px -212px no-repeat; }
/*rotate the tabs for capable browsers - ie specific stuff in normal.css*/
.csstransforms #follow-callout ul.tab-nav {
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#follow-callout .tabs-content{position:relative;height:400px;overflow:hidden;width:290px;}

#follow-callout aside{min-height:300px;width:290px;position:absolute;top:0;left:0;display:none;opacity:0; 
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;	
}
#follow-callout aside.open{opacity:1;display:block}
/*social icons (white)*/
.duicon-facebook{background-position:0px -247px;}
.duicon-twitter{background-position:0px -290px;}
.duicon-flickr{background-position:0px -332px;}
.duicon-youtube{background-position:0px -376px;}
/*social icons for wrapper layout (blue)*/
.social-blue .duicon-facebook{background-position:-54px -247px;}
.social-blue .duicon-twitter{background-position:-84px -247px;}
.social-blue .duicon-flickr{background-position:-114px -247px;}
.social-blue .duicon-youtube{background-position:-144px -247px;}

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

/*related listing ie:related stories on news detail page*/
.related{padding-left:20px;}
.related .listing-filter{padding:10px 0;}
.related ul{margin:0;padding:0}
.related li{margin:20px 0;}
.related li:last-child{margin-bottom:0;}
.related .meta{margin:0 0 7px;display:block;}
.related h2{font:bold 14px/18px Arial, sans-serif;text-transform:none;margin-bottom:7px;}


/*
 * ==========================================================
 * 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: 720px;}
.wrap {margin-left: auto;
  margin-right: auto;
  width: 720px;
  -webkit-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-o-transition: width .25s ease;
	-ms-transition: width .25s ease;
	transition: width .25s ease;
}

/*
 * ==========================================================
 * Columns
 * ==========================================================
 */
 
.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 {
	-webkit-transition: width .25s ease;
	-moz-transition: width .25s ease;
	-o-transition: width .25s ease;
	-ms-transition: width .25s ease;
	transition: width .25s ease;  
  
}
.wrap .grid-1 {width: 10px;}
.wrap .grid-2 {width: 40px;}
.wrap .grid-3 {width: 70px;}
.wrap .grid-4 {width: 100px;}
.wrap .grid-5 {width: 130px;}
.wrap .grid-6 {width: 160px;}
.wrap .grid-7 {width: 190px;}
.wrap .grid-8 {width: 220px;}
.wrap .grid-9 {width: 250px;}
.wrap .grid-10 {width: 280px;}
.wrap .grid-11 {width: 310px;}
.wrap .grid-12 {width: 340px;}
.wrap .grid-13 {width: 370px;}
.wrap .grid-14 {width: 400px;}
.wrap .grid-15 {width: 430px;}
.wrap .grid-16 {width: 460px;}
.wrap .grid-17 {width: 490px;}
.wrap .grid-18 {width: 520px;}
.wrap .grid-19 {width: 550px;}
.wrap .grid-20 {width: 580px;}
.wrap .grid-21 {width: 610px;}
.wrap .grid-22 {width: 640px;}
.wrap .grid-23 {width: 670px;}
.wrap .grid-24 {width: 700px;}

/*
 * ==========================================================
 * Prefix
 * ==========================================================
 */
.wrap .prefix-1 {padding-left: 30px;}
.wrap .prefix-2 {padding-left: 60px;}
.wrap .prefix-3 {padding-left: 90px;}
.wrap .prefix-4 {padding-left: 120px;}
.wrap .prefix-5 {padding-left: 150px;}
.wrap .prefix-6 {padding-left: 180px;}
.wrap .prefix-7 {padding-left: 210px;}
.wrap .prefix-8 {padding-left: 240px;}
.wrap .prefix-9 {padding-left: 270px;}
.wrap .prefix-10 {padding-left: 300px;}
.wrap .prefix-11 {padding-left: 330px;}
.wrap .prefix-12 {padding-left: 360px;}
.wrap .prefix-13 {padding-left: 390px;}
.wrap .prefix-14 {padding-left: 420px;}
.wrap .prefix-15 {padding-left: 450px;}
.wrap .prefix-16 {padding-left: 480px;}
.wrap .prefix-17 {padding-left: 510px;}
.wrap .prefix-18 {padding-left: 540px;}
.wrap .prefix-19 {padding-left: 570px;}
.wrap .prefix-20 {padding-left: 600px;}
.wrap .prefix-21 {padding-left: 630px;}
.wrap .prefix-22 {padding-left: 660px;}
.wrap .prefix-23 {padding-left: 690px;}

/*
 * ==========================================================
 * Suffix
 * ==========================================================
 */
.wrap .suffix-1 {padding-right: 30px;}
.wrap .suffix-2 {padding-right: 60px;}
.wrap .suffix-3 {padding-right: 90px;}
.wrap .suffix-4 {padding-right: 120px;}
.wrap .suffix-5 {padding-right: 150px;}
.wrap .suffix-6 {padding-right: 180px;}
.wrap .suffix-7 {padding-right: 210px;}
.wrap .suffix-8 {padding-right: 240px;}
.wrap .suffix-9 {padding-right: 270px;}
.wrap .suffix-10 {padding-right: 300px;}
.wrap .suffix-11 {padding-right: 330px;}
.wrap .suffix-12 {padding-right: 360px;}
.wrap .suffix-13 {padding-right: 390px;}
.wrap .suffix-14 {padding-right: 420px;}
.wrap .suffix-15 {padding-right: 450px;}
.wrap .suffix-16 {padding-right: 480px;}
.wrap .suffix-17 {padding-right: 510px;}
.wrap .suffix-18 {padding-right: 540px;}
.wrap .suffix-19 {padding-right: 570px;}
.wrap .suffix-20 {padding-right: 600px;}
.wrap .suffix-21 {padding-right: 630px;}
.wrap .suffix-22 {padding-right: 660px;}
.wrap .suffix-23 {padding-right: 690px;}

/*
 * ==========================================================
 * Push
 * ==========================================================
 */
.wrap .push-1 {left: 30px;}
.wrap .push-2 {left: 60px;}
.wrap .push-3 {left: 90px;}
.wrap .push-4 {left: 120px;}
.wrap .push-5 {left: 150px;}
.wrap .push-6 {left: 180px;}
.wrap .push-7 {left: 210px;}
.wrap .push-8 {left: 240px;}
.wrap .push-9 {left: 270px;}
.wrap .push-10 {left: 300px;}
.wrap .push-11 {left: 330px;}
.wrap .push-12 {left: 360px;}
.wrap .push-13 {left: 390px;}
.wrap .push-14 {left: 420px;}
.wrap .push-15 {left: 450px;}
.wrap .push-16 {left: 480px;}
.wrap .push-17 {left: 510px;}
.wrap .push-18 {left: 540px;}
.wrap .push-19 {left: 570px;}
.wrap .push-20 {left: 600px;}
.wrap .push-21 {left: 630px;}
.wrap .push-22 {left: 660px;}
.wrap .push-23 {left: 690px;}

/*
 * ==========================================================
 * Pull
 * ==========================================================
 */
.wrap .pull-1 {left: -30px;}
.wrap .pull-2 {left: -60px;}
.wrap .pull-3 {left: -90px;}
.wrap .pull-4 {left: -120px;}
.wrap .pull-5 {left: -150px;}
.wrap .pull-6 {left: -180px;}
.wrap .pull-7 {left: -210px;}
.wrap .pull-8 {left: -240px;}
.wrap .pull-9 {left: -270px;}
.wrap .pull-10 {left: -300px;}
.wrap .pull-11 {left: -330px;}
.wrap .pull-12 {left: -360px;}
.wrap .pull-13 {left: -390px;}
.wrap .pull-14 {left: -420px;}
.wrap .pull-15 {left: -450px;}
.wrap .pull-16 {left: -480px;}
.wrap .pull-17 {left: -510px;}
.wrap .pull-18 {left: -540px;}
.wrap .pull-19 {left: -570px;}
.wrap .pull-20 {left: -600px;}
.wrap .pull-21 {left: -630px;}
.wrap .pull-22 {left: -660px;}
.wrap .pull-23 {left: -690px;}/* thumb box */

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

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

.thumb-box--video {
	float:left;
	width:40%;
	margin:12px 40px 40px 0;
}





/* Banner Layout Column Line */

#page.two-col #content-rail {
  background: #ffffff url(/~/media/Images/coresite/ui/bg-banner-narrow.ashx) 0 0 repeat-y;
}
#page.two-col #banner {
  padding-bottom: 30px;
}
#page.two-col #content-rail #center-rail,
#page.two-col #content-rail #right-rail {
  padding-top: 0px;
}



.mobile-only {
    display: none;
}
.mobile-hide {
    display: block;
}

#center-rail, 
aside {
    word-wrap: break-word;
}

/* heading fix - emy26 */

article h2 {
   margin-bottom:10px;
   margin-top:30px;
}


article h3 {
   margin-bottom:10px;
}


.portrait-only {display: inline;}
.portrait-hide {display: none;}



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

#left-rail nav li li li a {
   padding-left:35px;
   overflow-x: hidden;
}

#left-rail nav li li li li a {
   padding-left:50px;
   overflow-x: hidden;
}

#left-rail nav li li li li li a {
   padding-left:65px;
   overflow-x: hidden;
}






/* profile-sidebar - emy26 */

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

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

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

.profile-sidebar img {
   max-width:100%
}





/* em brand heading - emy26 */

#page .em-brand-heading {
   font-size:500%;
   padding:80px 0 0 0;
}





/* inner page main image description - turning background to white - emy26 */

article figcaption {
    background-color:#fff;
    color:#666;
    padding:2px;
}





/*  fix font size on drop down on alt template - emy26 */

.alt-layout #main-nav li li a {
   font-size:12px;
}





/* inner page H1 page title - force to wrap just in case there is an extra long word. this is a backup, just in case - emy26 */

#center-rail h1 {
    word-wrap:break-word;
}






/* page image fit container width - emy26 */

article img {
    max-width: 100%;
    width: 100%;
    height:auto;
}

article .grid-6 img {
    max-width: auto;
    width: auto;
    height:auto;
}






.bullet-list-single.columns {
   width:50%;
}



/*** MEGA MENUS ***/
#main-nav li.mega>ul>li { width: 200px; }
#main-nav li.mega>ul.mega-1-column { width: 200px; }
#main-nav li.mega>ul.mega-2-column { width: 400px; }
#main-nav li.mega>ul.mega-3-column { width: 600px; }

#main-nav li.mega>ul { background-color: #07294D; }

#main-nav li.mega>ul>li {
  float: left;
  top: 0px;
}
#main-nav li.mega>ul>li>a {
  text-transform: uppercase;
  font-family: FuturaCnd, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #051D35;
}
#main-nav li.mega>ul>li>ul {
  top: initial;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  left: 0px;
  border-right: 1px solid #051D35;
}
#main-nav li.mega>ul>li:last-child>ul {
  border-right: none;
}
#main-nav li.mega li:last-child a {
  padding-bottom: 10px;
}


/* Events Styling - srb36 */
.event-details .image-box {
width:240px;
}
.event-details .event-info {
	float: left;
	width: 240px;
}
#header .ui-autocomplete
{
	width: 180px !important;
        max-height: 400px;
        overflow-y: scroll;
}
#search-form .ui-autocomplete 
{
        max-height: 400px;
        overflow-y: scroll;
}
/* ----- image width border fix for portrait ----- */
aside.informational-sidebar img {max-width: 158px;
}













/* marketing box - emy26 */

.marketing-box {
	float:left;
}
.marketing-box.triple {
	width:31.3%;
	margin:0 3% 20px 0;
}
.marketing-box.double {
	width:48%;
	margin:0 4% 20px 0;
}
.marketing-box.triple:nth-of-type(3n+3) {
	margin-right: 0;
}
.marketing-box.double:nth-of-type(2n+2) {
	margin-right: 0;
}







/* promo-box - emy26 */

.promo-box {
	float:left;
}
.promo-box.triple {
	width:31.3%;
	margin:0 3% 20px 0;
}
.promo-box.double {
	width:48%;
	margin:0 4% 20px 0;
}
.grid-12 .promo-box.triple {
	min-height:140px;
}
.grid-12 .promo-box.double {
	min-height:170px;
}
.grid-18 .promo-box.triple {
	min-height:150px;
}
.grid-18 .promo-box.double {
	min-height:200px;
}
.promo-box.triple:nth-of-type(3n+3) {
	margin-right: 0;
}
.promo-box.double:nth-of-type(2n+2) {
	margin-right: 0;
}







/* slide box - base - emy26 */

.slide-box {
	position:relative;
	height:120px;
	margin-bottom:20px;
	z-index:200;
}
.slide-box:first-child {
	margin-right:20px;
}
.slide-box a {
	position:absolute;
	display:block;
	width:100%;
	height:120px;
	color:#fff;
	text-decoration:none;
	background-color:#FFC600;
	z-index:202;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.slide-box a:hover {
	background-color:#07294D;
}
.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;
}
.slide-box a:hover .btn-wrap:after {
	opacity:0;
}

/* slide box button */

.slide-box .btn-wrap {
	position:absolute;
	width:100%;
}
.slide-box .btn-wrap h1 {
	position:absolute;
	width:100%;
	font-size:40px;
	text-align:center;
	color:#fff;
	margin-top:40px;
	opacity:1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.slide-box .btn-wrap p {
	position:absolute;
	display:block;
	padding:20px;
	opacity:0;
}
.slide-box a:hover .btn-wrap h1 {
	opacity:0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.slide-box a:hover .btn-wrap p {
	opacity:1;
}

/* slide box image */

.slide-box .img-wrap {
	position:absolute;
	display:block;
	z-index:201;
}
.slide-box .img-wrap,
.slide-box .img-wrap img {
	position:absolute;
	top:0;
	width:100%;
	height:120px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.slide-box a:hover ~ .img-wrap img {
	width:100%;
}

/* slide box - animation */

.slide-box a,
.slide-box .btn-wrap:after {
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.slide-box .img-wrap,
.slide-box img {
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}
.slide-box h1 {
	-webkit-transition: all .25s ease-in-out .3s;
	-moz-transition: all .25s ease-in-out .3s;
	-o-transition: all .25s ease-in-out .3s;
	-ms-transition: all .25s ease-in-out .3s;
	transition: all .25s ease-in-out .3s;
}
.slide-box p {
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
.slide-box a:hover p {
	-webkit-transition: all .3s ease-in-out 1s;
	-moz-transition: all .3s ease-in-out 1s;
	-o-transition: all .3s ease-in-out 1s;
	-ms-transition: all .3s ease-in-out 1s;
	transition: all .3s ease-in-out 1s;
}

/* view specific - emy26 */

.slide-box,
.slide-box .img-wrap {
	width:340px;
}
.slide-box .btn-wrap h1 {
	font-size:30px;
}
.slide-box .btn-wrap p {
	font-size:10px;
	line-height:1.2em;
}
.slide-box a:hover ~ .img-wrap {
	top:-130px;
}
.slide-box a:hover ~ .img-wrap img {
	height:130px;
}







/* 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 {
	position:absolute;
	bottom:20px;
	left:0;
	width:50%;
	font-size:90%;
	background:rgba(7,41,77,0.7);
	padding:40px 20px 20px 40px;
}

.info-box p:after {
	position:absolute;
	content:"";
	top:20px;
	left:20px;
	width:100%;
	height:100%;
	background:rgba(7,41,77,0.7);
	z-index:-1;
}

.info-box.left p {
	left:0;
	right:auto;
}

.info-box.right p {
	right:20px;
	left:auto;
}










/* ad box - emy26 */

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

.ad-box {
   overflow:hidden;
}

.ad-box h2 {
   position:absolute;
   bottom:0;
   width:100%;
   font-size:350%;
   color:#fff;
   visibility:visible;
   opacity:1;
   padding:30px;
   z-index:10;
   text-shadow: rgba(0,0,0,.5) 0 0 7px;
}

.ad-box h2 span {
   display:inline-block;
}

.ad-box.left-ad h2 span {
   margin-left:100px;
}

.ad-box.right-ad h2 span {
   margin-left:80px;
}

.ad-box h2 em {
    position: relative;
    bottom: 10px;
    font-size: 70%;
    border-bottom: 7px solid #FFC600;
}

.ad-box:hover h2 {
   bottom:-20%;
   visibility:hidden;
   opacity:0;
}

.ad-box img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.ad-box aside {
   position:absolute;
   top:-40px;
   width:100%;
   height:100%;
   font-size:100%;
   padding:30px;
   visibility:hidden;
   opacity:0;
   z-index:10;
}

.ad-box:hover aside {
   top:0;
   visibility:visible;
   opacity:1;
}

.ad-box aside h3 {
   font-size:200%;
   font-family: "FuturaLight" !important;
   line-height:1.3em;
   text-transform: uppercase;
   color:#FFC600;
   margin-bottom:10px;
}

.ad-box aside p {
   color:#fff;
   font-size:110%;
}

.ad-box:before {
   position:absolute;
   content:" ";
   top:0;
   bottom:0;
   left:0;
   right:0;
   background:rgba(0,0,0,.65);
   visibility:hidden;
   opacity:0;
   z-index:9;
}

.ad-box:hover:before {
   visibility:visible;
   opacity:1;
}

.ad-box:hover img {
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   -webkit-filter: blur(10px);  
}

.ad-box aside li {
   float:left;
   margin:0 10px 10px 0;
}

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

.ad-box:hover aside {
   -moz-transition: all .2s ease-in-out .6s;
   -o-transition: all .2s ease-in-out .6s;
   -ms-transition: all .2s ease-in-out .6s;
   transition: all .2s ease-in-out .6s;
}

.ad-box aside,
.ad-box:before,
.ad-box:hover,
.ad-box:hover:before,
.ad-box h2,
.ad-box img {
   -moz-transition: all .4s ease-in-out 0s;
   -o-transition: all .4s ease-in-out 0s;
   -ms-transition: all .4s ease-in-out 0s;
   transition: all .4s ease-in-out 0s;
}












/* extra box - emy26 */

.extra-box {
	position:relative;
   	width:100%;
   	height:120px;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:20px;
}

.extra-box h2 {
	position:relative;
	font-size:250%;
	color:#fff;
	text-shadow: 0 0 7px rgba(0, 0, 0, 0.75);
	margin:0 0 10px 0;
	padding:0;
	z-index:1;
}

.extra-box p {
	position:relative;
	top:50%;
	font-size:110%;
	margin:0;
	padding:0;
	opacity:0;
	visibility:hidden;
	z-index:1;
}

.extra-box img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
        width:100%;
	z-index:0;
	opacity:1;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.extra-box:hover > h2 {
	font-size:200%;
}

.extra-box:hover > p {
	top:0;
	opacity:1;
	visibility:visible;
}

.extra-box:hover > img {
	opacity:.2;
	-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.extra-box img {
   -moz-transition: all .5s ease-in-out 0s;
   -o-transition: all .5s ease-in-out 0s;
   -ms-transition: all .5s ease-in-out 0s;
   transition: all .5s ease-in-out 0s;
}

.extra-box h2,
.extra-box p {
   -moz-transition: all .4s ease-in-out .15s;
   -o-transition: all .4s ease-in-out .15s;
   -ms-transition: all .4s ease-in-out .15s;
   transition: all .4s ease-in-out .15s;
}

.icon.duicon-instagram {
  /*background-image: url("/~/media/Images/coresite/ui/instagram-social-icon.ashx");*/
   background-position: -45px -376px;
}
.icon.duicon-linkedin {
  /*background-image: url("/~/media/Images/coresite/ui/linkedin-social-icon.ashx");*/
   background-position: -177px -247px;
}@charset "UTF-8";
/* CSS Document */





/* PT2 - emy26 */

#bingo .content p { /* paragraph line height fix so 5 lines of text fit better before the Learn More button */
	line-height:1.3em;
	margin:0 0 5px 0;
}

#bingo h2 { /* makes the text fit better within the space. Also adds a hair of space below the H3 so it's more comfy */
    font-size: 30px;
    margin-bottom: 5px;
}

#bingo p.more { /* we discussed this being directly below content so it seems cohesive with intro paragraph - emy26 */
	position:relative;
	left:auto;
	bottom:auto;
}


/* fix height on sidebar image - emy26 */

aside img {
    height:auto;
}

aside.yellow h1 {
   margin-bottom:0;
}




/* fix height on index-listing page - emy26 */

.index-listing figure img {
    height: auto;
}




/* news panel - images have been added. resize and fix spacing - emy26 */

#aside-news li {
	width:100%;
	overflow:auto;
}

#follow-callout .tabs-content li {
    margin-bottom: 18px;
}

#aside-news li img {
	position:relative;
	display:block;
	float:left;
	width:68px;
	height:auto;
	background-color:#fff;
	margin:4px 10px 0 0;
	padding:2px;
}

#aside-news li img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /* for IE8 in IE7 mode */
	filter: alpha(opacity=80); /* for IE6-IE8 */
	opacity: .8;
}




/* events panel - fix date formatting - emy26 */

#aside-events .meta {
	display:block;
	color: #999999;
    font-style: italic;
    margin: 0 0 0 20px;
}




/* sidebar learn-more link fix - emy26 */

aside p.more, aside.blue p.more {
	display:inline-block;
	zoom:1; *display: inline; _height: 22px; /* IE fix for inline-block */
}



/* the box doesn't need to have the cursur turn to a click-hand since we're now opening on rollOver - emy26 */

#bingo .square:hover .content, #bingo .square.active .content {
    cursor: default;
}



/* entire footer area doesn't need to turn to a click-hand. only the yellow footer area - emy26 */

#footer div.wrap.row,
#fat-nav {
	cursor:default;
}



/* the nested links inside the footer don't need to be display block - emy26 */

#fat-nav li li a {
	display:inline-block;
	zoom:1; *display: inline; _height: 30px; /* IE fix for inline-block */
}



/* make live it logo in footer have a click-hand - emy26 */

#fat-nav .live-it {
    cursor: pointer;
}

/* article image - make responsive - emy26 */

article img {
	width:100%;
	max-width:100%;
	height:auto;
}





/* index listing page - when there are individual links in UL > LI ... make them not display block aor 100% width - emy26 */

.index-listing ul li a {
	display:inline-block;
	zoom:1; *display: inline; _height: 30px; /* IE fix for inline-block */
	color:#006699;
}

.index-listing ul li a:hover {
	text-decoration:underline;
	background-color:#fff;
}





/* maps */

.maps {
	margin:20px 0;
}

.maps p,
.maps ul li {
	font-size:10px;
	line-height:1.3em;
}

.maps p {
	margin-bottom:10px;
}

.maps strong {
	font-size:12px;
}





/* search results - override lists so it doesn't inherit image bullet - emy26 */

#search-results li {
	background:none !important;
	padding-left:0 !important;
}

#search-results a,
.l,
#advanced-toggle {
	color: #006699 !important;
}

#advanced-toggle {
    position: relative;
    top: 5px;
}

#breadcrumbs li a {
	color:#006699;
}





/* change font in search field */

#site-search input.open[type="search"], 
.no-js #site-search input[type="search"], 
.alt-layout #site-search input[type="search"] {
	font-size: 14px;
    height: 32px;
    padding: 0 4px;
}

#site-search {
    height: 33px;
    padding: 0 1px;
}

#global-nav li a {
    height: 33px;
}

button, a.button, input[type="reset"], input[type="submit"], input[type="button"] {
	padding:4px 20px;
}




/* gross fix to compensate for too much copy, ugh - emy26 */

#bingo .content p.special-overview-tight {
	line-height:1.2em;
}





/* fix height of PT3 featured hero area so we have more room for the H1 to be viewable on smaller vertical screen sizes - emy26 */

#bodytag_2_divWrapRow .caption {
	min-height:180px;
}

#bodytag_2_divWrapRow #hero {
	min-height:300px;
}




/* fix main dragon logo height - emy26 */

h1#logo a {
	height:130px;
}




/* fix footer height - emy26 */

#fat-nav h2 a {
    height: 55px;
    padding: 12px 10px;
}

#footer .footer-bg {
	height:60px;
}

#fat-nav .live-it {
	position:relative;
	top:-2px;
}




/* sitemap list fix - rcg45 */

.sitemapfix h2 {
	margin-bottom:8px;    
}
.sitemapfix ul ul{
	margin-bottom:3px;
}




/* homepage fix to move thumbnail container over to the left a tiny bit so it's centered - emy26 */

.thumb-pager-container {
	left:45px;
}

/* to show hide sticky-element in sitemap */

div.sticky-element {
width:150px;
postion:relative;
padding-top:15px;
float:right;
display:block;
}

div.sticky-element a {
    background-color: #EBEBEB;
    box-shadow: 0 0 2px #888888;
    color: #000000;
    display: block;
    float: left;
    font-size: 1em;
    margin: 6px;
    padding: 5px;
    text-align: center;
    width: 30px;
}
div.sticky-element a:hover {
    background-color: #ffc600;
    box-shadow: 0 0 2px #888888;
    color: #000000;
    display: block;
    float: left;
    font-size: 1em;
    margin: 6px;
    padding: 5px;
    text-align: center;
    width: 30px;
}
div.sticky-element h2 {
margin:-11px 0 0 4px;
}
   article   ul.azlist li {margin-top:10px;}
   
    div.letterhed h2 {display:inline !important;}
    div.letterhed a {float:right;font-weight:bold;}
    div.letterhed {font-weight:bold; border-bottom:1px solid #E1E1E0;width:67%;height:1.7em;}


div.caption h1 span.specialfix {
font-size:60px;
}


/* fix to allow multiple links within the index listing figure tags - rcg45 */

span.fixformultlinks:hover {
    background: none repeat scroll 0 0 #FFC600;
    text-decoration: none;}
.fixformultlinks a:hover {
text-decoration:underline;
 
}
span.fixformultlinks a {
display:inline;
color:#006699;
}