/* resets */
@media all {
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
		margin: 0px 0px 0px 30px;
	}

		blockquote:before, blockquote:after, q:before, q:after {
			content: '';
			content: none;
		}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}

/* basic html elements */
@media all {
	body {
		font-family: 'Droid Sans', sans-serif;
		color: #333333;
		margin-top: 50px;
		width: 100%;
		overflow-x: hidden;
	}


	h1 {
		font-size: 2.5em;
		text-transform: uppercase;
		margin: 0px 0px 20px 0px;
		font-family: 'Dosis', sans-serif;
	}


	h2 {
		font-size: 2em;
		text-transform: uppercase;
		margin: 0px 0px 10px 0px;
		font-family: 'Dosis', sans-serif;
	}

		h2.orangebar {
			text-align: center;
			font-size: 3.2rem;
			letter-spacing: 3px;
			font-weight: bold;
			margin: 0px 0px 40px 0px;
			text-transform: uppercase;
			position: relative;
		}
			h2.orangebar::after {
				display: block;
				position: relative;
				margin: 0px auto;
				bottom: 0px;
				content: '';
				background-color: #e84a27;
				width: 125px;
				height: 4px;
			}

	h3 {
		text-transform: uppercase;
		margin: 0px 0px 10px 0px;
		font-size: 1.7em;
		font-family: 'Dosis', sans-serif;
		font-weight: normal;
	}

	h4 {
		text-transform: uppercase;
		margin: 0px 0px 5px 0px;
		font-size: 1.2em;
		font-family: 'Dosis', sans-serif;
		font-weight: normal;
	}

	p {
		margin: 0px 0px 20px 0px;
		line-height: 1.7em;
	}

	a {
		text-decoration: none;
		color: #e84a27;
	}

		a.button {
			padding: 10px 40px 10px 40px;
			background-color: #e84a27;
			color: #ffffff;
			font-size: 1.2em;
			margin: 20px auto 20px auto;
			display: table;
		}

		a.nominated:after {
			content: ' * ';
			color: #333333;
		}


	strong {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}

	small {
		font-size: 80%;
	}
}

/* form */
@media all {
	form {
		margin: 0px 0px 20px 0px;
	}

	input[type="text"], input[type="password"] {
		padding: 0px 6px;
		border: none;
		background-color: #ffffff;
		color: #666666;
		font-size: 0.8em;
		box-sizing: border-box;
		height: 28px;
		line-height: 1.5em;
		vertical-align: bottom;
	}

	input[type="submit"], input[type="button"] {
		background-color: #e84a27;
		border: none;
		border-radius: 0px;
		padding: 0px 8px;
		color: #ffffff;
		box-sizing: border-box;
		height: 28px;
		line-height: 1.5em;
		vertical-align: bottom;
	}

	input[type=button]:disabled, input[type=submit]:disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	select {
		padding: 0px 5px;
		border: none;
		background-color: #ffffff;
		color: #666666;
		font-size: 0.8em;
		box-sizing: border-box;
		height: 28px;
		line-height: 1.5em;
		vertical-align: bottom;
	}

	textarea {
		border: none;
		font-family: 'Droid Sans', sans-serif;
		padding: 20px;
		color: #666666;
		font-size: 0.8em;
	}

	fieldset {
		border: 1px solid #c0c0c0;
		padding: 20px 20px 20px 20px;
		margin: 0px 0px 30px 0px;
		transition: background-color linear 1s;
	}

	fieldset.closed {
		background-color: #ECEBE8;
	}

	fieldset.opened {
		background-color: #ffffff;
	}


	label {
		line-height: 1.7em;
	}
}

/* tables */
@media all {
	table {
		border-collapse: collapse;
		margin: 0px 2px 70px 2px;
		background-color: #ffffff;
		width: 100%;
	}

		table tr {
			border-bottom: 1px solid #bdbdbd;
		}

			table tr:hover {
				background-color: #f7f7f7;
			}

		table th, table td {
			text-align: left;
			padding: 10px;
			vertical-align: top;
		}

		table th {
			background-color: #e84a27;
			color: #ffffff;
			text-transform: uppercase;
		}
		
		table img {
			width: 100%; 
			height: auto;
		}
}

/* basic structural items */
@media all {

	.clearfix {
		display: inline-block;
		width: 100%;
	}

	.fleft {
		float: left;
		margin: 0px 20px 20px 0px;
	}

	.fright {
		float: right;
		margin: 0px 0px 20px 20px;
	}

	.fcenter {
		margin: 0px auto 20px auto;
		width: 100%;
	}

	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.narrow {
		width: 280px;
		margin-right: 50px;
	}

	.skinny {
		width: 230px;
		margin-right: 50px;
	}

	.medium {
		width: 445px;
		margin-right: 50px;
	}

	.maxmedium {
		max-width: 445px;
		margin-right: 50px;
	}

	.wide {
		float: left;
		margin-right: 50px;
		width: 595px;
	}

	.extrawide {
		float: left;
		margin-right: 0px;
		width: 760px;
	}

	.hidden {
		display: none;
		opacity: 0;
	}

	.offscreen {
		position: fixed;
		top: -1000px;
	}


	.zero {
		padding: 0px !important;
		margin: 0px !important;
	}

	.zero-right {
		margin-right: 0px;
		padding-right: 0px;
	}

	.zero-bottom {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.big {
		font-size: 2em;
		text-transform: uppercase;
	}

	.light {
		color: #ffffff;
	}

	.dark {
		color: #231F20;
	}

	.boxshadow {
		box-shadow: #474747 1px 1px 3px;
	}

	.shadowbox {
		padding: 40px;
		background-color: rgba(247, 247, 247, 0.8);
		color: #333333;
	}

	.shadowboxdark {
		background-color: rgba(0, 0, 0, 0.8);
		padding: 40px;
		color: #ffffff;
	}

	.error {
		font-weight: bold;
		color: #ff0000;
	}

	.noborder {
		border: none !important;
	}

	.haze {
		background-color: rgba(0, 0, 0, 0.6);
		display: block;
	}

	.printlink {
		display: none;
	}

	.navpoint::before { 
		content: ''; 
		display: block; 
		position: relative; 
		width: 0; 
		height: 4.5em; 
		margin-top: -4.5em
	}

}


/* header */
header {
    width: 100%;
    height: 60px;
    position: fixed;
    margin: 0px auto;
    padding: 10px 20px;
    top: 0px;
    background-color: #e84a27;
    z-index: 9999;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
}

	header .container {
		padding: 0px;
		width: 960px;
	}


header a {
	color: #ffffff;
}

	header #imark a {

		display: block;
		height: 38px;
		background-image: url(//ws.engr.illinois.edu/images/block.i.blue.png);
		background-size: contain;
		background-repeat: no-repeat;
		text-transform: uppercase;
		font-weight: bold;
		position: absolute;
		height: 32px;
		font-size: 32px;
		line-height: 32px;
		padding: 0px 15px 0px 40px;
		margin: 0px 0px 0px 0px;
	}

	header #coll_name {
		display: none;
	}


#site_name {
	position: absolute;
	top: 37px;
	left: 0px;
	width: 340px;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
	font-size: 1.1rem;
	line-height: 1.1rem;
	text-transform: none;
}

	


