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


/*misc overrides*/
#main-nav li a{padding:20px 72px 21px;}
.alt-layout #main-nav li a{padding:20px 30px 21px;}
#main-nav li ul{width:240px;}
#left-rail nav li a{width:280px;}
#page{background:#ffffff url(/~/media/Images/coresite/ui/bg-col-wide.ashx) 0 0 repeat-y;}
#page.two-col{background-image: url(/~/media/Images/coresite/ui/bg-2col-wide.ashx);}
#page.two-col-right{background-image: url(/~/media/Images/coresite/ui/bg-2col-right-wide.ashx);}
#page.one-col{background-image: none;}
aside img{max-width:260px;}
#bg-images li{background:#0b1a2a;}





/*
 * ==========================================================
 * 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 {
  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: 1220px;}
.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 1220px;
}

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

.wrap .grid-1 {width: 30px;}
.wrap .grid-2 {width: 80px;}
.wrap .grid-3 {width: 130px;}
.wrap .grid-4 {width: 180px;}
.wrap .grid-5 {width: 230px;}
.wrap .grid-6 {width: 280px;}
.wrap .grid-7 {width: 330px;}
.wrap .grid-8 {width: 380px;}
.wrap .grid-9 {width: 430px;}
.wrap .grid-10 {width: 480px;}
.wrap .grid-11 {width: 530px;}
.wrap .grid-12 {width: 580px;}
.wrap .grid-13 {width: 630px;}
.wrap .grid-14 {width: 680px;}
.wrap .grid-15 {width: 730px;}
.wrap .grid-16 {width: 780px;}
.wrap .grid-17 {width: 830px;}
.wrap .grid-18 {width: 880px;}
.wrap .grid-19 {width: 930px;}
.wrap .grid-20 {width: 980px;}
.wrap .grid-21 {width: 1030px;}
.wrap .grid-22 {width: 1080px;}
.wrap .grid-23 {width: 1130px;}
.wrap .grid-24 {width: 1180px;}

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

.wrap .prefix-1 {padding-left: 50px;}
.wrap .prefix-2 {padding-left: 100px;}
.wrap .prefix-3 {padding-left: 150px;}
.wrap .prefix-4 {padding-left: 200px;}
.wrap .prefix-5 {padding-left: 250px;}
.wrap .prefix-6 {padding-left: 300px;}
.wrap .prefix-7 {padding-left: 350px;}
.wrap .prefix-8 {padding-left: 400px;}
.wrap .prefix-9 {padding-left: 450px;}
.wrap .prefix-10 {padding-left: 500px;}
.wrap .prefix-11 {padding-left: 550px;}
.wrap .prefix-12 {padding-left: 600px;}
.wrap .prefix-13 {padding-left: 650px;}
.wrap .prefix-14 {padding-left: 700px;}
.wrap .prefix-15 {padding-left: 750px;}
.wrap .prefix-16 {padding-left: 800px;}
.wrap .prefix-17 {padding-left: 850px;}
.wrap .prefix-18 {padding-left: 900px;}
.wrap .prefix-19 {padding-left: 950px;}
.wrap .prefix-20 {padding-left: 1000px;}
.wrap .prefix-21 {padding-left: 1050px;}
.wrap .prefix-22 {padding-left: 1100px;}
.wrap .prefix-23 {padding-left: 1150px;}

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

.wrap .suffix-1 {padding-right: 50px;}
.wrap .suffix-2 {padding-right: 100px;}
.wrap .suffix-3 {padding-right: 150px;}
.wrap .suffix-4 {padding-right: 200px;}
.wrap .suffix-5 {padding-right: 250px;}
.wrap .suffix-6 {padding-right: 300px;}
.wrap .suffix-7 {padding-right: 350px;}
.wrap .suffix-8 {padding-right: 400px;}
.wrap .suffix-9 {padding-right: 450px;}
.wrap .suffix-10 {padding-right: 500px;}
.wrap .suffix-11 {padding-right: 550px;}
.wrap .suffix-12 {padding-right: 600px;}
.wrap .suffix-13 {padding-right: 650px;}
.wrap .suffix-14 {padding-right: 700px;}
.wrap .suffix-15 {padding-right: 750px;}
.wrap .suffix-16 {padding-right: 800px;}
.wrap .suffix-17 {padding-right: 850px;}
.wrap .suffix-18 {padding-right: 900px;}
.wrap .suffix-19 {padding-right: 950px;}
.wrap .suffix-20 {padding-right: 1000px;}
.wrap .suffix-21 {padding-right: 1050px;}
.wrap .suffix-22 {padding-right: 1100px;}
.wrap .suffix-23 {padding-right: 1150px;}

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

.wrap .push-1 {left: 50px;}
.wrap .push-2 {left: 100px;}
.wrap .push-3 {left: 150px;}
.wrap .push-4 {left: 200px;}
.wrap .push-5 {left: 250px;}
.wrap .push-6 {left: 300px;}
.wrap .push-7 {left: 350px;}
.wrap .push-8 {left: 400px;}
.wrap .push-9 {left: 450px;}
.wrap .push-10 {left: 500px;}
.wrap .push-11 {left: 550px;}
.wrap .push-12 {left: 600px;}
.wrap .push-13 {left: 650px;}
.wrap .push-14 {left: 700px;}
.wrap .push-15 {left: 750px;}
.wrap .push-16 {left: 800px;}
.wrap .push-17 {left: 850px;}
.wrap .push-18 {left: 900px;}
.wrap .push-19 {left: 950px;}
.wrap .push-20 {left: 1000px;}
.wrap .push-21 {left: 1050px;}
.wrap .push-22 {left: 1100px;}
.wrap .push-23 {left: 1150px;}

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

.wrap .pull-1 {left: -50px;}
.wrap .pull-2 {left: -100px;}
.wrap .pull-3 {left: -150px;}
.wrap .pull-4 {left: -200px;}
.wrap .pull-5 {left: -250px;}
.wrap .pull-6 {left: -300px;}
.wrap .pull-7 {left: -350px;}
.wrap .pull-8 {left: -400px;}
.wrap .pull-9 {left: -450px;}
.wrap .pull-10 {left: -500px;}
.wrap .pull-11 {left: -550px;}
.wrap .pull-12 {left: -600px;}
.wrap .pull-13 {left: -650px;}
.wrap .pull-14 {left: -700px;}
.wrap .pull-15 {left: -750px;}
.wrap .pull-16 {left: -800px;}
.wrap .pull-17 {left: -850px;}
.wrap .pull-18 {left: -900px;}
.wrap .pull-19 {left: -950px;}
.wrap .pull-20 {left: -1000px;}
.wrap .pull-21 {left: -1050px;}
.wrap .pull-22 {left: -1100px;}
.wrap .pull-23 {left: -1150px;}



/* ---------- ACW+COOP100 FOOTER ---------- */
#footer .wrap .grid-15 {
    width: 791px;
}
#footer .wrap.row {
    width: 1220px;
}
.footer-marketing-main .block.right {
    left: 110px;
}
.footer-marketing-main .block {
    left: -13px;
}
@media screen and (min-width: 1420px)  {
.footer-marketing-main .block {
    left: -34px;
}
.footer-marketing-main .block.right {
    left: 96px;
}
}