@media (min-width: 960px), print 
{

	body.home {
		margin-top: 250px;
	}

	body.top header {
		height: 250px;
		position: absolute;
		padding: 0px 0px 0px 0px;
	}

		body.top header #imark a {
			height: 38px;
			padding: 0px 15px 0px 48px;
			margin: 0px 0px 12px 0px;
			font-size: 39px;
			line-height: 38px;
			top: 60px;
			left: 0px;
		}

	body.top #coll_name {
		display: block;
		position: absolute;
		font-size: 1.2rem;
		line-height: 1.2rem;
		text-transform: uppercase;
		font-weight: bold;
		top: 155px;
		left: 0px;
	}

	body.top #site_name {
		width: auto;
		top: initial;
		left: initial;
		font-weight: lighter;
		font-size: 30px;
		line-height: 30px;
		top: 110px;
	}


		body.top header #mainnav {
			margin-top: 200px;
		}


	nav#mobilenav { display: none; }
	
	.narrow + .narrow + .narrow,
	.narrow + .wide,
	.wide + .narrow,
	.maxmedium + .maxmedium,
	.medium + .medium {
		margin-right: 0px;
	}

	.narrow + .wide {
		width: 610px;
	}

	.container {
		width: 940px;
		margin: 0px auto 0px auto;
		padding: 0px 10px 0px 10px;
		position: relative;
		background-repeat: no-repeat;
		background-size: contain;
	}



	/* main nav */
	#mobile-nav {
		display: none;
	}


	nav#mainnav {
		height: 50px;
		float: right;
		margin-top: 25px;
	}

	nav#mainnav > ul > li {
		float: left;
	}

		nav#mainnav > ul > li > a {
			display: block;
			padding: 15px 15px 15px 15px;
			height: 15px;
			color: #ffffff;
			text-transform: uppercase;
			font-size: 0.8rem;
		}

			nav#mainnav > ul > li:hover a {
				background-color: #ffffff;
				color: #e84a27;
			}

		nav#mainnav > ul > li > .mm {
			display: none;
			position: absolute;
			overflow: hidden;
			left: 0px;
			width: 100%;
			height: 200px;
			background-color: #ffffff;
			color: #474747;
			z-index: 11;
			border-left: 3px solid #e84a27;
			border-right: 3px solid #e84a27;
			border-bottom: 3px solid #e84a27;
			padding: 10px 0px 10px 0px;
			text-transform: none;
			font-size: 0.8em;
		}

			nav#mainnav > ul > li:hover > .mm {
				display: block;
			}

		nav#mainnav > ul > li > .mm .fleft {
			border-right: 1px solid #474747;
			margin: 0px 9px;
			height: 200px;
			overflow: hidden;
		}

			nav#mainnav > ul > li > .mm .fleft:last-child {
				border-right: none;
			}

		nav#mainnav > ul > li > .mm p {
			margin: 0px;
		}


		nav#mainnav > ul > li > .mm a {
			color: #474747;
			height: auto;
		}

			nav#mainnav > ul > li > .mm a:hover {
				color: #e84a27;
			}

		nav#mainnav > ul > li > .mm ul li a {
			text-transform: none;
			display: inline-block;
		}

		nav#mainnav > ul > li > .mm ul.sub {
			width: 160px;
			height: 180px;
			overflow: hidden;
		}

			nav#mainnav > ul > li > .mm ul.sub.threecol {
				columns: 3;
				width: 490px;
				padding-top: 0px;
			}

			nav#mainnav > ul > li > .mm ul.sub.wide {
				width: 255px;
				margin: 0px;
			}

			nav#mainnav > ul > li > .mm ul.sub li {
				float: none;
				padding: 5px 5px 5px 5px;
				display: block;
			}


				nav#mainnav > ul > li > .mm ul.sub li a {
					padding: 0px 0px 0px 0px;
				}

		nav#mainnav > ul > li > .mm ul.icons {
			text-align: center;
		}

		nav#mainnav > ul > li > .mm ul.icons li {
			display: inline-block;
			height: 160px;
			background-position: center 30px;
			background-repeat: no-repeat;
			vertical-align: top;
		}

			nav#mainnav > ul > li > .mm ul.icons li a {
				width: 110px;
				text-align: center;
				padding: 100px 5px 0px 5px;
				background-color: rgba(255, 255, 255, 0.5);
			}

				nav#mainnav > ul > li > .mm ul.icons li a:hover {
					background-color: rgba(255, 255, 255, 0.0);
				}

	

		nav#mainnav ul li.newsroom .mm ul.sub {
			width: 330px;
			overflow: hidden;
			border-right: none;
			margin-right: 30px;
		}

		nav#mainnav > ul > li > .mm ul.icons li.seminars-icon { background-image: url(/images/icons/seminars.png); }
		nav#mainnav > ul > li > .mm ul.icons li.cost-icon { background-image: url(/images/icons/cost.png); }
		nav#mainnav > ul > li > .mm ul.icons li.courses-icon { background-image: url(/images/icons/courses.png); }
		nav#mainnav > ul > li > .mm ul.icons li.curricula-icon { background-image: url(/images/icons/curricula.png); }
		nav#mainnav > ul > li > .mm ul.icons li.for-freshmen-icon { background-image: url(/images/icons/for-freshmen.png); }
		nav#mainnav > ul > li > .mm ul.icons li.graduate-icon { background-image: url(/images/icons/graduate.png); }
		nav#mainnav > ul > li > .mm ul.icons li.instructional-icon { background-image: url(/images/icons/instructional.png); }
		nav#mainnav > ul > li > .mm ul.icons li.rankings-and-statistics-icon { background-image: url(/images/icons/rankings.png); }
		nav#mainnav > ul > li > .mm ul.icons li.student-research-icon { background-image: url(/images/icons/research.png); }
		nav#mainnav > ul > li > .mm ul.icons li.salary-icon { background-image: url(/images/icons/salary.png); }
		nav#mainnav > ul > li > .mm ul.icons li.scholarships-icon { background-image: url(/images/icons/scholarships.png); }
		nav#mainnav > ul > li > .mm ul.icons li.visit-icon { background-image: url(/images/icons/visit.png); }
		nav#mainnav > ul > li > .mm ul.icons li.chain-icon { background-image: url(/images/icons/chain.png); }
		nav#mainnav > ul > li > .mm ul.icons li.bowtie-icon { background-image: url(/images/icons/bowtie.png); }
		nav#mainnav > ul > li > .mm ul.icons li.research-centers-icon { background-image: url(/images/icons/research-centers.png); }
		nav#mainnav > ul > li > .mm ul.icons li.corporate-partnerships-icon { background-image: url(/images/icons/corporate.png); }
		nav#mainnav > ul > li > .mm ul.icons li.colloquium2-icon { background-image: url(/images/icons/colloquium2.png); }
		nav#mainnav > ul > li > .mm ul.icons li.instructional-labs-icon { background-image: url(/images/icons/instructional-labs.png); }
		nav#mainnav > ul > li > .mm ul.icons li.curricula2-icon { background-image: url(/images/icons/curricula2.png); }
		nav#mainnav > ul > li > .mm ul.icons li.give-icon { background-image: url(/images/icons/give.png); }
		nav#mainnav > ul > li > .mm ul.icons li.find-people-icon { background-image: url(/images/icons/find-people.png); }
		nav#mainnav > ul > li > .mm ul.icons li.dept-head-icon { background-image: url(/images/icons/dept-head.png); }
		nav#mainnav > ul > li > .mm ul.icons li.researchers-icon { background-image: url(/images/icons/researchers.png); }
		nav#mainnav > ul > li > .mm ul.icons li.faculty-icon { background-image: url(/images/icons/faculty.png); }
		nav#mainnav > ul > li > .mm ul.icons li.staff-icon { background-image: url(/images/icons/staff.png); }
		nav#mainnav > ul > li > .mm ul.icons li.alumni-news-icon { background-image: url(/images/icons/alumni-news.png); }
		nav#mainnav > ul > li > .mm ul.icons li.alumni-board-icon { background-image: url(/images/icons/alumni-board.png); }
		nav#mainnav > ul > li > .mm ul.icons li.alumni-awards-icon { background-image: url(/images/icons/alumni-awards.png); }
		nav#mainnav > ul > li > .mm ul.icons li.events-icon { background-image: url(/images/icons/events.png); }
		nav#mainnav > ul > li > .mm ul.icons li.stay-connected-icon { background-image: url(/images/icons/stay-connected.png); }
		nav#mainnav > ul > li > .mm ul.icons li.expert-icon { background-image: url(/images/icons/expert.png); }



	#gototop a {
		display: block;
		position: fixed;
		width: 60px;
		height: 60px;
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 80px;
		right: 40px;
		z-index: 10;
		border-radius: 30px;
		text-align: center;
		line-height: 60px;
		font-size: 1.5em;
		color: #ffffff;
	}

	#gototop span span {
		position: fixed;
		top: -999px;
	}
}

/* section navigation */
@media all {

	#secnav {
		background-color: #2C3F4D;
		color: #ffffff;
	}

		#secnav.section .container {
			padding-bottom: 0px;
		}

	.section .container nav.secnav .fleft {
		margin-bottom: 40px;
	}

	.section .container nav.secnav h2 {
		margin: -8px 0px 0px 0px;
	}

	.section .container nav.secnav ul {
		list-style-type: none;
		margin: 0px;
		padding-left: 0px;
		border-top: 1px solid #5787A7;
	}

		.section .container nav.secnav ul.twocol {
			columns: 2;
		}

		.section .container nav.secnav ul li {
			margin: 0px;
		}

			.section .container nav.secnav ul li:hover {
				background-color: rgba(0, 0, 0, 0.2);
			}

			.section .container nav.secnav ul li a,
			.section .container nav.secnav ul li p {
				padding: 4px 10px;
				width: 100%;
				box-sizing: border-box;
				display: inline-block;
				color: #ffffff;
				border-bottom: 1px solid #5787A7;
			}

			.section .container nav.secnav ul li p {
				font-weight: bold;
				margin: 0px;
			}


	body.research nav.secnav ul li a {
		font-size: 86%;
	}








	body.admissions ul li.admissions,
	body.academics ul li.academics,
	body.research ul li.research,
	body.alumni ul li.alumni,
	body.directory ul li.directory,
	body.give ul li.give,
	body.corporate ul li.corporate,
	body.newsroom ul li.newsroom,
	body.calendar ul li.calendar,
	body.about ul li.about,
    .comma-killer {
		background-color: #ff8342;
	}


	body.admissions.why-ece ul li.why-ece,
	body.admissions.why-ece.cost-comparison-charts ul li.cost-comparison-charts,
	body.admissions.why-ece.courses ul li.courses,
	body.admissions.why-ece.undergraduate-research ul li.undergraduate-research,
	body.admissions.why-ece.graduate-research ul li.graduate-research,
	body.admissions.why-ece.honors ul li.honors,
	body.admissions.why-ece.rankings-and-statistics ul li.rankings,
	body.admissions.why-ece.scholarships ul li.scholarships,
	body.admissions.why-ece.study-abroad ul li.study-abroad,
	body.admissions.why-ece.student-organizations ul li.student-organizations,
	body.admissions.why-ece.salary-averages ul li.salary-averages,
	body.admissions.undergraduate ul li.undergraduate,
	body.admissions.graduate ul li.graduate,
	body.admissions.graduate.admissions-requirements-and-process ul li.admissions-requirements-and-process,
	body.admissions.graduate.graduate-dates-and-deadlines ul li.graduate-dates-and-deadlines,
	body.admissions.graduate.fellowships ul li.fellowships,
	body.admissions.graduate.graduate-admissions-decisions ul li.graduate-admissions-decisions,
	body.admissions.graduate.ms-degree-information ul li.masters-degree-information,
	body.admissions.graduate.phd-degree-information ul li.phd-degree-information,
	body.admissions.graduate.meng-degree-information ul li.meng-degree-information,
	body.admissions.transfer ul li.transfer,
	body.admissions.ece-majors ul li.ece-majors,
	body.admissions.visit ul li.visit,
	body.academics.courses ul li.courses,
	body.academics.advising ul li.advising,
	body.academics.student-research ul li.student-research,
	body.academics.instructional-labs ul li.instructional-labs,
	body.academics.seminars ul li.seminars,
	body.academics.student-organizations ul li.student-organizations,
	body.academics.ugrad ul li.ugrad,
	body.academics.ugrad.freshmen ul li.freshmen,
	body.academics.ugrad.curriculum ul li.curriculum,
	body.academics.ugrad.jointbsmeng ul li.jointbsmeng,
	body.academics.ugrad.ece-minor ul li.ece-minor,
	body.academics.ugrad.subdisciplines ul li.subdisciplines,
	body.academics.ugrad.advising-tips ul li.advising-tips,
	body.academics.ugrad.scholarships-and-awards ul li.scholarships-and-awards,
	body.academics.ugrad.independent-study ul li.independent-study,
	body.academics.ugrad.leung-award ul li.leung-award,
	body.academics.ugrad.honors-programs ul li.honors-programs,
	body.academics.ugrad.undergrad-research ul li.research,
	body.academics.ugrad.preregistration ul li.preregistration,
	body.academics.ugrad.study-abroad ul li.study-abroad,
	body.academics.grad ul li.grad,
	body.academics.grad.overview-msphd ul li.overview-msphd,
	body.academics.grad.overview-meng-study ul li.overview-meng-study,
	body.academics.grad.overview-meng ul li.overview-meng,
	body.academics.grad.overview-ms ul li.overview-ms,
	body.academics.grad.overview-phd ul li.overview-phd,
	body.academics.grad.overview-assistantships ul li.overview-assistantships,
	body.academics.grad.overview-qual ul li.overview-qual,
	body.academics.grad.overview-thesis ul li.overview-thesis,
	body.academics.grad.fellowships ul li.fellowships,
	body.academics.grad.awards ul li.awards,
	body.academics.grad.grad-research ul li.grad-research,
	body.alumni.connect ul li.connect,
	body.alumni.events ul li.events,
	body.alumni.awards ul li.awards,
	body.alumni.board ul li.board,
	body.alumni.news ul li.news,
	body.alumni.visit ul li.visit,
	body.alumni.giveback ul li.giveback,
	body.alumni.contact ul li.contact,
	body.research.biba ul li.biba,
	body.research.circuits ul li.circuits,
	body.research.communications ul li.communications,
	body.research.electromagnetics ul li.electromagnetics,
	body.research.systems ul li.systems,
	body.research.microelectronics ul li.microelectronics,
	body.research.nanotechnology ul li.nanotechnology,
	body.research.networking ul li.networking,
	body.research.power ul li.power,
	body.research.reliable ul li.reliable,
	body.research.centers ul li.centers,
	body.research.diss ul li.diss,
	body.research.epp ul li.epp,
	body.research.aias ul li.aias,
	body.research.bb ul li.bb,
	body.research.energy ul li.energy,
	body.directory.faculty ul li.faculty,
	body.directory.lecturers ul li.lecturers,
	body.directory.affiliates ul li.affiliates,
	body.directory.adjuncts ul li.adjuncts,
	body.directory.emeritus ul li.emeritus,
	body.directory.researchers ul li.researchers,
	body.directory.staff ul li.staff,
	body.directory.grad-students ul li.grad-students,
	body.directory.services ul li.services,
	body.directory.office ul li.services,
	body.directory.chairs ul li.chairs,
	body.directory.teaching ul li.facawards,
	body.directory.facawards ul li.facawards,
	body.about.visit ul li.visit,
	body.about.rankings-and-statistics ul li.rankings,
	body.about.history ul li.history,
	body.about.email-ece ul li.email-ece,
	body.about.degree-history ul li.degree-history,
	body.about.buildings ul li.buildings,
	body.about.shop ul li.shop,
	body.about.jobs ul li.jobs,
	body.about.dailybyte ul li.dailybyte,
	body.give.ways-to-give ul li.ways-to-give,
	body.give.stories ul li.stories,
	body.give.current-endowments ul li.current-endowments,
	body.give.fund-list ul li.fund-list,
	body.give.evs ul li.evs,
	body.give.contact-us ul li.contact-us,
	body.corporate.corporate-connection ul li.corporate-connection,
	body.corporate.corporate-days ul li.corporate-days,
	body.corporate.student-events ul li.student-events,
	body.corporate.events ul li.events,
	body.corporate.seminars ul li.seminars,
	body.corporate.tech-talks ul li.tech-talks,
	body.corporate.senior-design ul li.senior-design,
	body.corporate.scholarships ul li.scholarships,
	body.corporate.donate-materials ul li.donate-materials,
	body.corporate.contact-us ul li.contact-us,
	body.newsroom.news ul li.news,
	body.newsroom.videos ul li.videos,
	body.newsroom.experts ul li.experts,
	body.newsroom.resonance ul li.resonance,
	body.newsroom.in-the-media ul li.in-the-media,
	body.newsroom.alumni-news ul li.alumni-news,
	body.newsroom.contacts ul li.contacts,
	body.newsroom.image-library ul li.image-library,
	body.calendar.day ul li.day,
	body.calendar.week ul li.week,
	body.calendar.month ul li.month,
	body.calendar.colloquium ul li.colloquium,
	body.calendar.explorations ul li.explorations,
	body.calendar.saturday ul li.saturday,
    .comma-killer
    {
		background-color: rgba(0, 0, 0, 0.4);
	}


}

/* basic tabnav formatting */
@media all {

	.section .container .tabnav h3 {
		margin: 0px;
		font-size: 1.2em;
	}

	.section .container .tabnav ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: inline-block;
		margin: 0px 20px 20px 0px;
		font-size: 0.9em;
	}
	.section .container .tabnav ul li {
		float: left;
		margin: 0px 3px 0px 0px;
		padding: 0px;
	}

	.section .container .tabnav ul li a {
		padding: 3px 6px;
		background-color: #ffffff;
		min-width: 80px;
		display: block;
		text-align: center;
	}

	.section .container .tabnav ul li.on a {
		background-color: #e84a27;
		color: #ffffff;
	}

	.section .container .tabnav ul li.ui-state-active a{
		background-color: #e84a27;
		color: #ffffff;
	}

	.section .container .tabnav .ui-tabs-panel {
		background-color: #f7f7f7;
		border: 1px solid #bfbfbf;
		display: inline-block;
		padding: 20px;
		width: 860px;
		margin: 0px 0px 20px 0px;
	}

}

/* basic section formatting */
@media all {
	.section {
		padding: 0px 0px 0px 0px;
		position: relative;
		z-index: 4;
	}

	.section .container {
		padding: 60px 10px 40px 10px;
	}

	.section .container .specialnote {
		font-size: .8em;
	}

	.section .container ul {
		overflow: hidden;
		list-style-type: disc;
		margin: 0px 0px 25px 0px;
		padding: 0px 0px 0px 30px

	}

		.section .container ul.twocol {
			columns: 2;
		}

	.section .container ol {
		list-style-type: decimal;
		margin: 0px 0px 25px 25px;
	}

	.section .container ol.alpha {
		list-style-type: lower-alpha;
	}

	.section .container ul li, .section .container ol li {
		margin: 0px 0px 9px 0px;
		padding: 0px 0px 0px 0px;
		line-height: 1.3em;
	}

	.section .container ul li ul {
		margin-top: 3px;
		margin-bottom: 0px;

	}

	.section.white {
		background-color: #ffffff;
	}

	.section.white input[type="text"], .section.white input[type="password"], .section.white input[type="submit"], .section.white input[type="button"], .section.white select {
		border: 1px solid #e84a27;
	}



	.section.white nav.secnav ul li ul li:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

	.section.ltgrey {
		background: #dcdcdc url(/images/tile_stripe.png);
		color: #333333;
	}

	.section.ltgrey nav.secnav ul li {
		border-top: 1px solid #c0c0c0;
	}

	.section.ltgrey nav.secnav ul li:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	.section.ltgrey nav.secnav ul li a {
		color: #e84a27;
	}

	.section.ltgrey nav.secnav ul li.last {
		border-bottom: 1px solid #c0c0c0;
	}

	.section.grey {
		background-color: #f1f1f1;
		color: #333333;
	}

	.section.medgrey {
		background-color: #bfbfbf;
		color: #333333;
	}

	.section.darkgrey {
		background-color: #4c4c4c;
		color: #ffffff;
	}
		.section.darkgrey .container nav.secnav ul {
			margin-top: 5px;
		}

	.section.darkgrey .container nav.secnav ul li {
		border-top: 1px solid #bdbdbd;
	}
		.section.darkgrey .container nav.secnav ul li.last {
			border-bottom: 1px solid #bdbdbd;
		}

	.section.ltcyan {
		background: #86f5ff url(/images/tile_stripe.png);
		color: #333333;
	}

	.section.blue {
		background-color: #2f6d9c;
		color: #ffffff;
	}
		.section.blue a {
			color: #E8890C;
		}
			.section.blue a.button {
				color: #ffffff;
			}

	.section.royal {
		background-color: #009acb;
	}

	.section.orange {
		background-color: #e84a27;
		color: #ffffff;
	}

	.section.orange a {
		color: #ffffff;
	}

	.section.orange input[type="submit"] {
		border: 1px solid #ffffff;
		padding: 3px 8px;
	}

	.section.orange .button {
		border: 1px solid #ffffff;
	}

	.section.orange nav.secnav ul li {
		border-top: 1px solid #F69165;
	}

	.section.orange nav.secnav ul li.last {
		border-bottom: 1px solid #F69165;
	}

	.section.bluegreen {
		background-color: #1F4959;
		color: #ffffff;
	}

	.section.bluegrey {
		background-color: #2C3F4D;
		color: #ffffff;
	}

	.section.deepblue {
			background-color: #0c264d;
			color: #ffffff;
	}

	.section.purple {
		background-color: #91a2bd;
	/*	color: #ffffff;*/
	}

	.section.purple a {
		color: #003355;
	}

	.section.purple a.button {
		color: #ffffff;
	}

	.section.purple table {
		color: #000000;
	}

	.section.purple table a {
		color: #e84a27;
	}

	.section.title .container {
		width: 550px;
		min-height: 220px;
		padding: 40px 400px 80px 10px;
	}



	.building_silhouette .section.darkgrey {
		background: rgba(71, 71, 71, 0.9);
	}

	.building_silhouette .section.darkgrey .container .button {
		opacity: 1.00;
	}

	.building_silhouette {
		background-color: #474747;
		background-image: url(/images/eceb-bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center -120px;
	}


	.section.golinks {
		height: 77px;
	}

		.section.golinks .container {
			padding: 0px;
			z-index: 1;
		}
			.section.golinks .container .fa-stack {
				float: left;
				font-size: 1.1em;
				color: #6a6a6a;
			}

			.section.golinks .container a {
				text-transform: uppercase;
				float: left;
				font-size: 1.9em;
				color: #6a6a6a;
				box-sizing: border-box;
			}

			.section.golinks .container .grey {
				background-color: #DCDCDC;
				box-sizing: border-box;
				width: 73%;
				float: left;
				padding: 20px;
				border-right: 2px solid white;
				height: 75px;
			}
				.section.golinks .container .grey a {
					margin-left: 20px;
				}

			.section.golinks .container .orange {
				background-color: #e84a27;
				color: #ffffff;
				box-sizing: border-box;
				width: 27%;
				float: left;
				height: 75px;
			}

				.section.golinks .container .orange a {
					color: #ffffff;
					padding: 20px 20px 20px 40px;
					width: 100%;
				}

		.section.golinks .gbg {
			position: absolute;
			width: 50%;
			left: 0px;
			height: 75px;
			background-color: #DCDCDC;
			top: 0px;
		}
		.section.golinks .obg {
			position: absolute;
			width: 50%;
			right: 0px;
			height: 75px;
			background-color: #e84a27;
			top: 0px;
		}


	.section.genius {
		margin-top: 110px;
		background-color: #5a98c4;
		font-size: 1.5em;
	}

		.genius_logo {
			background-image: url(/images/genius_icon_blue.png);
			background-repeat: no-repeat;
			background-size: 100px;
			background-position: center 20px;
			width: 100%;
			height: 140px;
			position: absolute;
			top: -75px;
			z-index: 1;
		}

		.section.genius h1 {
			color: #ffffff;
			font-size: 1.5em;
			margin-top: 25px;
		}


		.section.genius h2 {
			color: #ffffff;
			text-align: center;
		}

		.section.genius.top {
			margin-top: 0px;
			margin-bottom: 0px;
		}

		.section.genius.top .genius_logo {
			top: initial;
			bottom: -43px;
				
		
		
		}

	.section.givenow {
		text-align: center;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
	}

		.section.givenow .container {
			padding: 35px;
		}

			.section.givenow .container h2 {
				margin: 0px;
			}

}

/* blog article formatting */
@media all {



	/* default news list format */
	.newslist {
		display: inline-block;
		margin: 0px 0px 20px 0px;
	}

		.newslist article {
			display: block;
			position: relative;
			width: 215px;
			float: left;
			margin: 0px 20px 20px 0px;
		}

			.newslist article .thumb {
				width: 100%;
				height: 215px;
				overflow: hidden;
			}

			.newslist article h3 {
				font-size: 1.4em;
			}

			.newslist article img {
				width: 100%;
			}





	/* newslist awardees*/
	.awardees .newslist article {
		width: 136px;
		height: 180px;
		background-size: cover;
		background-position: center;
		margin-bottom: 60px;
	}

		.awardees .newslist article .background {
			padding: 5px;
		}


		.awardees .newslist article a .background {
			font-family: 'Dosis', sans-serif;
			font-size: 1.7em;
			color: rgba(255, 255, 255, 0.5);
		}

		.awardees .newslist article a {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
		}

			.awardees .newslist article a .title {
				position: absolute;
				bottom: -42px;
				padding: 0px;
				height: 40px;
				width: 100%;
			}






	/* thumbnail tile news list */
	.thumbtile .newslist article {
		height: 300px;
		background-size: cover;
		background-color: rgba(0, 0, 0, 0.5);
		background-position: center top;
		background-size: 215px auto;
		background-size-y: 10px;
		height: 289px;
		background-repeat: no-repeat;
		font-size: 0.9em;
	}

		.thumbtile .newslist article a {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			color: #ffffff;
		}

		.thumbtile .newslist article .background div {
			font-size: 6em;
			transform: rotate(-45deg);
			text-align: center;
			margin-top: 45px;
			color: rgba(255, 255, 255, 0.7);
			font-family: 'Dosis', sans-serif;
		}

		.thumbtile .newslist article a:hover .background {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			background-color: rgba(0, 0, 0, 0.0);
			transition: all 0.25s ease-in-out;
		}

		.thumbtile .newslist article a:hover .background {
			background-color: rgba(0, 0, 0, 0.5);
		}

		.thumbtile .newslist article a .title {
			position: absolute;
			bottom: 0px;
			background-color: #474747;
			transition: all 0.25s ease-in-out;
			box-sizing: border-box;
			padding: 8px;
			height: 74px;
			width: 100%;
			overflow: hidden;
		}

		.thumbtile .newslist article a:hover .title {
			background-color: #000000;
		}


	/* events */
	#events.thumbtile .newslist article {
		background-size: cover;
	}



	/* videos */
	.videos .newslist article {
		width: 293px;
		height: 320px;
		overflow: hidden;
	}

		.videos .newslist article img {
			width: 293px;
			height: 165px;
		}


		.videos .newslist article h3 {
			font-size: 1.1em;
			height: 44px;
			overflow: hidden;
			margin: 0px 0px 10px 0px;
		}


		.videos .newslist article p {
			line-height: 1.14em;
		}

	a.video-article {
		display: inline-block;
		position: relative;
	}

		a.video-article::after {
			position: absolute;
			display: block;
			box-sizing: border-box;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			content: '\f144';
			opacity: 0.6;
			font-family: 'Font Awesome 5 Free';
			font-size: 5rem;
			padding-top: 40px;
			text-align: center;
			color: #ffffff;
			transition: all 0.25s ease-in-out;
		}

			a.video-article:hover::after {
				opacity: 0.8;
				background-color: rgba(0, 0, 0, 0.5);
			}

		a.video-article img {
			display: block;
		}


	/* experts */
	.experts .newslist article {
		height: 320px;
		overflow: hidden;
	}

		.experts .newslist article h3 {
			font-size: 1.1em;
			overflow: hidden;
			height: 22px;
			margin: 0px 0px 10px 0px;
		}

		.experts .newslist article p, .experts .newslist article div.description {
			line-height: 1.14em;
		}

	.experts .wide .newslist article {
		width: 125px;
	}

		.experts .wide .newslist article .thumb {
			height: 125px;
		}


		.experts .wide .newslist article h3 {
			height: 42px;
		}


/* news_artice */
	#news_article article div.content p, #news_article div.content div, #news_article div.content {
		line-height: 1.7em;
	}

	#news_article article .author {
		float: left;
		margin: 0px 0px 20px 0px;
	}

	#news_article article .date {
		float: right;
	}

	#news_article article .specialnote {
		clear: both;
		border: 1px solid #d7d7d7;
		padding: 20px 20px 0px 20px;
		margin-bottom: 20px;
	}

	#news_article.expert article .specialnote {
		border: none;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
	}

	#news_article .specialnote ul {
		list-style-type: none;
		margin: 0px 0px 25px 0px;
	}

	#news_article article .photo {
		margin-top: 8px;
		padding: 0px;
		font-size: 0.8em;
	}

	#news_article article.blog53 .specialnote,
	#news_article article.blog52 .specialnote,
	#news_article article.blog51 .specialnote,
	#news_article article.blog2 .specialnote,
	#news_article article.blog1 .blogtitle,
	#news_article article.blog84 .blogtitle
	 {
		display: none;
	}

	#news_article .narrow ul {
		list-style-type: none;
		margin: 0px 0px 25px 0px;
	}

	/* awardee profile */

	#awardee .degrees {
		font-weight: bold;
	}

	#awardee .citation {
		font-style: italic;
	}

	#awardee .info {
		margin: 0px 0px 20px 0px;
	}

		#awardee .info div {
			line-height: 1.7em;
			margin: 0px 0px 0px 0px;
		}




}