/* ---------- END ACW+COOP100 FOOTER ---------- */


/* Banner Layout Column Line */

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






/* basic class styles for inner content area of inner pages - emy26 */

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

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









/*** MEGA MENUS ***/
#main-nav li.mega>ul>li { width: 240px; }
#main-nav li.mega>ul.mega-1-column { width: 240px; }
#main-nav li.mega>ul.mega-2-column { width: 480px; }
#main-nav li.mega>ul.mega-3-column { width: 720px; }

/* Events Styling - srb36 */
.event-details .event-info {
	width: 510px;
}
/* ----- image width border fix for portrait ----- */
aside.informational-sidebar img {max-width: 260px;
}









/* ad box - emy26 */

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

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

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

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


/* message home box */

#page .message-home img {
	width:90px;
}
#page .message-home p {
	font-size: 1em;
}

/* promo-box - emy26 */

.grid-12 .promo-box.triple {
	min-height:160px;
}
.grid-12 .promo-box.double {
	min-height:220px;
}
.grid-18 .promo-box.triple {
	min-height:200px;
}
.grid-18 .promo-box.double {
	min-height:300px;
}

/* slide box view specific - emy26 */

.slide-box,
.slide-box .img-wrap {
	width:580px;
}
.slide-box .btn-wrap p {
	font-size:13px;
	line-height:1.3em;
}
.slide-box a:hover ~ .img-wrap {
	top:-210px;
}
.slide-box a:hover ~ .img-wrap img {
	height:210px;
}

/* footer */

#footer .inline { margin-top: 28px; }
#footer .inline.social { margin-top: 0px; }
#footer .inline li { line-height: 30px; }
.alt-footer .wrap .grid-4 { width: 180px; margin-right: 10px;}
.alt-footer .wrap .grid-4.live-it { width: 180px; }
.alt-footer .wrap .grid-16 { width: 780px; text-align: center; }

/* colored background options - put ONE of these colors in your site specific stylesheet - emy26 
.alt-layout #bg-images li {
	background-color:#2c251b;  brown
	background-color:#212b20;  green 
	background-color:#252628;  grey 
}
*/
/* form edits -  emy26 */

.field > input {
    float:right;
    width: 260px;
}

.field > select {
    float:right;
    width: 260px !important;
}

.ad-form label,
.ad-form .long label  {
   width:160px;
}#page.home-layout {
    padding-top: 0px !important;
    padding-bottom:0px !important;
}

.form_pages {
    width: 100%;
}

@media (min-width: 1800px) {

    .form{
        right: 7.5vw;
    }
   .form_pages {
       width: 80%;
   }
    /* -- Set .body-content { left: 7.5vw } in form-styles css -- */
}

@media (min-width: 2000px) {
    /* -- Set .body-content { left: 0 } in form-styles css -- */
     .form{
        right: 0px;
}

}