/* galleries */
div.gallery {
	display: inline-block;
}

div.gallery a {
	width: 180px;
	height: 180px;
	display: block;
	background-size: cover;
	background-position: center top;
	text-indent: -99999px;
	margin: 3px;
	float: left;
}


/* directory */
@media all {


	/* directory listings - photo wall */
	.dirlist {
		display: inline-block;
	}

		.dirlist article {
			float: left;
			margin: 0px 20px 20px 0px;
			width: 168px;
			height: 200px;
			font-size: 0.9em;
		}

			.dirlist article .photo {
				width: 168px;
				height: 140px;
				margin-bottom: 4px;
				background-size: cover;
				background-position: center 20%;
				background-repeat: no-repeat;
			}

				.dirlist article .photo a {
					display: block;
					width: 168px;
					height: 140px;
				}

			.dirlist article .role .location, .dirlist article .role .phone, .dirlist article .role .email {
				display: none;
			}




	/* service area staff listings */
	body.directory.office .dirlist article .role .location, body.directory.office .dirlist article .role .phone, body.directory.office .dirlist article .role .email {
		display: block;
	}

	body.directory.office .dirlist article .role div {
		margin-bottom: 5px;
	}


	body.directory.office .dirlist article {
		width: 400px;
		display: inline-block;
		margin: 0px 40px 20px 10px;
	}

		body.directory.office .dirlist article .photo {
			width: 215px;
			height: 180px;
			float: left;
			margin: 0px 20px 20px 0px;
		}
	body.directory.office ul {
		margin-bottom: 0px;
	}


	/* directory profile */
	body.directory.profile .section.title .container .callout {
		width: 350px;
		height: auto;
		padding: 10px;
		right: 10px;
	}

	.callout.extProfilePhotoMissing {
		display: none;
	}

	body.directory.profile .section.title .container .callout .photo_image {
		height: 293px;
		margin-bottom: 3px;
		background-position: center 20%;
	}

	.dirprofile .unit {
		display: none;
	}

	.dirprofile .roles {
		display: inline-block;
	}

		.dirprofile .roles .role {
			float: left;
			margin: 0px 40px 20px 0px;
		}

			.dirprofile .roles .role .title {
				margin: 0px 0px 10px 0px;
				font-weight: bold;
			}

			.dirprofile .roles .role .phone {
				margin: 0px 0px 10px 0px;
			}

			.dirprofile .roles .role .groups, .dirprofile .roles .role .address {
				margin: 0px 0px 7px 0px;
			}

				.dirprofile .roles .role .groups ul {
					margin: 0px;
				}

					.dirprofile .roles .role .groups ul li {
						margin: 0px;
					}

	.dirprofile .primary_area h2 {
		margin: 0px 0px 5px 0px;
	}

	.section .container .dirprofile ul {
		margin: 0px 0px 35px 0px;
		list-style-type: none;
	}

	.section .container .dirprofile li {
		padding: 0px;
	}

	/* other directory formatting */
	body.directory #group13, body.directory #group15, body.directory #group16 {
		display: none;
	}

	body.directory #support_ece_faculty {
		background-image: url(/images/photo-assets/DSC_1825-cropped.jpg);
		background-size: cover;
		background-position: center 20%;
		background-repeat: no-repeat;
		height: 500px;
	}

		body.directory #support_ece_faculty .shadowbox {
			float: right;
		}

	#profile_pilawa .extProfileAREA { display: none; }
	#profile_rsrikant .extProfileAREA { display: none; }
}

/* contacts */
@media all {
	#contacts p {
		line-height: 1.4em;
	}

	#contacts .fleft {
		padding: 0px 0px 20px 230px;
		background-repeat: no-repeat;
		background-position: 0px 8px;
	}

		#contacts .fleft.medium {
			width: 205px;
			height: 250px;
		}

	#contacts .bradp {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/3570/215/);
	}

	#contacts .tmsweet {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/58302/215/);
	}
	
	#contacts .juliams {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/61537/215/);
	}
	
	#contacts .nslack {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/4404/215/);
	}

	#contacts .megd {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/42044/215/);
	}

	#contacts .awinter {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/45978/215/);
	}
	#contacts .hfv {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/73252/215/);
	}
	
	#contacts .cjackjr9 {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/86591/215/);
	}

	#contacts .alegrand {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/49296/215/);
	}

	#contacts .ertmer {
		background-image: url(//ws.dev.engr.illinois.edu/directory/viewphoto/40782/215/);
	}
}

/* main homepage feature */
@media all {


	.overlay_container {
		display: block;
		position: absolute;
		z-index: 9;
		top: 100px;
		background: rgba(247, 247, 247, 0.80);
		text-align: right;
		font-size: 2.5em;
		text-transform: uppercase;
		transition: left 1.5s;
		left: 0px;
		width: 35%;
		padding: 30px 30px 30px 30px;
	}

	.overlay {
		width: 350px;
		float: right;
	}

		.overlay .shortline {
			line-height: 0.7em;
			margin-top: 35px;
		}

	.slideshow {
		font-family: 'Dosis', sans-serif;
		font-weight: 500;
		height: 500px;
		position: relative;
		overflow: hiden;
		width: 100%;
	}


	.slideshow article {
		height: 500px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		position: relative;
	}

	
	.slideshow article.bottom {
		background-position: center bottom;
	}

	.slideshow article.top {
		background-position: center top;
	}

	.slideshow article a {
		display: block;
		color: #333333;

		position: absolute;
		z-index: 9;
		left: 0px;
		top: 100px;
		background: rgba(247, 247, 247, 0.85);
		text-align: right;
		font-size: 2.5em;
		text-transform: uppercase;
		width: 40%;
		padding: 30px 30px 30px 130px;
		box-sizing: border-box;
		margin: 0px;
	}

		.slideshow article a .shortline {
			line-height: 0.7em;
		}

	.slideshow article.right a {
		left: auto;
		right: 0px;
		text-align: left;
		padding: 30px 130px 30px 30px;
	}


	.slideshow article p {
		line-height: 1.2em;
	}


}

/* give/stories.asp donor stories feature */



/* givenow formatting */
@media all {
	#givenow article {
		display: inline-block;
		width: 100%;
		margin: 0px 0px 30px 0px;
	}

	#givenow article .fundname {
		font-weight: bold;
		width: 700px;
		float: left;
		margin: 0px 20px 3px 0px;
	}

	#givenow article .funddesc {
		font-size: 0.8em;
		width: 700px;
		float: left;
	}

	#givenow article .funddesc p{
		margin: 0px;
		line-height: 1.4em; 
	}

	#givenow article .fundfield {
		float: right;
		margin-top: 10px;
	}
		
	#givenow article .fundfield input[type=text] {
		width: 80px;
		text-align: right;
	}

	#givenow article.total {
		border-top: solid 1px #757575;
		padding-top: 20px;
		margin-top: 20px;
	}
}

/* give/evs slider feature */

	#evs_winners_slideshow {padding: 2em 0;}
	#evs_winners_slideshow h2 {
			margin: 60px 0px 75px 0px;
		}

	#evs_winners_slideshow .slideshow_photos {
		height: 400px;
	}

		#evs_winners_slideshow .slideshow_photos .slick-list {
			padding: 0px !important;
		}

		#evs_winners_slideshow .slideshow_photos .slick-slide {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			width: 200px;
			height: 200px;
			border-radius: 125px;
			border: 5px solid #eeeeee;
			margin: 75px 75px;
			transition: all ease-in-out 0.5s;
			cursor: pointer;
		}

			#evs_winners_slideshow .slideshow_photos .slick-slide:hover {
				border: 5px solid #e84a27;
			}


			#evs_winners_slideshow .slideshow_photos .slick-slide.slick-center {
				width: 350px;
				height: 350px;
				border-radius: 175px;
				margin: 0px;
			}

	#evs_winners_slideshow .slideshow_blurbs .slick-slide {
		width: 940px;
		max-width: 940px;
	}

.evs-anchor:before {
  content:"";
  display:block;
  width: 0;
  height:80px; /* fixed header height*/
  margin:-80px 0 0; /* negative fixed header height */
}


/* home page calendar */
@media all {
	.cal_nav {
		float: left;
		margin: 3px 0px 10px 0px;
	}

	.section .container .cal_nav ul {
		list-style-type: none;
		margin: 0px;
	}

	.cal_nav ul li {
		width: 400px;
	}

	.cal_nav ul li a {
		display: block;
		padding: 20px 35px 20px 35px;
		margin: 0px 0px 1px 0px;
		text-transform: uppercase;
		background-color: #ffffff;
	}

	.cal_nav ul li a.on {
		background-color: #e84a27;
		color: #ffffff;
	}

	#cal_list {
		float: left;
		display: inline-block;
		width: 470px;
		margin: 0px 0px 10px 30px;
	}

	#cal_list article {
		display: inline-block;
		width: 100%;
		height: 75px;
		margin: 0px 0px 20px 0px;
	}

	#cal_list article .datetile {
		display: block;
		float: left;
		width: 60px;
		height: 60px;
		background-color: #dcdcdc;
		text-align: center;
		text-transform: uppercase;
		margin: 3px 0px 0px 0px;
	}

	#cal_list article .datetile .day {
		background-color: #757575;
		color: #ffffff;
		padding: 3px 0px;
		font-size: 0.8em;
	}

	#cal_list article .datetile .date {
		color: #ffffff;
		font-size: 2em;
		padding: 3px 0px 0px 0px;
	}

	#cal_list article .event {
		margin: 0px 0px 0px 80px;
	}

	#cal_list article .event .title {
		margin: 0px 0px 2px 0px;
	}

	#cal_list article .event .time,
	#cal_list article .event .location {
		font-size: 0.8em;
		margin: 0px 0px 2px 0px;
	}
}

/*calendar */
@media all {
	body.calendar.month table tbody tr {
	}

	body.calendar.month table tbody td {
		border-right: 1px solid #bdbdbd;
		width: 14%;
		padding: 5px;
	}

	body.calendar.month table tbody td div {
		height: 150px;
		overflow: auto;
		font-size: 0.8em;
	}

	body.calendar.month table tbody td div ul {
		margin: 0px;
		list-style-type: none;
	}

	body.calendar.month table tbody td div ul li {
		padding: 0px;
		margin: 0px 0px 2px 0px;
	}

	body.calendar.month table tbody th {
		padding: 0px;
		vertical-align: middle;
	}

	body.calendar.month table tbody th a {
		width: 24px;
		height: 20px;
		padding: 80px 0px 80px 0px;
		display: block;
		color: #ffffff;
		text-align: center;
	}

	body.calendar.event table {
		border-top: 1px solid #bdbdbd;
		border-right: 1px solid #bdbdbd;
	}


	body.calendar.event table td * {
		margin: 0px;
		padding: 0px;
		font-size: 1.0rem;
		font-weight: normal;
		line-height: 1.7rem;
		text-transform: none;
		font-family: 'Droid Sans', sans-serif;
	}

	body.calendar.event table td p,
	body.calendar.event table td h1,
	body.calendar.event table td h2,
	body.calendar.event table td h3,
	body.calendar.event table td h4 {
		margin: 0px 0px 20px 0px;
	}
	body.calendar.event table td ul {
		margin: 0px 0px 20px 30px;
	}

	body.calendar.saturday .videos .newslist article {
		height: 230px;
	}

}



/* content section */



/* about us section */
@media all {
	#about {
		border-top: 20px solid #474747;
	}

	#about h2 {
		font-size: 2.2em;
	}


	#about .bythenumbers article h3 {
		font-size: 4em;
		font-weight: bold;
		margin: 0px 0px 20px 0px;
		font-family: 'Dosis', sans-serif;
	}

	#about .contact {
		float: left;
		margin: 0px 100px 0px 0px;
		width: 240px;
	}

	#about .contact_info span.fa {
		float: left;
		margin: 5px 0px 0px 0px;
	}

	#about .contact_info p {
		margin-left: 25px;
	}

	#about .fineprint {
		font-size: 0.8em;
	}

	#about .fineprint p {
		margin: 0px 0px 10px 0px;
		line-height: 1.2em;
	}

	h3 .fa {
		position: absolute;
		margin: 4px 0px 0px -30px;
	}


}

/* footer */
@media all {
	footer {
		background: #f7f7f7 url(/images/tile-stripe-drk.png);
		position: fixed;
		bottom: 0px;
		height: 40px;
		width: 100%;
		z-index: 10;
		font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
		font-size: 0.9em;
	}

	footer #footernav {
		display: inline-block;
	}

	footer ul li {
		float: left;
	}

	footer ul li a {
		display: block;
		text-transform: uppercase;
	}

	footer #footernav {
		float: left;
	}

	footer #footernav ul li a {
		padding: 12px 10px 12px 10px;
		color: #ffffff;
	}

	footer #footernav ul li a:hover {
		background-color: #333333;
	}


	body.about footer #footernav ul li.about,
	body.give footer #footernav ul li.give,
	body.corporate footer #footernav ul li.corporate,
	body.newsroom footer #footernav ul li.newsroom,
	body.calendar footer #footernav ul li.calendar {
		background-color: #383838;
	}


	footer #social {
		float: right;
		font-size: 1.8em;
		margin-top: 5px;
	}

	footer #social a {
		padding: 1px 0px 0px 15px;
		color: #dcdcdc;
	}
}

/* Quote callout */
@media all {
	.callout {
		position: absolute;
		display: block;
		top: 30px;
		right: -20px;
		width: 300px;
		height: 250px;
		padding: 30px 30px 30px 20px;
		background-color: #ffffff;
		z-index: 1;
		overflow: hidden;
	}

	.callout img {
		width: 100%;
	}

	.callout.quote {
		color: #e84a27;
		background: url(/images/quote-bg.png) no-repeat;
		background-size: contain;
		width: 200px;
		padding-right: 130px;
	}

	.callout.quote h2 {
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: bold;
		font-family: "Droid Sans",sans-serif;
		line-height: 1.4em;
	}

	.callout.quote p {
		text-transform: uppercase;
		font-size: 1.4em;
	}
}

/* courses */
@media all {
	/* course listing */
	#course_list table td.rubric {
		width: 13%;
	}

	#course_list table td.website, #course_list table td.timetable {
		width: 4%;
		text-align: center;
	}

	/* course profile */
	#course_profile .extCoursesProfileHeading h3 {
		margin: 0px 0px 3px 0px;
	}

	#course_profile .extCoursesProfileContent {
		margin: 0px 0px 20px 0px;
	}

	#course_profile div {
		margin: 0px 0px 20px 0px;
		line-height: 1.7em;
	}
	#course_profile #extCoursesProfileItem2 {
		display: none;
	}

}

/* page-specific formatting */
@media all {

	body.communications.index .photo {
		width: 215px;
		line-height: initial;
	}
		body.communications .photo img {
			width: 100%;
			vertical-align: bottom;
		}

	/* awardee profile */

	#awardee .degrees {
		font-weight: bold;
	}

	#awardee .citation {
		font-style: italic;
	}

	#awardee .info {
		margin: 0px 0px 20px 0px;
	}

		#awardee .info div {
			line-height: 1.7em;
			margin: 0px 0px 0px 0px;
		}



	#intro {
		background-size: cover;
		min-height: 400px;
		background-position: center center;
	}


	body.herolanding {
		margin-top: 100vh;
	}
	
	body.herolanding #intro {
		position: fixed;
		z-index: 3;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		text-align: center;
		font-size: 0.9em;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		color: #ffffff;
	}

		body.herolanding #intro .container {
			padding: 100px 10px;
		}


	/* about history page formatting */
	body.about.history #intro {
		background-image: url(/images/slides/Kilby-circuit.jpg);
		height: 500px;
	}

		body.about.history #intro .shadowbox div {
			height: 240px;
			margin-bottom: 20px;
			overflow: auto;
		}


	/* admissions page formatting */
	body.admissions #intro {
		background-image: url(/images/slides/dsc_0126-flipped.jpg);
	}

	body.admissions.why-ece.student-organizations #intro {
		background-image: url(/images/slides/UI-02-130825-902.jpg);
	}

	body.admissions.why-ece #courses {
		background-image: url(/images/photo-assets/D4N_6656-cropped.jpg);
		background-size: cover;
		background-position: right;
		background-repeat: no-repeat;
	}

	#student-organizations {
		background-image: url(/images/slides/UI-02-130825-902.jpg);
		background-position: center 30%;
	}

	/* academics page formatting */
	body.academics #intro {
		background-image: url(/images/slides/DSC_0472.jpg);
	}

	body.academics .flowchart {
		background-color: #ffffff;
	}

	/* research page formatting */
	body.research #intro {
		background-image: url(/images/slides/D81_1335.jpg);
	}

	body.research .section.topics ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

		body.research .section.topics ul li {
			padding: 0px;
		}

			body.research .section.topics ul li ul {
				width: 100%;
				display: inline-block;
			}

				body.research .section.topics ul li ul li {
					display: inline;
					width: auto;
					margin: 0px 0px 0px 0px;
				}

					body.research .section.topics ul li ul li:not(:last-child):after {
						content: ", ";
					}


	/* alumni page formatting */

	body.alumni #intro {
		background-image: url(/images/alumni-background.jpg);
		background-position: center 7%;
	}


	body.alumni #board {
		background-image: url('/images/alumni-board-meeting-lrg.jpg');
		background-size: cover;
		background-position: center 28%;
		min-height: 450px;
	}


	body.alumni.board .dirlist article {
		width: 215px;
		height: 290px;
	}

		body.alumni.board .dirlist article .photo {
			height: 250px;
		}

	body.alumni.board.profile .photo {
		float: right;
		margin: 0px 100px 20px 20px;
		width: 215px;
	}

		body.alumni.board.profile .photo img {
			width: 215px;
		}

	body.alumni.awards.distinguished .section.previous-awardees .fleft {
		height: 220px;
		width: 290px;
	}

		body.alumni.awards.distinguished .section.previous-awardees .fleft li {
			margin: 0px;
		}

/* give page formatting */

/*

	body.give .gmark {
		position: absolute;
		text-transform: uppercase;
		width: 100%;
		bottom: 185px;
		right: 0px;
		color: #ffffff;
		padding: 0px 0px 0px 40px;
		box-sizing: border-box;
	}

	body.give .gmark div.logo {
		background-image: url(/images/genius_icon_blue.png);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 0px;
		right: 60.5%;
		width: 80px;
		height: 90px;
		z-index: 1;
	}

	body.give .gmark div.slogan {
		background-color: #5A98C4;
		padding: 15px 30px 15px 30px;
		font-size: 1.7em;
		text-transform: uppercase;
		position: absolute;
		top: 65px;
		right: 0px;
		width: 59%;

	}




	body.give.stories #stories article {
		margin: 0px 0px 40px 0px;
	}

		body.give.stories  #content .narrow {
			margin-top: 10px;
			width: 300px;
			margin-right: 30px;
		}

		body.give.stories  .scholarship {
			text-transform: uppercase;
			font-weight: bold;
		}

	body.give.stories .section.orange.top {
		text-transform: uppercase;
		height: 300px;
	}

		body.give.stories .section.orange .container {
			padding-top: 30px;
		}

		body.give.stories .section.orange h1 {
			font-weight: bold;
			margin: 0px;
			line-height: initial;
			font-size: 3.75em;
		}

		body.give.stories .section.orange p {
			font-size: 1.5em;
		}

	body.give.stories .gmark {
		bottom: 125px;
	}

	body.give.stories .section.morestories .container {
		padding: 30px 10px 20px 10px;
	}

	body.give.stories .section.morestories .narrow {
		font-size: 3em;
		text-align: center;
	}

	body.give.stories .section.morestories .wide {
		margin: 15px 0px 0px 0px;
	}
		body.give.stories .section.morestories .wide h2 {
			margin: 0px;
		}
*/

	body.give.herolanding #secnav {
		display: none;
	}

	body.give #intro {
		position: fixed;
		background-image: url(/give/images/hero-landing-blue-grainger.jpg);
		background-position: center center;
	}


		body.give #intro p {
			margin: 0px;
			line-height: 1.1em;
		}

		body.give #intro .campaign {
			padding-top: 6vh;
			display: inline-block;
			text-transform: uppercase;
			font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
		}

			body.give #intro .campaign .imark {
				float: left;
				padding: 0px 20px 0px 0px;
				border-right: 3px solid #ffffff;
				font-size: 11px;
				letter-spacing: 1px;
				font-weight: bold;
			}

				body.give #intro .campaign .imark img {
					width: 35px;
				}

			body.give #intro .campaign .title {
				float: left;
				padding: 0px 0px 0px 20px;
			}

			body.give #intro .campaign .title p {
				line-height: 27px;
				font-size: 12px;
				font-weight: bold;
				letter-spacing: 3px;
			}

				body.give #intro .campaign .title .big {
					font-size: 38px;
					letter-spacing: 1px;
				}


		body.give #intro .slogan {
			position: relative;
			margin: 9vh 0px 4vh 0px;
			text-transform: uppercase;
			font-size: 21vh;
			font-family: 'balboa-extra-condensed';
			letter-spacing: .5vh;
		}

			body.give #intro .slogan::after {
				display: block;
				position: relative;
				margin: 0px auto;
				bottom: 10px;
				content: '';
				background-color: #e84a27;
				width: 215px;
				height: 8px;
			}

		body.give #intro .invitation {
			font-size: 2.4rem;
			max-width: 730px;
			margin: 0px auto;
			line-height: 1.2em;
			font-family: "adobe-garamond-pro";
		}

		body.give #intro .scroll {
			margin: 10vh 0px 0px 0px;
			font-weight: bold;
			text-transform: uppercase;
			color: #ffffff;
			position: relative;
			display: inline-block;
			width: 106px;
			transition: all ease-in-out 0.2s;
		}

			body.give #intro .scroll::after {
				display: block;
				position: absolute;
				content: "";
				width: 100%;
				height: 18px;
				top: 35px;
				left: 0px;
				background-image: url(/give/images/scroll.png);
				background-repeat: no-repeat;
				background-position: center center;
				background-size: contain;
				transition: all ease-in-out 0.2s;
			}


	body.give #lead_together .container {
		padding: 150px 0px;
	}


	body.give #lead_together::after {
		content: '';
		display: block;
		width: 200%;
		transform: rotate(-11deg);
		background-image: url(/give/images/stripe.png);
		z-index: -1;
		bottom: -48%;
		height: 900px;
		position: absolute;
		left: -50%;
	}


	body.give #campaign_priorities .slidenav ul {
		height: 215px;
		margin: 0px;
		list-style-type: none;
	}

		body.give #campaign_priorities .slidenav ul li {
			position: relative;
			float: left;
			width: calc(20% - 10px);
			height: 180px;
			margin: 0px 5px;
			background-color: #ffffff;
		}
			body.give #campaign_priorities .slidenav ul li a {
				display: table-cell;
				width: 25%;
				height: 180px;
				font-size: 1.15em;
				font-weight: bold;
				text-align: left;
				color: #13294B;
				padding: 0px 20px 0px 30px;
				vertical-align: middle;
			}

			body.give #campaign_priorities .slidenav ul li.active {
				background: #13294B;
			}

				body.give #campaign_priorities .slidenav ul li.active::after {
					border-color: #e84a27 transparent;
					border-style: solid;
					border-width: 20px 20px 0px;
					bottom: -20px;
					content: "";
					display: block;
					left: calc(50% - 20px);
					position: absolute;
					width: 0px;
				}

				body.give #campaign_priorities .slidenav ul li.active a {
					background-color: #e84a27;
					color: #ffffff;
				}

	body.give #giving_opportunities ul {
		margin: 0px 0px 60px 0px;
		list-style-type: none;
		overflow: auto;
	}

		body.give #giving_opportunities ul li {
			float: left;
			margin: 0px 10px;
			width: calc(20% - 20px);
			height: 225px;
			box-sizing: border-box;
			background-color: #ffffff;
			font-size: 1.3em;
			font-weight: bold;
		}

			body.give #giving_opportunities ul li a {
				color: #07274E;
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				padding: 50px 10px 10px 10px;
				background-repeat: no-repeat;
				background-position: center top;
			}

				body.give #giving_opportunities ul li a:hover {
					color: #ffffff;
					background-color: #e84a27;
				}

				body.give #giving_opportunities ul li a .fas {
					font-size: 75px;
					margin-bottom: 25px;
					display: block;
				}



	body.ways-to-give article {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		padding-left: 20px;
		margin: 0px 0px 5px 0px;
	}

		body.ways-to-give article .fundname {
			background-color: #5A98C4;
			text-transform: uppercase;
			color: #ffffff;
			padding: 4px 12px;
			width: 75%;
			float: left;
			margin: 0px 3px 0px 0px;
			height: 34px;
			box-sizing: border-box;
		}
			body.ways-to-give article .fundname.white {
				background-color: #ffffff;
			}

		body.ways-to-give article .fundfield {
			float: left;
			box-sizing: border-box;
		}

			body.ways-to-give article .fundfield input[type=text] {
				width: 140px;
				height: 34px;
				text-align: center;
				border: 1px solid #616061;
				box-sizing: border-box;
				padding: 0px 18px;
			}

			body.ways-to-give article .fundfield input[type=submit] {
				width: 140px;
				height: 34px;
				box-sizing: border-box;
			}

	body.ways-to-give #students h2::before { content: "\f501"; }
	body.ways-to-give #faculty h2::before { content: "\f51c"; }
	body.ways-to-give #facilities h2::before { content: "\f1ad"; }
	body.ways-to-give #special h2::before { content: "\f542"; }
	body.ways-to-give #ways h2::before { content: "\f06b"; }



	body.give.evs #evs-intro {
		background-image: url(/give/images/EVSMatch.Students.jpg);
		background-position: center 7%;
	}



		/* resonance listing */
	body.give.evs #why_give .container {
		background-image: url(//ws.engr.illinois.edu/blogs/viewphoto.aspx?id=26463&s=500);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
		width: 440px;
		padding: 40px 10px 40px 510px;
	}


		body.give.evs #why_give .container h2 {
			font-family: "Vinyl", sans-serif;
			color: #f26221;
			font-size: 3.5em;
		}



/* give/make-a-gift.asp */
body.give.make-a-gift {
	position: absolute;
	overflow: initial;
	margin: 0px;
	width:100%;
	height: 100vh;
	top: 0px;
}
	
/* giving slideshow */
body.give.make-a-gift header,
body.give.make-a-gift footer,
body.give.make-a-gift #secnav,
body.give.make-a-gift #about {
	display: none;
}


#giving_slideshow {
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100vh;
}

	#giving_slideshow .slick-slide {
		width: 100%;
		height: 100vh;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

#giving_form {
	display: table;
	position: relative;
	width: 900px;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
	box-shadow: 0px 0px 55px -5px #000000;
	animation-duration: 1.5s;
	animation-name: float-up2;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes float-up2 {
    0% {
        top:500px;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    35% {
        top: -20px;
    }
    100% {
        top: 100px;
    }
}

#giving_form #imark a {
	display: block;
	text-indent: -99999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(/give/images/givelogo.png);
	background-size: contain;
	background-position: left center;
	width: 250px;
	height: 54px;
	margin: 0px 0px 30px 0px;
}

#giving_form form {
	margin: 0px;
	display: table;
}


	#giving_form input, #giving_form select, #giving_form textarea {
		border: 1px solid #888888;
		border-radius: 3px;
		resize: none;
		font-size: 18px;
		font-weight: 300;
		outline: none;
		line-height: 1.2em;
		padding: 10px 10px 10px 10px;
		height: auto;
	}

		#giving_form input[type=button], #giving_form input[type=submit] {
			background-color: #e84a27;
			color: #ffffff;
			border: 2px solid transparent;
			font-weight: bold;
			padding: 10px 10px 10px 10px;
			min-width: 120px;
			cursor: pointer;
			transition: all 0.5s ease;
		}

			#giving_form input[type=button]:hover, #giving_form input[type=submit]:hover {
				background-color: #ffffff;
				color: #e84a27;
				border: 2px solid #e84a27;
			}

#giving_form h1 {
	font-weight: normal;
	font-size: 1.7rem;
	color: #e84a27;
	margin: 0px 0px 30px 0px;
}


#giving_form #cart .row p {
	line-height: 1em;
}

#giving_form #options {
	display: table-cell;
	vertical-align: top;
	padding: 60px;
	width: 663px;
}
#giving_form #cart {
	display: table-cell;
	width: 237px;
	height: 100%;
	background-image: url(/give/images/diagonal_waves.png);
	background-repeat: repeat;
	padding: 150px 25px 70px 25px;
}


#giving_form #cart #contactus {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 266px;
	display: block;
}

#giving_form #options .row {
	border-top: 1px solid #efefef;
	margin-top: 26px;
	padding-top: 26px;
}

	#giving_form #options .row label {
		display: block;
		line-height: 1.3em;
		vertical-align: middle;
		margin-bottom: 9px;
	}

	#giving_form #options .row label[for=engr_fund] {
		display: inline-block;
		width: 300px;
	}

	#giving_form #options .row select,
	#giving_form #options .row input#other_fund {
		width: 300px;
	}

	#giving_form #options .row input[type=text] {
		width: 94px;
	}

#giving_form #cart .row {
	margin: 0px 0px 15px 0px;
	background-color: #ffffff;
	border-radius: 3px;
	border: 1px solid silver;
	padding: 4px 5px;
	position: relative;
}
	#giving_form #cart .row p {
		margin: 0px 0px 10px 0px;
	}

#giving_form #cart label {
	font-weight: bold;
	font-size: 0.7rem;
}


#giving_form #cart .dollar {
	font-weight: bold;
	font-size: 1rem;
}

	#giving_form #cart .row.total .dollar {
		font-size: 2rem;
		vertical-align: baseline;
	}

#giving_form #cart input[type=text] {
	border: none;
	width: 138px;
	pointer-events: none;
	padding: 0px;
	font-size: 1rem;
	font-weight: bold;
}

	#giving_form #cart .row.total input[type=text] {
		font-size: 2rem;
		vertical-align: baseline;
	}

#giving_form #cart input[type=submit] {
	width: 100%;
}

#giving_form #cart .remove-fund {
	float: right;
	margin: 0px 0px 5px 5px;
}















/* expandobox*/

.expandobox {
	border: 2px solid #cacaca;
	border-radius: 4px;
	background-color: #ffffff;
	margin: 0px 0px 35px 0px;
}


	.expandobox h2::before { 
		content: ''; 
		display: block; 
		position: absolute;; 
		box-sizing: border-box;
		top: 0px;
		left: 0px;
		width: 175px; 
		height: 100%;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 75px;
		padding: 45px;
	}



	.expandobox h2 {
		position: relative;
		height: 170px;
		box-sizing: border-box;
		margin: 0px;
		cursor: pointer;
		color: #e84a27;
		font-size: 2.5em;
		letter-spacing: initial;
		padding: 60px 30px 30px 175px;
		text-align: left;
		background-repeat: no-repeat;
		background-position: 35px center;
		transition: all ease-in-out 1s;
	}

		.expandobox h2::after {
			content: "\f063";
			color: #e84a27;
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			display: block;
			position: absolute;
			right: 50px;
			top: 63px;
			transition: all ease-in-out 1s;
		}

	.expandobox.expanded h2 {
		background-color: #e84a27;
		color: #ffffff;
	}

		.expandobox.expanded h2::after {
			color: #ffffff;
			transform: rotate(90deg);
		}

	.expandobox .inner {
		display: none;
		padding: 20px 60px;
		text-align: left;
	}

		.expandobox .inner h3 {
			font-size: 30px;
			margin: 60px 0px 20px 0px;
			font-weight: bold;
		}

		.expandobox .inner p {
			margin: 0px 0px 20px 0px;
		}

		.expandobox .inner p:last-child {
			margin: 0px 0px 60px 0px;
		}

		.expandobox .inner .button {
			background-color: #ffffff;
			color: #e84a27;
			border: 2px solid #e84a27;
			width: 310px;
		}






	/* corporate page formatting */
	body.corporate #intro {
		background-image: url(/images/slides/D81_0664.jpg);
	}

	/* calendar page formatting */
	body.calendar #intro {
		background-image: url(/images/slides/DSC_0588-cropped.jpg);
	}

	/* newsroom page formatting */
	body.newsroom.resonance .newslist article {
		height: 300px;
	}

	body.newsroom.resonance .photo, body.newsroom.alumninews .photo {
		float: right;
		width: 250px;
	}

		body.newsroom.resonance .photo img, body.newsroom.alumninews .photo img {
			width: 100%;
			margin: 6px;
			box-shadow: 1px 1px 3px #474747;
		}

	body.ten-answers #intro {
			padding: 40px 0px 0px 0px;
			min-height: initial;
	}

		body.ten-answers #intro .container {
			background-image: url(/images/photo-assets/10-answers.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #2B6D9D;
			height: 336px;
			padding: 0px;
		}

		body.ten-answers #intro h1 {
			position: absolute;
			font-family: 'Vinyl', sans-serif;
			font-size: 8em;
			color: #ffffff;
			line-height: 0.47em;
			margin: 0px 0px 0px 0px;
			padding: 40px 0px 0px 15px;
			width: 110px;
			height: 75px;
			top: 60px;
			left: 80px;
			border-top: 3px solid #ffffff;
			border-left: 3px solid #ffffff;
		}

			body.ten-answers #intro h1 small {
				font-size: 52%;
			}

		body.ten-answers #intro .callout {
			background-color: transparent;
			font-family: 'Dosis';
			color: #ffffff;
			font-size: 2.5em;
			text-transform: uppercase;
			width: 300px;
			text-align: right;
			padding: 40px 150px 30px 20px;
			height: 225px;
			background-image: url(/images/quote-white.png);
			background-repeat: no-repeat;
			background-position: top right;
			position: absolute;
			top: 70px;
			right: 30px;
		}

			body.ten-answers #intro .callout p {
				line-height: 0.7em;
			}





	body.newsroom.experts #intro {
			padding: 40px 0px 0px 0px;
			min-height: initial;
	}

		body.newsroom.experts #intro .container {
			background-image: url(/images/photo-assets/banner-meet-an-expert.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #2B6D9D;
			height: 336px;
			padding: 0px;
		}

		body.newsroom.experts #intro h1 {
			position: absolute;
			font-family: 'Vinyl', sans-serif;
			font-size: 8em;
			color: #ffffff;
			line-height: 0.58em;
			width: 420px;
			top: 20px;
			left: 90px;
		}

			body.newsroom.experts #intro h1 small {
				font-size: 40%;
			}




	body.newsroom.field-report #intro {
			padding: 40px 0px 0px 0px;
			margin-bottom: 40px;
			min-height: initial;
	}

		body.newsroom.field-report #intro .container {
			background-image: url(/images/photo-assets/banner-field-report.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #2B6D9D;
			height: 336px;
			padding: 0px;
		}

		body.newsroom.field-report #intro h1 {
			position: absolute;
			font-family: 'Vinyl', sans-serif;
			font-size: 8em;
			color: #ffffff;
			line-height: 0.58em;
			width: 420px;
			top: 45px;
			left: 125px;
		}

			body.newsroom.field-report #intro h1 small {
				font-size: 40%;
				text-indent: -29px;
				display: block;
			}





	/* about/shop page formatting */
	body.about.shop .medium {
		width: 500px;
	}

	body.about.shop .boxshadow {
		padding: 20px;
		background-image: url(/images/photo-assets/D81_1321.jpg);
		background-size: cover;
	}

		body.about.shop .boxshadow ul {
			font-size: 0.85em;
			margin: 0px;
			list-style-type: none;

		}

			body.about.shop .boxshadow ul li {
				line-height: inherit;
			}

	#site_search_404 {
		width: 200px;
	}

	#error404 {
		font-family: 'Rajdhani', sans-serif;
		color: #231F20;
	}

		#error404 .container {
			background-image: url(/images/404-sad-robot.png);
			background-repeat: no-repeat;
			background-position: 140px bottom;
			background-size: initial; 
			height: 600px;
		}

	#error404 h1 {
		font-family: 'Rajdhani', sans-serif;
		font-weight: bold;
		font-size: 4.5em;
		line-height: 1.2em;
	}

		#error404 h1 .big {
			font-size: 1.8em;
		}

	#error404 h2 {
		font-family: 'Rajdhani', sans-serif;
		font-weight: bolder;
		font-size: 1.5em;
	}

		#error404 form {
			margin: 0px 0px 0px 10px;
		}

		#error404 input[type="text"] {
			font-size: 1.0em;
			font-family: 'Rajdhani', sans-serif;
		}

		#error404 input[type="submit"] {
			font-family: 'Rajdhani', sans-serif;
			text-transform: uppercase;
			font-weight: bold;
		}


		#error404 .fleft.narrow {
			padding-top: 100px;
			width: 170px;
		}

		#error404 p {
			font-size: 1.2em;
			line-height: 1.1em;
		}

		#error404 .button {
			padding: 5px 10px;
			margin: 0px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1.1em;
		}
		
		/*building reservation formatting*/
		body.buildings.ecereservationpolicy table td{vertical-align: top;}
}
	

/* promo bands */
@media all {

	/* resonance listing */
	#promo-resonance .container {
		background-image: url(/newsroom/resonance/images/2017-wintercover-ad.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
		width: 440px;
		height: 290px;
		padding: 40px 10px 40px 510px;
	}


		#promo-resonance .container h2 {
			font-family: "Vinyl", sans-serif;
			color: #f26221;
			font-size: 3.5em;
		}

	/* impact promo*/
	#promo-impact.section {
		padding: 0px;
		color: #ffffff;
		background-color: #8088AB;
	}




	#promo-impact .container {
		height: 400px;
		width: 600px;
		padding: 40px 10px 0px 275px;
		background: url("/images/rise-up-people.png") no-repeat scroll 113px bottom / 65% auto rgba(0, 0, 0, 0);
	}

	#promo-impact.section h2 {
		display: block;
		font-family: "Vinyl",sans-serif;
		font-size: 8.6em;
		left: 20px;
		line-height: 0.8em;
		margin: 0px;
		position: absolute;
		top: 114px;
		width: 230px;
		letter-spacing: -3px;
	}


	#promo-impact.section h3 {
		display: block;
		font-family: "Vinyl",sans-serif;
		font-size: 1.95em;
		left: 590px;
		letter-spacing: -1px;
		line-height: 0.9em;
		position: absolute;
		top: 269px;
		width: 231px;
	}

	#promo-impact.section a.button {
		display: block;
		left: 625px;
		position: absolute;
		top: 324px;
	}



	#promo-visit {
		background-image: url(/images/photo-assets/plan-your-visit.png);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		height: 430px;
		background-color: #038F9B;
		color: #ffffff;
	}

		#promo-visit .container {
			width: 440px;
			padding: 60px 10px 40px 510px;
		}


		#promo-visit h2 {
			font-size: 2.5em;
			margin: 0px 0px 40px 0px;
		}

		#promo-visit p {
			font-size: 1.5em;
			margin: 0px 0px 40px 0px;
		}

	#promo-open-lab .container {
		background-image: url(/images/photo-assets/10-OPENLAB.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: -200px top;
		height: 290px;
		width: 470px;
		padding: 40px 10px 40px 480px;
	}

		#promo-supply-center .container {
		background-image: url(/images/photo-assets/D81_1321.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 440px center;
		height: 360px;
		width: 364px;
		padding: 45px 550px 0px 10px;
	}
		#promo-ece-shop .container {
		background-image: url(/images/photo-assets/D81_1289-cropped.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 440px center;
		height: 280px;
		width: 364px;
		padding: 45px 550px 0px 10px;
	}

			#promo-supply-center .container .inner .medium {
				width: 425px;
			}

	#promo-building {
	}

		#promo-building .container {
			background-image: url(/images/photo-assets/building-campaign.jpg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: left top;
			height: 290px;
			width: 420px;
			padding: 40px 10px 40px 530px;
		}
			


		#promo-building h2 {
		}

		#promo-building p {
		}


	#promo-corporate {
		background-image: url(/images/photo-assets/blue-wires-banner.jpg);
		background-color: #474747;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 326px;
		color: #ffffff;
	}

		#promo-corporate h2 {
			font-size: 3.8em;
			font-weight: 600;
			line-height: 1.3em;
			position: absolute;
			width: 500px;
			right: 0px;
			top: 75px;
		}

		#promo-corporate .button {
			position: absolute;
			left: 76px;
			top: 170px;
		}



		#promo-experts #expert-featured {
			background-color: #c6d2d7;
			color: #214152;
			height: 480px;
		}

		#promo-experts #expert-featured article {
			float: none;
			margin: 0px;
			position: initial;
			width: auto;
		}


		#promo-experts #expert-featured h2 {
			font-size: 3.5em;
			width: 400px;
			line-height: 1em;

		}
	
		#promo-experts #expert-featured h2 .big {
			font-size: 1.2em;
			font-weight: 600;
		}
		#promo-experts #expert-featured .thumb {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 500px;
			height: 480px;
		}

			#promo-experts #expert-featured .story {
				position: absolute;
				left: 8px;
				top: 275px;
				width: 400px;
			}
				#promo-experts #expert-featured .story h3 {
					font-size: 3em;
					line-height: 1em;
				}

				#promo-experts #expert-featured .story .description {
					font-size: 1.5em;
				}

	#promo-experts #expert-search {
		height: 160px;
	}

	#promo-experts #expert-search .fleft, #promo-experts #expert-search .fright {
		margin: 0px;
	}
	#promo-experts #expert-search label {
		font-size: 2.1em;
		text-transform: uppercase;
	}

	#promo-experts #expert-search .fright {
		margin-top: 6px;
		margin-right: 80px;
	}
	#promo-experts #expert-search .fright input[type=text] {
		width: 325px;
		padding: 10px;
		margin-right: 1px;
	}

		#promo-experts #expert-search .fright input[type=submit] {
			padding: 9px;
			text-transform: uppercase;
			border: none;
			background-color: #7b7b7b;
			font-weight: bold;
			font-family: "Dosis";

		}

	#promo-why-ece  .container {
		background-image: url(/images/photo-assets/DSC_0012-cropped.jpg);
		background-size: contain;
		background-position: 440px center;
		background-repeat: no-repeat;
		height: 350px;
		width: 400px;
		padding: 45px 550px 0px 10px;
	}
	
	
	#promo-why-ece-majors  .container {
		background-image: url(/images/photo-assets/UI-02-141110-164-2.jpg);
		background-size: contain;
		background-position: 440px center;
		background-repeat: no-repeat;
		display: flex;
		width: 400px;
		padding: 45px 550px 0px 10px;
	}
	
	
	body.academics.grad #promo-MEng {
		background-image: url(/images/photo-assets/D81_1289.jpg);
		background-size: cover;
		background-position: right;
		background-repeat: no-repeat;
		display: flex;
	}
	
	
	#promo-MS  .container {
		background-image: url(/images/photo-assets/522.jpg);
		background-size: contain;
		background-position: 0px center;
		background-repeat: no-repeat;
		display: flex;
		width: 400px;
		padding-left: 530px;
	}
	
	
	body.academics.grad #promo-PhD {
		background-image: url(/images/photo-assets/D81_1321-cropped.jpg);
		background-size: cover;
		background-position: right;
		background-repeat: no-repeat;
		display: flex;
	}
	
	
	#promo-ignition2  .container {
		background-image: url(/images/photo-assets/img_0658_cropped.png);
		background-size: contain;
		background-position: 440px center;
		background-repeat: no-repeat;
		height: 400px;
		width: 400px;
		padding: 45px 550px 0px 10px;
	}


	#promo-ignition {
		background-image: url(/images/photo-assets/img_0658_cropped.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

		#promo-ignition .haze {
			height: 350px;
		}


		#promo-facebook  {
			background-image: url(/images/facebook-band-idea.jpg);
			background-size: contain;
			height: 400px;
			background-repeat: no-repeat;
			background-position: center center;
			background-color: #3B5997;
		}
		#promo-facebook a {
			display: block;
			width: 100%;
			height: 400px;
			text-indent: -99999px;
		}



	#promo-other-campus-calendars .container {
		background-image: url(/images/photo-assets/UI-01-060329-029.jpg);
		background-size: contain;
		background-position: 480px center;
		background-repeat: no-repeat;

	}

    #promo-events {
		text-align: center;
		background-image: url(/images/photo-assets/cropped-Alma.png);
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-position: center 50px;
		height: 375px;
	}
	
	#promo-launch {
		text-align: center;
		background-image: url(/images/photo-assets/launch.png);
		background-color: #00b5d9;
		background-repeat: no-repeat;
		background-position: center 50px;
		height: 375px;
	}
	
	#promo-launch-beyond {
		text-align: center;
		background-image: url(/images/photo-assets/Launch-beyond.png);
		background-color: #00b5d9;
		background-repeat: no-repeat;
		background-position: center 43px;
		height: 275px;
	}

	#promo-launch .button {
		margin-top: 125px;
	}

	#promo-launch h1, #promo-launch h2, #promo-launch h3 {
		text-indent: -999999px;
	}

	body.launch #promo-launch {
		height: 235px;
		background-position: center 25px;
	}

	#promo-graduate-research .container {
		background-image: url(/images/photo-assets/DSC_1792-cropped.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 450px;
		width: 500px;
	}


	#promo-alumni-news .container {
		background-repeat: no-repeat;
		background-position: right top;
		background-size: 500px auto;
		height: 300px;
		padding-right: 410px;
		width: 540px;
	}

	#promo-alumni-news h2 {
		text-align: left;
		margin: 0px 0px 20px 0px;
	}

	#promo-merchandise .container {
		background-image: url(/images/photo-assets/hacker-shirt.png);
		background-repeat: no-repeat;
		background-position: left 30px;
		background-size: contain;
		height: 300px;
		padding-left: 550px;
		width: 400px;
	}

	#promo-seminars .container {
		background-image: url(/images/ece-seminars.png);
		background-repeat: no-repeat;
		background-position: left 30px;
		background-size: contain;
		height: 280px;
		padding-right: 500px;
		width: 450px;
	}
/*
	#promo-apply .container {
		width: 400px;
		height: 225px;
		background-image: url(/images/check-mark.png);
		padding: 60px 10px 40px 310px;
		background-position: 100px 60px;
		background-repeat: no-repeat;
		background-size: initial;
	}

	#promo-apply h2 {
		font-size: 2.5em;
		text-align: center;
		font-family: 'vinyl', sans-serif;
		text-transform: none;
	}

	#promo-apply p {
		font-size: 1.2em;
	}
*/


	.promo-apply .container {
		padding: 30px 10px;
		height: 105px;
	}

	.promo-apply h2 {
		float: left;
		width: 32%;
		font-size: 2.5em;
		text-align: center;
		font-family: 'vinyl', sans-serif;
		text-transform: none;
		margin: 10px 0px 0px 0px;
	}

	.promo-apply p {
		width: 41%;
		float: left;
		font-size: 1.2em;
		margin-right: 40px;
	}
	
/* RISE UP section */

	#rise-up-header { overflow: auto; border-bottom: 5px solid #ffffff; }
	#rise-up-header.section h2 {
		display: block;
		font-family: "Vinyl",sans-serif;
		font-size: 8.6em;
		left: 20px;
		width: 300px;
		line-height: 0.8em;
		margin: 0px;
		letter-spacing: -3px;
	}
	#rise-up-subheader.section h2 {
		color: #ffffff;
		font-weight: normal;
		font-family: "Vinyl",sans-serif;
	}
	#rise-up-give-back.section h1 {
		font-size: 1.5em;
    	margin: 0px;
		letter-spacing: 1px;	
	}
	#rise-up-give-back.section .container {
		padding: 10px;
	}
	#rise-up-connect.section { border-bottom: 20px solid #F46308; }
	#rise-up-connect.section h4 {
		font-family: "Droid Sans",​sans-serif;
		font-size: 1.0rem;	
		font-weight: bold;
	}
	#rise-up-connect a.arrow-link {
		color: #F36314;
		font-family: "Dosis", ​sans-serif;
		text-transform: uppercase;
		font-weight: normal;	
	}
	#rise-up-connect a.arrow-link.large {
		font-size: 1.4rem;
	}

/* scrollbar for webkit */
@media (min-width: 3960px), print {

	::-webkit-scrollbar {
		width: 15px;
		border-right: 1px solid #ffffff;
	}
	/* this targets the default scrollbar (compulsory) */

	::-webkit-scrollbar-track {
		background-color: #bfbfbf;
	}
	/* the new scrollbar will have a flat appearance with the set background color */

	::-webkit-scrollbar-thumb {
		background-color: #474747;
	}
	/* this will style the thumb, ignoring the track */

	::-webkit-scrollbar-button {
		background-color: #373737;
		height: 15px;
	}
	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

	::-webkit-scrollbar-corner {
		background-color: black;
	}

	-moz-appearance {
		scrollbartrack-vertical: #f0f0f0;
		scrollbarthumb-vertical: #e84a27;
	}
}


/* print mods */
@media print
{
	body { 
		border: none !important; 
		background: none !important; 
		margin: 0px !important; 
		padding: 0px  !important; 
		display: block !important;
		width: auto;
	}
	
	header, #mainnav, #secnav, #about, footer  { display: none !important; }

	.clearfix
	{
		margin: 0px !important;
		display: block !important;
		border: none !important;
	}



}