/* College of Engineering Styles */

/*COLORS

orange (header):			#DF6226	-- #FA6300
light orange:				#FEEFDF	
very light orange:			#FEF7F0			
dark blue (footer):			#2F3541
header blue:				#00346d
medium blue (social):		#105EA1
light blue (accordions):	#6685A7
very light blue (intro):	#CCD6E2
green (sidebars):			#949C50
dark green (rollovers):		#4D7335
light grey (background):	#EEEEEE

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize / Reset
2.0 Typography
3.0 Images & Video
4.0 Layout Elements
	4.1 Left Sidebar
		4.1.1 Left Sidebar Navigation
	4.2 Right Sidebar
	4.3 Top Navigation and Mega Menus
	4.4 Accordion
	4.5 Forms
	4.6 Profiles & Directory
	4.7 News, Newsletter, Pinboard
	4.8 Bands
	4.9 Webtools Calendars
5.0 Tables
6.0 Footer
7.0 Home Page
8.0 Landing Pages
9.0 Special Styles - used on one or just a few pages
10.0 JQuery Overrides
11.0 Browser Compatibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

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, font, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

iframe {width: 100%;} /*prevent iframes from breaking html container and causing responsive scaling problem*/

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

a { color: #00346D; line-height: inherit; }
a:hover { color: #df6226; text-decoration: underline; }
a:focus { color: #df6226; outline: none; }
p a, p a:visited { line-height: inherit; }
.invisible { display: none; }
.required { color: #ce421e; font-weight: bold; }
b, strong { font-weight: 700; }
ol li { list-style-type: decimal !important; }
ol li ul li { list-style-type: disc !important; }
.center { text-align: center; }
img.center { margin-left: auto; margin-right: auto; }

#content ul.nospace li, #content ul li { margin-bottom: 0; }
#content ul.noindent { margin: 0; padding: 0; margin-left: 1.75rem; } 
#content ul.noindent li { margin: 0; padding: 0; padding-bottom: 0.5rem; }
#content ul.nobullet { margin-left: 0; }
#content ul.nobullet li { list-style-type: none; }

#content p.row { padding: 0; padding-bottom: 10px; margin: 0; margin-bottom: 5px; border-bottom: 1px solid #B4B0AB; }

.two-columns {
	-webkit-column-count: 2;
  	-webkit-column-gap: 1%; /* Saf3, Chrome*/
  	-moz-column-count: 2;   
  	-moz-column-gap: 1%; /* FF3.5+ */
  	column-count: 3;        
  	column-gap: 1%; /* Opera 11+*/
}

a.button {
	color: #ffffff !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important; font-size: 1.4rem !important;
	line-height: 14px !important; line-height: 1.4rem !important;
	text-decoration: none;
	padding: 10px 20px !important;
	background-color: #949c50;
    background-image: none;
    border-bottom: 1px solid #949c50;
    border-radius: 0px;
    border-top: 1px solid #949c50;
    box-shadow: none;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
    transition: background 0.1s ease-in 0s; -moz-box-shadow 0.1s ease-in 0s;
}
a.button:hover {
	background-color: #4d7335;
}
a.button-smalltext {
	color: #ffffff !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important; font-size: 1.4rem !important;
	line-height: 14px !important; line-height: 1.4rem !important;
	text-decoration: none;
	padding: 10px 20px !important;
	background-color: #105EA1;
    background-image: none;
    border-bottom: none;
    border-radius: 0px;
    box-shadow: none;
    display: inline-block;
    width: auto;
    position: relative;
    text-align: center;
    transition: background 0.1s ease-in 0s; -moz-box-shadow 0.1s ease-in 0s;
}
a.button-smalltext:hover {
	background-color: #131F33;
}
a.button-smalltext.fixedwidth { min-width: 45%; }
a.smallbutton {
	display: inline-block;
	color: #ffffff !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 12px !important; font-size: 1.2rem !important;
	line-height: 12px !important; line-height: 1.2rem !important;
	text-decoration: none;
	padding: 5px 8px 5px 8px !important;
	margin: 0px 5px 0px 0px;
	background: #105EA1;
	border-radius: 0px;
    width: auto;
    position: relative;
    text-align: center;
    transition: background 0.1s ease-in 0s;
    -moz-box-shadow 0.1s ease-in 0s;
}
a.smallbutton:hover {
	background: #ffffff; color: #105EA1 !important;
}
a.mediumbutton {
	display: inline-block;
	color: #8a7a67 !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 16px !important; font-size: 1.6rem !important;
	line-height: 16px !important; line-height: 1.6rem !important;
	text-decoration: none;
	padding: 6px 10px 6px 10px !important;
	margin: 0px 5px 0px 0px;
	background: #f2ede6;
	border-radius: 3px 3px 3px 3px;
    width: auto;
    position: relative;
    text-align: center;
    text-transform: uppercase !important;
    transition: background 0.1s ease-in 0s;
    -moz-box-shadow 0.1s ease-in 0s;
}
a.mediumbutton:hover {
	background: #8a7a67; color: #f2ede6 !important;
}
button.button {
	color: #ffffff !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important; font-size: 1.4rem !important;
	line-height: 14px !important; line-height: 1.4rem !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 10px !important;
	background-color: #4d7335;
    background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4));
    border-bottom: 1px solid #949c50;
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #949c50;
    box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
    display: block;
    width: auto;
    position: relative;
    text-align: center;
    transition: background 0.1s ease-in 0s; -moz-box-shadow 0.1s ease-in 0s;
}
button.button:hover {
	background-color: #949c50;
}

a.button-outline {  
	display: block;
	height: 60px;
	padding: 10px;
	background: #e4eaee;
	color: #105EA1;
	border: 1px solid #105EA1;
	text-decoration: none;
	font-size: 13px; font-size: 1.3rem;
	font-weight: bold;
	line-height: 15px; line-height: 1.5rem;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}
a.button-outline:hover {
	background: #105EA1;
	color: #ffffff;	
}
a.textbutton {
	display: inline-block;
	text-transform: uppercase; 
	font-weight: 700;
	text-decoration: none;
	padding: 5px 10px;
	color: #00346C;
	border: 1px solid #00346C;
	margin-bottom: 10px;
}
a.textbutton:hover {
	background: #00346C;
	color: #ffffff;
}
.button-menu a { 
	margin-bottom: 10px;
	display: block; 
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
}

.element-invisible {
	clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
}
.left { float: left; margin-right: 20px; }
@media only screen and (max-width: 768px) { .left { float: none; } }
.right { float: right; margin-left: 20px; }
@media only screen and (max-width: 768px) { .right { float: none; } }
.fleft {
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 1px 1px 1px 1px;
}
.fcenter {
	float: none;
	text-align: center;
	padding: 1px 1px 1px 1px;
}
.fright {
	float: right;
	margin: 0px 0px 20px 15px;
	padding: 1px 1px 0px 1px;
}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: bold; }
.not-bold { font-weight: normal; }

/*--------------------------------------------------------------
3.0 Images
--------------------------------------------------------------*/

/* --- Illinois 150 --- */

#illinois150 {
  	width: 60px;
	height: 76px;
  	display: block;
  	position: relative;
}
#illinois150 a {
	width: 60px;
	height: 76px;
  	display: block;
	text-indent: -9999px;
}

#illinois150 a::after {
  	content: "";
  	background: url('/images/IL150_logo_primary_white_80.png');
  	background-size: cover;
  	opacity: 0.5;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	position: absolute;
  	z-index: -1;  
  	text-indent: -9999px; 
}
#illinois150 a:hover:after {
  	opacity: 0.9;
}


/* --- optional top photos on inner pages --- */

#top-photo { 
	position: relative;
	top: 137px; 
	z-index: 0;
}
#top-photo img {
	width: 960px;
	height: auto;
}
img.topphoto { 
	position: relative;
	top: 137px; 
	z-index: 0; 
	width: 960px;
	height: auto;
}

/* --- tilted photos on landing pages or in feature boxes --- */

img.left-tilted-photo {
	-webkit-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9); 
	-moz-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9);
	box-shadow: 2px 1px 3px 1px rgba(100, 100, 100, 0.9);
	border-style: outset;
	border: 5px solid #ffffff;
	margin-top: -35px;
	margin-bottom: 20px;
	margin-right: 30px;
	/*behavior:url('-ms-transform.htc');*/
    /* Firefox */
    -moz-transform:rotate(-5deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-5deg);
    /* Opera */
    -o-transform:rotate(-5deg);
    /* IE9 */
    -ms-transform:rotate(-5deg);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}
img.left-tilt {
	-webkit-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9); 
	-moz-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9);
	box-shadow: 2px 1px 3px 1px rgba(100, 100, 100, 0.9);
	border-style: outset;
	border: 5px solid #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	/*behavior:url('-ms-transform.htc');*/
    /* Firefox */
    -moz-transform:rotate(-5deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-5deg);
    /* Opera */
    -o-transform:rotate(-5deg);
    /* IE9 */
    -ms-transform:rotate(-5deg);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}
img.right-tilt {
	-webkit-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9); 
	-moz-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9);
	box-shadow: 2px 1px 3px 1px rgba(100, 100, 100, 0.9);
	border-style: outset;
	border: 5px solid #ffffff;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 20px;
	/*behavior:url('-ms-transform.htc');*/
    /* Firefox */
    -moz-transform:rotate(5deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(5deg);
    /* Opera */
    -o-transform:rotate(5deg);
    /* IE9 */
    -ms-transform:rotate(5deg);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}

/* decorative photos - used on right sidebars -------------*/

.decorative-photo {
	width: 240px;
	float: right;
	position:relative;
	top: 0px;
	padding: 0px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 14px; font-size: 1.4rem; 
	line-height: 18px; line-height: 1.8rem;
	margin: 0 -40px 0 40px;
	color: #dfe1ca;
	background: #949c50;
	font-style: italic;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
}
.decorative-photo:after {
	content:" ";
	border-top: 10px solid #4d7335;
	position:absolute;
	bottom:-10px;			
	border-right:20px solid transparent;
	right:0;
}
.decorative-photo img {		
	
}
.decorative-photo div.caption {
	padding: 10px;
}

.photo {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin: 2px 12px 5px 12px;
	padding: 5px 5px 5px 5px;
}
.article .photo img 
{
	margin: 0px 0px 0px 0px;
	border: none;
	width: 100%;
}
.article .photo .caption {
	color: #666666;
	font-size: 10px; font-size: 1.0em;
	text-align: left;
	line-height: 18px; line-height: 1.8rem;
}

iframe.video { margin-bottom: 20px; }

/*--------------------------------------------------------------
4.0 Layout Elements
--------------------------------------------------------------*/

html, body { height: 100%; }
html { font-size: 62.5%; }
body { 
	color: #3c3c3c; 
	background: #eeeeee; 
	padding: 0; margin: 0; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 13px; font-size: 1.3rem; 
	line-height: 16px; line-height: 1.6rem; 
	font-weight: 300; 
	position: relative; 
	-webkit-font-smoothing: antialiased; 
}

#container {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
}
.column { width: 200px; }
.column-wide { width: 423px; }
.column-full { width: 100%; }

#w {
	position: relative;
}


#header {
	width: 960px;
	height: 0px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}
#site-name {
	position: relative;
	float: right;
	width: 350px;
	height: 70px;
	padding: 25px 20px 0px 0px;
}
body.home #site-name {
	position: relative;
	float: left;
	height: 80px;
	padding: 20px 20px 20px 20px;
}
.site-name {
	position: relative;
	float: right;
	font-size: 13px; font-size: 1.3rem;
	line-height: 13px; line-height: 1.3rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.08rem;
	padding-top: 17px;
	padding-right: 20px;
	z-index: 2;	
}
.site-name h1 { font-weight: normal; }

body.sidebar-right #site-name { top: 0px; } 
body.topphoto #site-name { top: 340px; }
body.topphoto.video-header #site-name {
    top: 525px;
}

body.home div.site-name {
	position: absolute;
	display: block;
	top: 15px;
	left: 80px;
	width: 500px;
	font-size: 28px; font-size: 2.8rem;
	line-height: 18px; line-height: 2.8rem;
	-webkit-text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9); 
	-moz-text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9);
	text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9);
}
.site-name span.eng { font-weight: bold; }
.site-name a { color: #636363 !important; text-decoration: none; transition: all 0.25s ease-in-out 0s; }

body.home div.site-name a { color: #ffffff !important; text-decoration: none; transition: all 0.25s ease-in-out 0s; }

.site-name a:hover {
	color: #969696;
	text-decoration: none;
}
body.home div.site-name a:hover {
	color: #ffffff;
	-webkit-text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9); 
	-moz-text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9);
	text-shadow: 1px 1px 2px rgba(52, 52, 52, 0.9);
}

#breadcrumb {
	text-transform: capitalize; 
	position: relative; 
	margin: 20px 20px 40px 20px; 
	color: #b4b0ab; 
	font-size: 11px; font-size: 1.1rem; 
	line-height: 11px; line-height: 1.1rem; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
}

#breadcrumb a { color: #b4b0ab; text-decoration: none; font-weight: normal; }
#breadcrumb a.current-page { font-weight: bold; } 

#content {
	position: relative;
	top: 137px;
	z-index: 0;
	padding: 0px;
	padding-bottom: 60px;
	background: #ffffff;
	font-size: 13px; font-size: 1.3rem;
	line-height: 24px; line-height: 2.4rem;
}
#content ul li {
	margin: .02em 0 .5em 35px;
}

body.topphoto #content h1, body.sidebar-right #content h1 { position: relative; }
body.sidebar-right #content { position: relative;  }
body.sidebar-right.topphoto #content h1 { position: relative; top: 0px; }

body.topphoto #content { position: relative; top: 133px; padding-bottom: 40px; }
body.topphoto.video-header #content { top: 75px; }

#main-column { width: 720px; position: relative; top: 0px; padding: 0px 20px 30px 10px; float: left; }
#main-column.related-news {padding-left: 5%;}
body.topphoto #main-column { position: relative; }
body.alumni-landing #main-column { position: relative; top: 0px; }
body.alumni-landing.landing #main-column { position: relative; top: -30px; }
#main-column h2:first-child { margin-top: -20px; }
body.sidebar-right #main-column { 
	position: relative;
	width: 500px;
}
body.no-sidebars #main-column { width: 100%; padding: 0px 20px 0px 20px; margin-top: -30px; }
body.landing #main-column { top: 0px; padding-bottom: 60px; }
body.no-left-sidebar.sidebar-right #main-column {
	width: 720px;
	padding: 0px 20px;
}

#content h1 {
	background: #131F33;
	color: #ffffff;
	border-bottom: 3px solid #105EA1;
	width: 100%;
	z-index: 10;
	position: relative;
	left: 0px;
	padding: 25px 280px 25px 20px;
	margin: 0 0 0 0px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 400; 
	font-style: normal;
	text-transform: uppercase;
	font-size: 23px; font-size: 2.3rem;
	line-height: 26px; line-height: 2.6rem;
	text-decoration: none;
	letter-spacing: 0.08rem;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.25s ease-in-out 0s;
}
#content h1 a { text-decoration: none; color: #ffffff; }
#content h1:before {
	display: none;
}
#content h1 a:hover { color: #ccd6e2; }

body.topphoto #content h1 {
	background: #131F33;
	color: #ffffff;	
}

/*
body.magazine #content h1 {	
	color: #00346D;
	border-bottom: 5px solid #105EA1;
	background: #ffffff;	

	background: #00346D;
	border-bottom: 5px solid #105EA1;
	color: #ffffff;	
	
}*/

#content h2 { 
	color: #FA6300;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 24px; font-size: 2.4rem; 
	line-height: 28px; line-height: 2.8rem;
	margin-bottom: 1.4rem;
	margin-top: 3.8rem; 
}
#content h2.border { padding-bottom: 5px; border-bottom: 1px solid #FA6300; }
#content h2.nomargin { margin-bottom: 0; }
#content #main-column h2:first-child { margin-top: 15px; }

#content #main-column .article { margin-top: -10px; }
#content h3 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 20px; font-size: 2.0rem; 
	line-height: 22px; line-height: 2.2rem;
	margin-top: 2.8rem;
	margin-bottom: 0.4rem;
	font-weight: bold;
}
#content h4 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 15px; font-size: 1.5rem; 
	line-height: 28px; line-height: 2.8rem;
	font-weight: bold;
	color: #636363
}
#content h5 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 13px; font-size: 1.3rem; 
	line-height: 20px; line-height: 2.0rem;
}
#content p, #content ul { margin-bottom: 2.0rem; }
#content li { list-style-type: disc; margin-left: 1.8rem; margin-bottom: 1.8rem; }
#content .intro { 
	color: #6D88A0; 
	font-size: 18px; font-size: 1.8rem; 
	line-height: 22px; line-height: 2.2rem; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 300; 
	font-style: italic; 
	margin: 5px 0 2.8rem 0; 
}
#content .intro a { color: #6D88A0; text-decoration: none; }
#content .intro-small { 
	color: #8a7a67; 
	font-size: 16px; font-size: 1.6rem; 
	line-height: 26px; line-height: 2.6rem; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-style: none;
	font-weight: normal; 
	margin: 5px 0 2.8rem 0; 
}

#content .pullout { background: #ccd6e2; color: #00346D; margin: 40px; }
body.sidebar-right #content .pullout { margin: 40px 0px; }
#content .pullout h2 { 
	color: #ffffff;
	background: #6685a7;
	padding: 10px 20px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 16px; font-size: 1.6rem;
    font-weight: bold;
    line-height: 20px; line-height: 2.0rem;
    margin: 0; 
}
#content .pullout .content-inner { padding: 10px 20px 10px 20px; }
#content .pullout .content-inner blockquote { 
	padding: 10px 0px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 26px; line-height: 2.6rem;
	font-weight: normal;
}
#content .quote { 
	width: 80%; 
	border: 1px solid #ccd6e2; 
	background: rgba(204, 214, 226, 0.2);
	color: #6685a7; 
	margin: 40px 20px; 
	padding: 20px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 20px; font-size: 2.0rem;
    line-height: 30px; line-height: 3.0rem; 
	font-weight: normal;
}

/*--- home magazine styles ---*/
body.home.magazine #content {top:75px; padding-bottom: 0px;}

body.home.magazine #content .gifts {margin-top: -8px;}
body.home.magazine #content .gifts p {font-weight: 500;}

body.home.magazine #footer {top: 75px;}

body.home.magazine #content #big-feature h2 {
color: #FFF;
font-family: "Gotham SSm A","Gotham SSm B",Helvetica,Arial,sans-serif;
font-size: 2rem;
line-height: 2rem;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
text-align: left;
letter-spacing: inherit;
transition: all 0.25s ease-in-out 0s;
}

/*--- directory styles --- */


		#content ul.dirlist {
		 	margin: 0px;
			list-style-type: none;
		}

		#content ul.dirlist li {
		 	float: left;
		 	width: calc(25% - 20px);
			margin: 0px 10px 20px 10px;
			list-style-type: none;
		}

		#content ul.dirlist li .role {
		 	background-color: #f0f0f0;
		}

		#content ul.dirlist li .photo {
		 	width: 100%;
		 	height: 250px;
		 	background-size: cover;
		 	background-position: center center;
		 	background-repeat: no-repeat;
			padding: 0px;
			margin: 0px;
			border: none;
		}

		#content ul.dirlist li .nametitle {
		 	padding: 10px 10px 0px 10px;
			margin: 0px 0px 10px 0px;
			height: 100px;
			overflow: hidden;
			line-height: 1em;
		}

		#content ul.dirlist li .nametitle div {
		 	margin: 0px 0px 8px 0px;
		}

		#content ul.dirlist li .name {
		 	font-weight: bold;
		}

		#content ul.dirlist li .name a {
		 	text-decoration: none;
		}

		#content ul.dirlist li .contact {
		 	padding: 10px;
			overflow: auto;
		}

		#content ul.dirlist li .contact .dept {
		 	text-transform: uppercase;
		}

		#content ul.dirlist li .contact div.phone,
		#content ul.dirlist li .contact div.email {
			float: right;
			display: inline-block;
			text-align: center;
		}

		#content ul.ui-tabs-nav {
		 	overflow: auto;
		 	width: 100%;
			width: 80px;
			list-style-type: none;
			margin: 0px 10px 20px 10px;
			position: relative;
			float: left;

		}

		#content ul.ui-tabs-nav.fixed {
		 	top: 100px;
		 	position: fixed;
		}

		#content ul.ui-tabs-nav li {
		 	margin: 0px 5px 5px 0px;
			padding: 0px;
			list-style-type: none;
			display: block;
		}
		#content ul.ui-tabs-nav li.ui-state-active a {
		 	background-color: #949c50;
			color: #ffffff;
		}

		#content ul.ui-tabs-nav li a {
		 	display: block;
			text-align: center;
			padding: 0px 0px;
			text-decoration: none;
			width: 100%;
		}

		#content ul.ui-tabs-nav li:hover {
		 	background-color: #ffffff;
		}

		#sortable {
		 	width: calc(100% - 100px);
		 	margin-left: 100px;
		}

		ul.dirbuttons {
		 	width: 90px;
		 	list-style-type: none;
		 	margin: 0px 10px 20px 10px;
		}

		#content ul.dirbuttons li {
		 	margin: 0px 5px 5px 0px;
			padding: 0px;
			list-style-type: none;
			display: inline-block;
		}



#expert_search_listing { display: inline-block; }
.directory_office_title  {
	background: none repeat scroll 0 0 #6685A7;
	color: #FFFFFF;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
	line-height: 20px; line-height: 2.0rem;
	margin: 2px 0 0;
	padding: 10px 20px;
}
.directory_office_title:hover {
	cursor: pointer;
}
.directory_office {
	display: inline-block; 
	width: 100%;
	border-bottom: 1px solid #CCD6E2;
	border-left: 1px solid #CCD6E2;
	border-right: 1px solid #CCD6E2;
	font-size: 1.2rem;
	line-height: 1.7rem;
	padding: 20px 5px 20px 5px;		                    
}                
.directory_person {
	float: left; 
	margin: 0px 14px 10px 14px; 
	width: 141px; 
	height: 200px; 
	line-height: 1.6rem; 
	overflow: hidden; 
}

#content .directory_photo .item-background {
	opacity: 1;
	transition: all 0.25s ease-in-out 0s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 141px;
	height: 141px;
}

/*--------------------------------------------------------------
4.1 Left Sidebar
--------------------------------------------------------------*/

body.no-sidebars #sidebar-left 
{
	display: none;
}

#sidebar-left 
{
	padding: 0px; 
	width: 240px; 
	position: relative; 
	float: left;
}
#sidebar-left .sidebox {
	background-color: #105fa1 !important;
	color: #ffffff !important;
	margin-right: 20px;
}
#sidebar-left .sidebox a.smallbutton {
	background-color: #131f33;
	border-top: none;
	border-bottom: none;
}
#sidebar-left .sidebox a:hover.smallbutton {
	background-color: #ffffff;
	color: #131f33 !important;
}
#sidebar-left h2  
{
	position: absolute; 
	width: 0px; 
	height: 0px; 
	text-indent: -9999px;
}
#sidebar-left h3 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 1.0em;
	margin-top: 0.5em;
}
#sidebar-left p {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
body.sidebar-right #sidebar-left, 
body.topphoto #sidebar-left  
{
	position: relative; 
}
#sidebar-left .sidebox img {
	position: relative;
	right: 20px;
	top: -20px;
}

#sidebar-left div.sidebox {
	padding: 20px 20px;
	font-size: 12px; font-size: 1.2rem;
	line-height: 16px; line-height: 1.6rem;
	color: #8a7a67;
	background: -moz-linear-gradient(top,  rgba(248,245,241,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,245,241,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(248,245,241,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(248,245,241,0.25) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(248,245,241,0.25) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(248,245,241,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f8f5f1', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#sidebar-left div.sidebox a.button {
	background: #131F33;
	border-top: none;
	border-bottom: none;
	text-transform: uppercase;
}
#sidebar-left div.sidebox a.button:hover {
	background: #105EA1;
}


/*--------------------------------------------------------------
4.1.1 Left Sidebar Navigation
--------------------------------------------------------------*/

/* --- level 1 --- */

#sidebar-left ul.navigation 
{
	margin: 0px 10px 0px 0px; 
	padding: 0; 
	list-style-type: none;
}
#sidebar-left ul.navigation li 
{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#sidebar-left ul.navigation li a
{
	display: block;
	color: #DF6226;
	background: #ffffff;
	border-bottom: 1px solid #feefdf;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 20px;
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 300; 
	text-transform: uppercase;
	transition: all 0.25s ease-in-out 0s;
}
#sidebar-left ul.navigation li a.external 
{
	background-image: url('/images/external-link-icon.png');
	background-position: top left;
	background-repeat: no-repeat;
	transition: all 0s ease-in-out 0s;
}
#sidebar-left ul.navigation li a:hover, 
#sidebar-left ul.navigation li.active a  
{
	background: #faaf5e; 
	background-image: none; 
	background-position: top right; 
	background-repeat: no-repeat; 
	color: #ffffff; 
}
#sidebar-left ul.navigation li.active a  
{
	font-weight: bold; 
	background: #FA6300;
}

/* --- level 2 --- */

#sidebar-left ul.navigation li ul 
{
	display: none;
	background-color: #f8f8f8;
	margin: 0;
}
#sidebar-left ul.navigation li.active ul 
{
	display: block;
}
#sidebar-left ul.navigation li.active ul li a
{
	display: block;
	color: #DF6226;
	background: #f8f8f8;
	border-bottom: 1px solid #feefdf;
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 7px 30px;
	font-size: 1.1rem;
	line-height: 1.2rem;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;  
	font-weight: 300; 
	text-transform: uppercase;
	transition: all 0.25s ease-in-out 0s;
}
#sidebar-left ul.navigation li.active ul li:first-child a 
{
	border-top: none;
}
#sidebar-left ul.navigation li.active ul li.active a, 
#sidebar-left ul.navigation li ul li a:hover 
{
	background: #feefdf;
}
#sidebar-left ul.navigation li.active ul li.active a { font-weight: bold; }

/* --- level 3 --- */

#sidebar-left ul.navigation li.active ul li ul
{
	border-bottom: 1px solid #feefdf; 
}
#sidebar-left ul.navigation li.active ul li ul li a, 
#sidebar-left ul.navigation li.active ul li.active ul li a
{
	background: #f8f8f8;
	border-bottom: none;
	padding: 5px 10px 5px 40px;
	font-weight: normal;
	text-transform: none;
}
#sidebar-left ul.navigation li.active ul li ul li a:hover, 
#sidebar-left ul.navigation li.active ul li ul li.active a 
{
	background: #fef7f0;
}
#sidebar-left ul.navigation li ul li ul li.active a 
{
	font-weight: bold; 
	color: #DF6226; 
	background: #fef7f0;
}
#sidebar-left ul.navigation li ul li ul li a { border-top: 1px solid #feefdf; }

/* --- level 4 --- */

#sidebar-left ul.navigation li ul li ul li ul { border-bottom: 1px solid #feefdf; padding: 5px 0px 5px 0px; }
#sidebar-left ul.navigation li ul li ul li ul li a, #sidebar-left ul.navigation li ul li.active ul li ul li a {
	display: block;
	color: #DF6226 !important;
	background: #f8f8f8 !important;
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 50px;
	font-size: 1.1rem;
	line-height: 1.2rem;
	font-weight: normal !important;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;   
	font-weight: normal; 
	text-transform: none;
	transition: all 0.25s ease-in-out 0s;
}
#sidebar-left ul.navigation li ul li ul li ul li a:hover, #sidebar-left ul.navigation li ul li ul li ul li.active a { background: #fef7f0 !important; }
#sidebar-left ul.navigation li ul li ul li ul li.active a { font-weight: bold !important; color: #DF6226 !important; background: #fef7f0 !important; }


/* --- social sharing icon plug-in --- */

div.social-sharing-icons { 
	display: block;
	width: 100px; 
	margin-left: 20px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	position: relative; 
}
div.social-sharing-icons span { float: left; margin-bottom: 2px; }

/*--------------------------------------------------------------
4.2 Right Sidebar
--------------------------------------------------------------*/

#sidebar-right {
	float: right;
	position:relative;
	width: 210px;
	padding: 0px;
	background: #949c50;
	color: #dfe1ca;
	margin:0 0px 20px 0px;
	padding: 20px;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.25s ease-in-out 0s;
}
#sidebar-right.light { background-color: #DFE1CA; color: #949D4B; }
#sidebar-right.light a { color: #949D4B; }

#sidebar-right:after {
	display: none;
}
#sidebar-right h3 { 
	font-size: 2.0rem;
	line-height: 2.4rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase; 
	margin-bottom: 2.4rem;
	margin-top: 0px;
}
#sidebar-right h4 { 
	font-size: 2.0rem;
	line-height: 2.0rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: bold; 
	margin-top: 3.8rem;
	margin-bottom: 1.4rem;
}
#sidebar-right a { color: #ffffff; }
#sidebar-right a:hover { color: #4d7335; transition: all 0.25s ease-in-out 0s; }

#sidebar-right ul li { margin-left: 15px;  }

#sidebar-right img { max-width: 170px; height: auto; }

/*--------------------------------------------------------------
4.3 Top Navigation and Mega Menus
--------------------------------------------------------------*/
#nav-icons { float: right; }
#nav-icons li a,
#nav #nav-icons li:first-child a { 
	display: block; 
	width: 80px; 
	height: 33px; 
} 
#nav-icons a.directory {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 150px;
	height: 33px;
	text-align: right;
	text-indent: 0px;
	font-size: 1.2rem;
	line-height: 1.3rem;
	color: #ffffff;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	-webkit-text-shadow: 1px 1px 2px #000000; 
	-moz-text-shadow: 1px 1px 2px #000000;
	text-shadow: 1px 1px 2px #000000;
}

#nav-icons a.search { 
	display: block;
	width: 120px;
	
	/*
	background: url('../images/search-icon.png') top center no-repeat; */ 
}

#engr-branding {
	float: none; margin-right: 20px; margin-top: 3px; display:block;
}
.imark {
	display: block;
	width: 34px;
	height: 49px;
	float:left; 
	margin-left: 10px;
	background: url('//ws.engr.illinois.edu/images/block.i.blue.png') top left;
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/*
body.home #imark {
	float: left;
	position: relative;
	z-index: 2;
}
body.home #imark a { 
	display: block;
	
	background: url('../images/imark50-dark.png') top left no-repeat;
	background-size: contain;
	text-indent: -9999px;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
}
#imark a { 
	display: block;
	width: 39px;
	height: 50px;
	background: url('../images/imark50-dark.png') top left no-repeat;
	background-size: contain;
	text-indent: -9999px;
	transition: all 0.5s ease-in-out 0s;
}
#imark a:hover {
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
}
*/



/* --- Tall Header Styles --- */
#nav.nav-short { height: 77px; padding-top: 13px; position: fixed; }

.nav-short #engr-branding {float: right; display: inline-block;  margin-left: 20px;}
.nav-short .imark { float: right; }
.nav-short ul {float:left;}
#nav.nav-short ul li .mega { top: 77px; }
.engineering.wordmark-right {display:none;}
.engineering.wordmark-left {margin-left: 20px;}
.nav-short .engineering.wordmark-left {display:none;}
.nav-short .engineering.wordmark-right { display: inline-block;}

body.home.magazine.short-header #content {top: 0px;;}
body.home.magazine.short-header #secondary-nav {top: 560px;}
body.topphoto.short-header #secondary-nav, body.magazine.short-header #secondary-nav { top: 445px; }
body.short-header #big-feature-text {bottom: 95px;}
body.home.magazine.short-header #footer {top: 0px;}

body.short-header #content {top: 82px;}
body.sidebar-right.short-header #content {top: 46px;}
body.short-header #secondary-nav {top: 45px;}
body.topphoto.short-header #content {top: 80px;}
body.short-header img.topphoto {top: 85px;}

#nav {
	display: block;
	width: 960px;
	height: 137px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; 
	font-weight: 300;
	font-style: normal;
	padding: 26px 5px 13px 20px;
/*	position: fixed;*/
  	top: 0;
  	z-index: 9999;
	background: rgba(250,99,0,1);
	background: -moz-linear-gradient(top, rgba(250,99,0,1) 0%, rgba(247,85,31,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,99,0,1)), color-stop(100%, rgba(247,85,31,1)));
	background: -webkit-linear-gradient(top, rgba(250,99,0,1) 0%, rgba(247,85,31,1) 100%);
	background: -o-linear-gradient(top, rgba(250,99,0,1) 0%, rgba(247,85,31,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,99,0,1) 0%, rgba(247,85,31,1) 100%);
	background: linear-gradient(to bottom, rgba(250,99,0,1) 0%, rgba(247,85,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6300', endColorstr='#f7551f', GradientType=0 );
	}
#nav ul { margin: 0; padding: 0; margin-left: 10px; }
#nav ul li { margin: 0; padding: 0; list-style-type: none; float: left; margin-top: 11px; }
#nav ul li a {
	color: #ffffff;
	padding: 40px 14px 26px 14px;
	margin: 0;
	font-size: 13px; font-size: 1.3rem;
	line-height: 13px; line-height: 1.3rem;
	font-weight: 600;
	text-decoration: none;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;  
	text-transform: uppercase;
	-webkit-text-shadow: none; 
	-moz-text-shadow: none;
	text-shadow: none;
	transition: all 0.25s ease-in-out 0s;
}
#nav ul li:first-child a { padding: 12px 18px 13px 0px; }
#nav ul li a:hover, #nav ul li.active a { color: #fad0a3/*#faaf5e*/; cursor: default; }

#nav ul li.icon a {
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 18px;
}

.mega-directory li a {font-family:'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;}
#nav ul li.icon a:hover {
	cursor: pointer;
}

#nav a.home-icon {
	display: block;
	width: 18px;
	height: 17px;
	background: url('../images/home-icon.png') top left no-repeat;
	text-indent: -9999px;
	transition: all 0.25s ease-in-out 0s;
	margin-right: 10px;
}
#nav a.home-icon:hover {
	background: url('../images/home-icon-on.png') top left no-repeat;
}

#nav li.directory:hover p.directory {display: block; }
#nav p.directory {
	position: absolute; 
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	background-color: white;
	padding: 5px;
	bottom: -15px;
	margin-left: -20px;
	display:none;
}

/* --- secondary nav --- */

#secondary-nav { 
	position: absolute;
	top: 139px;
	right: 0px;
	text-align: right;
	width: 260px;
	/*width including news icon -- width: 300px;*/
	height: 70px;
	padding: 25px 20px 0px 0px;
}
body.home #secondary-nav {
	position: absolute;
	top: 655px;
	right: 0px;
	width: 100%;
	background: #131f33;
	border-top: 3px solid #055CA3;
	height: 60px;
	padding: 15px 20px 20px 20px;
	z-index: 100;
	text-align: right;
}

body.home.magazine #secondary-nav {
	position: absolute;
	top: 625px;
	right: 0px;
	width: 100%;
	background: #131f33;
	border-top: 3px solid #055CA3;
	height: 60px;
	padding: 15px 20px 20px 20px;
	z-index: 100;
	text-align: right;
}
body.topphoto #secondary-nav, body.magazine #secondary-nav { 
	top: 495px;
}

#secondary-nav a {
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 22px;
}
#secondary-nav a:hover {
	color: rgba(255, 255, 255, 0.7);
}
body.topphoto #secondary-nav a {
	color: #ffffff;
}
body.topphoto #secondary-nav a:hover {
	color: rgba(255, 255, 255, 0.7);
}

body.home #secondary-nav a {
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 22px;
	padding: 36px 8px 30px 8px;	
}
body.home #secondary-nav a:hover {
	color: #105EA1;
}
#secondary-nav ul { list-style-type: none; margin: 0px; padding: 0px; }
body.home #secondary-nav ul { float: right; }
#secondary-nav ul li.icon {
	float: left;
	position: relative;
}
/*
#secondary-nav #search-menu {
	visibility: hidden; 
	opacity: 0;	
	overflow: hidden; 
	background: #efefef;
	width: 180px;
	height: auto;
	position: absolute;
	top: -12px;
	right: 50px;
	padding: 15px 10px 10px 10px;
}
#secondary-nav ul li a.search:hover #search-menu {
	visibility: visible;
	opacity: 1;
	z-index: 100;
	transition-delay: 0.5s;
	background: #efefef;
	width: 180px;
	height: auto;
	position: absolute;
	top: -12px;
	right: 50px;
	padding: 15px 10px 10px 10px;
}
*/
#secondary-nav #site-search { float: right; margin-left: 10px; }
#secondary-nav #site-search label {
	display: none;
}

#secondary-nav #site-search-submit-button {
	border-radius: none;
	border: none;
	background: #105EA1;
	color: #ffffff;
	padding: 3px;	
}
.tooltip {
    display: inline;
    position: relative;
}

/*
.tooltip:hover:after {
    color: #ffffff;
    content: attr(name);
	left: -25px;
    padding: 3px 8px;
    position: absolute;
	top: 20px;
    z-index: 98;
    width: auto;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;   
	font-size: 10px;
	text-transform: uppercase;
}
body.home .tooltip:hover:after {
    bottom: 0px;
    left: -50%;
}
*/

/* --- horizontal, full-width secondary nav --- */
#subnav {
	position: relative;
	overflow: auto;
	width: 100%;
	height: auto;
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 20px;
}
#subnav ul { list-style-type: none; margin: 0; padding: 0; }
#subnav ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
#subnav ul li a {	
	display: block;
	color: #105EA1;	
	padding: 13px 17px;
	font-size: 13px;
	line-height: 12px;
	font-weight: 600;
	text-transform: none;
	text-decoration:none;
	border: 1px solid #105EA1;
	margin-right: 10px;
	margin-bottom: 10px;
}
#subnav ul li a:hover {	
	background: #ededed;
}


/* --- mega menus --- */

#nav ul li .mega {
	position: absolute;
	visibility: hidden; 
	opacity: 0;	
	background: #ffffff;
	overflow: hidden;
	top: 133px;
	left: 0;
	width: 100%;
	min-height: 420px; /* if not same for all, use auto */
	margin: 0px auto 0px auto;
	padding: 0px;
	-webkit-box-shadow: 2px 1px 2px 1px rgba(52, 52, 52, 0.4); 
	-moz-box-shadow: 2px 1px 2px 1px rgba(52, 52, 52, 0.4);
	box-shadow: 2px 1px 2px 1px rgba(52, 52, 52, 0.4);
	font-size: 1.2rem; 
	line-height: 1.8rem;
	transition-delay: 0.75s;
}
#nav ul li:hover .mega {
	visibility: visible;
	opacity: 1;
	z-index: 1000;
	transition-delay: 0.5s;
}
#main-column .mega { margin-top: -20px !important; }
#nav ul li .mega a { 
	padding: 0;
	margin: 0;
	color: #FA6300;
	font-size: 1.2rem;
	line-height: 1.2rem;
	line-height: 1.2rem; 
	text-decoration: none; 
	text-transform: none; 
	text-shadow: none;
	transition: all 0.25s ease-in-out 0s;
}
#nav ul li .mega a:hover { color: #8a7a67; cursor: pointer; }
#nav ul li .mega h2 { 
	font-size: 2.2rem;
	line-height: 2.2rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 20px 20px 15px 20px;
	color: #dcd7d1;
}
#nav ul li .mega h2 span.bold { font-weight: bold; }
#nav ul li .mega h3, #nav ul li .mega h3 a {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1.0rem;
	color: #8a7a67;
}
#nav ul li .mega h4, #nav ul li .mega h4 a {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.6rem;
	margin-top: 1.8rem;
	color: #FA6300;
}
#nav ul li .mega li {
	/*list-style-image: url('../images/bullet-square-orange.gif'); margin-left: 1.4rem; */
	margin: 0px;
	padding: 0px;
	float: none;
}
#nav ul li .mega ul.spaced li {
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	margin-left: 0rem;
	float: none;
}
#nav ul li .mega ul.spaced li a {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 1.0rem 0rem;
	border-bottom: 1px solid #dcd7d1;
}
#nav ul li .mega ul.small-spaced li {
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	margin-left: 0rem;
	float: none;
}
#nav ul li .mega ul.small-spaced li a {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.7rem;
	padding: 0.5rem 0rem;
	border-bottom: 1px solid #dcd7d1;
}
#nav ul li .mega ul.spaced li a.large {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: bold;
	padding: 1.0rem 0rem;
	border-bottom: 1px solid #dcd7d1;
}
#nav ul li .mega ul.spaced li.noborder a { 
	border-bottom: none; 
	font-size: 1.6rem;
	line-height: 1.6rem;  }
#nav ul li .mega a span.notation {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: normal;
	text-transform: none;
	color: #8a7a67;
	margin: 1.0rem 0;
} 
#nav ul li .mega .nav-column { 
	width: 320px;
	float: left; 
	color: #343434; 
	padding: 10px 20px 10px 20px;
	padding-bottom: 20px;
	z-index: 3;
}
#nav ul li .mega .nav-feature {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 320px;
	float: right;
	background: #343434;
	color: #dcd7d1;
	font-size: 1.2rem; 
	line-height: 1.6rem;
	overflow: hidden;
}
#nav ul li .mega .nav-feature p { margin-bottom: 1.2rem; }
#nav ul li .mega .nav-feature h2 { color: #8a7a67; }
#nav ul li .mega .nav-feature img { width: 100%; }
#nav ul li .mega .nav-feature a { color: #8a7a67; text-decoration: underline; } 
#nav ul li .mega .nav-feature h3 {
	font-size: 1.6rem;
	line-height: 2.0rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1.0rem;
	margin-top: 0;
	color: #8a7a67;
}
#nav ul li .mega .nav-feature-inner { padding: 20px; display: block; position: relative; }

/* --- external link markers --- */

.mega ul li a.external { background-image: url('/images/external-link-icon.png'); background-position: top left; background-repeat: no-repeat; transition: all 0s ease-in-out 0s; }
.mega ul li a.external-right { background-image: url('/images/external-link-icon.png'); background-position: top right; background-repeat: no-repeat; transition: all 0s ease-in-out 0s; }


/* --- search pop-down 

#secondary-nav #search-menu {
	position: absolute;
	visibility: hidden;
	opacity: 0;	
	background: #ffffff;
	overflow: hidden;
	top: 177px;
	left: 0;
}
#secondary-nav ul li a:hover #search-menu {
	visibility: visible;
	opacity: 1;
	z-index: 100;
	transition-delay: 0.5s;
}
#secondary-nav #search-menu a { 
	display; inline; 
	width: auto; 
	height: auto; 
	color: #ffffff; 
	text-indent: 0; 
	background: none; 
	visibility: visible; 
	font-size: 1.2rem; 
	line-height: 1.8rem; 
}
#secondary-nav #search-menu a:hover { color: #faaf5e; }
#secondary-nav #search-menu {
	width: 300px;
	min-height: 50px !important;
	position: absolute;
	top: 77px;
	left: 660px;
	padding: 20px 10px 20px 10px;
	text-align: right;
	background: ffffff;
	color: #000000;
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
}--- */
#search { float: right; width: 18px; height: 17px; }
#search label { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 2.0rem;
    line-height: 2.0rem;
    font-weight: bold;
	margin: 0 !important; 
	padding: 0 !important; 
	color: #ffffff; 
	float: left; 
	width: auto; 
}
#search form { width: 240px; float: right; padding-left: 10px; }
#search input#submit-button { 
	background: #ffffff; border: none; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 1.3rem; line-height: 2.3rem; text-transform: uppercase; 
}

/* --- "landing page" styles - restyle mega menu content as pages --- */

#main-column .mega .nav-feature { padding-bottom: 30px; }
#main-column .nav-feature img { width: auto; float: right; margin-left: 20px; margin-bottom: 20px; }
#main-column .mega h2 { display: none; }
#main-column .nav-feature h3 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	margin-bottom: 10px;
}
#main-column .nav-column ul li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 1.4rem; }
#main-column .nav-column ul li a.large { 
	font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 10px;
    text-decoration: none; 
    color: #FA6300;
}
#main-column .nav-column ul li a span.notation { font-size: 1.3rem; line-height: 1.5rem; color: #5f5f5f; }
#main-column .nav-column ul.small-spaced li { margin-bottom: 0; }
#main-column .nav-column ul.noindent { margin: 0; }
#main-column .nav-column h3:first-child { margin-top: 0px; } 
#main-column .directory-search { margin-top: 0px; margin-right: -50px; }

/* --- menu-specific mega settings --- */

#nav ul li .mega-admissions {
	background: #ffffff url('/images/admissions-mega-bg.jpg') bottom right no-repeat;
	background-position: 280px 160px;
}
.mega-admissions .nav-feature .feature-photo { width: 319px; height: 180px; background: url('/images/rohit-megamenu.jpg') top left no-repeat; }
.mega-academics .nav-feature .feature-photo { width: 319px; height: 246px; background: url('/images/academics-mega-UI-04-121213-009.jpg') top left no-repeat; }
.mega-research .nav-feature .feature-photo { width: 319px; height: 180px; background: url('/images/research-microscope.jpg') top left no-repeat; }
.mega-student-life .nav-feature .feature-photo { width: 319px; height: 180px; background: url('/images/student-life-UI-01-060329-017.jpg') top left no-repeat; }
.mega-engage .nav-feature .feature-photo { width: 320px; height: 246px; background: url('/images/EVS-engage-mega-menu.png') top left no-repeat; }
.mega-news .nav-feature .feature-photo { width: 320px; height: 246px; background: url('/images/menu-feature-walking-biobot.jpg') top left no-repeat; }
#nav ul li .mega-student-life {
	background: #ffffff url('/images/studentlife-mega-bg.jpg') bottom right no-repeat;
	background-position: 220px 140px;
}
#nav ul li .mega-news {
	background: #ffffff url('/images/news-mega-bg.jpg') bottom right no-repeat;
	background-position: 0px 0px;
}
#nav ul li .mega-news #socialize { width: 300px; height: 40px; position: absolute; left: 340px; top: 370px; z-index: 2; }
#nav ul li .mega-news #socialize a { display: block; height: 39px; text-indent: -9999px; float: left;  }
#nav ul li .mega-news #socialize a.facebook { width: 41px; background: url('/images/socialize-facebook.png') top left no-repeat; }
#nav ul li .mega-news #socialize a.twitter { width: 40px; background: url('/images/socialize-twitter.png') top left no-repeat; }
#nav ul li .mega-news #socialize a.youtube { width: 40px; background: url('/images/socialize-youtube.png') top left no-repeat; }
#nav ul li .mega-news #socialize a.instagram { width: 41px; background: url('/images/socialize-instagram.png') top left no-repeat; }
#nav ul li .mega-news #socialize a.fieldnotes { width: 119px; background: url('/images/socialize-fieldnotes.png') top left no-repeat; }
#nav ul li .mega-directory ul.contacts li { margin-bottom: 0.75rem; }

/* --- directory search --- */

.directory-search { float: right; margin-right: 20px; position: relative; margin-top: 0px; }
.directory-search label {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1.0rem;
	color: #dcd7d1;
}

/* --- mobile nav menu --- */

#navmenu {
	background: #343434;  
    height: 100%;  
    display: block;  
    position: fixed;  
    width: 300px;  
    left: 0px;  
    top: 0px;  
    z-index: 0;  
}

/* --- skip navigation link (accessibility) --- */

#skip a, #skip a:hover, #skip a:visited {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus {
position:static;
width:auto;
height:auto;
} 

#nav-mobile-icon { display: none; }
#w #navpanel { display: none; }

/*--------------------------------------------------------------
4.4 Accordion
--------------------------------------------------------------*/

#accordion h3, .ui-accordion .ui-accordion-header { 
	color: #ffffff;
	background: #6685a7;
	padding: 6px 20px 6px 10px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.5rem;
    margin: 0;
    margin-top: 2px; 
    transition: all 0.25s ease-in-out 0s; 
    border: 1px solid #00346D;
    border-radius: 4px;
}
span.ui-accordion-header-icon { 
	display: block; float: left; width: 7px; height: 7px; 
	background: url('/images/arrow-right.png') top left no-repeat; margin-top: 4px; 
	margin-right: 5px; transition: all 0.25s ease-in-out 2s;  
}
#accordion h3.ui-state-active, .ui-accordion div.ui-accordion-header-active { 
	background: linear-gradient(to top, #00346D 0%, #6685a7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
}
.ui-accordion div.ui-accordion-header-active span.ui-accordion-header-icon,
.ui-accordion h3.ui-state-active span.ui-accordion-header-icon { 
	background: url('/images/arrow-down.png') top left no-repeat; 
}
.ui-accordion .extDirectoryList, #accordion div { 
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px;  }
#accordion h3:hover { cursor:pointer; cursor:hand; }
#accordion h4 { margin-bottom: 1.0rem; margin-top: 1.0rem; }
#accordion div { 
	border-left: 1px solid #ccd6e2;
	border-right: 1px solid #ccd6e2;
	border-bottom: 1px solid #ccd6e2; 
	padding: 20px; 
	font-size: 1.2rem; 
	line-height: 1.7rem; 
}

/*--------------------------------------------------------------
4.5 Forms
--------------------------------------------------------------*/

form input { margin-bottom: 7px; }
form fieldset h3 { padding-bottom: 5px; margin-bottom: 17px !important; margin-right: 60px; border-bottom: 1px solid #B4B0AB; }
form.fullpage input { width:356px; }
form.fullpage input[type="submit"] { width: auto; }
form.fullpage input.short { width:116px; }
form.fullpage .label { width: 260px; float: left; }
form.fullpage .field { float: left; }

/*--------------------------------------------------------------
4.6 Profiles & Directory
--------------------------------------------------------------*/

#content .extProfile .extProfileHeader { display: inline-block; width: 100%; margin: 0px 0px 20px 0px; line-height: 2rem; }
#content .extProfile .extProfileHeader .extProfileName h2 { margin-bottom: 5px; }
#content .extProfile .extProfileHeader ul li { list-style-type: none; }
.extProfileUnitName { margin-bottom: 10px; font-style: italic; }
.extProfileName { margin: 0px 0px 0px 0px; }
.extProfilePhoto {background-color: #FFFFFF; border: 1px solid #DDDDDD; margin: -60px 12px 5px 12px; padding: 5px 5px 5px 5px; float: right; width: 200px; }
.extProfilePhoto img { margin: 0px 0px 0px 0px; width: 100%; }
.extProfilePhotoCaption { font-size: 0.8em; line-height: 1.4rem;}
.extProfileRoles {display: inline-block; margin: 0px 0px 15px 0px; width: 450px;}
.extProfileRole { float: left; margin: 0px 30px 10px 0px; }
.extProfileTitle { font-weight: bold; }
.extProfileAffiliationsAdminTitles, .extProfileAffiliationsGroups, .extProfileRoleGroups, .extProfilePhone, .extProfileStreet, .extProfileCity { display: none; }
.extProfileRoleGroups { display: none; }
.extProfileRoleGroups ul { list-style-type: none !important; padding: 0px; margin: 0px; font-style: italic; }

#content .extProfile .extProfileTabsLabel { display: none; }
#content .extProfile #extProfileTabs ul { border-bottom: 1px solid #00346D; list-style-type: none; display: inline-block; padding: 0px 0px 1px 0px; margin: 0px 0px 10px 0px; width: 100%;  line-height: 20px;}
#content .extProfile #extProfileTabs ul li { margin-left: 0px; margin-right: 2px; list-style-type: none; float: left; padding: 0px 5px 0px 0px; }
#content .extProfile #extProfileTabs ul li a {
    background-color: #6685a7;
    border-left: 1px solid #00346D;
    border-right: 1px solid #00346D;
    border-top: 1px solid #00346D;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 3px 6px;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.1rem;
    text-transform: uppercase;
    line-height: 1.5rem;
}
#content .extProfile #extProfileTabs ul li a:hover,
#content .extProfile #extProfileTabs ul li.ui-tabs-active a {
	background: linear-gradient(to top, #00346D 0%, #6685a7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#content .extProfile li { margin-bottom: 0rem; }
#content .extProfile .extProfileName h2,
#content .extProfile .extProfileUnitName,
#content .extProfile .extProfileRoles,
#content .extProfile .extProfileAffiliations { float: left; width: 440px; }
#content .extProfile .extProfileAffiliationsPrimaryArea ul li { margin-left: 1.5rem; padding: 0; list-style-type: disc; }
#content .extProfile .extProfilePhoto { margin: -30px 12px 5px 12px; }

.directory_photo img  { width: 135px; }

#directory_listing tr { border-bottom: 1px dotted #00346D; }
#directory_listing td { padding: 5px; }
#directory_listing th.name { width: 23%; }Tables
#directory_listing th.title {}
#directory_listing th.office {}

#directory_listing .directory_unit_name {
	display: none;
}
#expert_search_listing .directory_person {
	height: 240px;
}
table.dir_research_listing .dir_office { display: none; }


/*--------------------------------------------------------------
4.7 News, Newsletter, Pinboard
--------------------------------------------------------------*/

/* --- newsletter --- */

#content .newsletter { padding-bottom: 10px; border-bottom: 1px solid #B4B0AB; margin-bottom: 20px; }
#content .newsletter h2 { margin-top: 0px; margin-bottom: 10px; }
#content .newsletter img { float: right; margin-left: 20px; margin-bottom: 20px; width: 200px; height: auto; }

/* --- pinboard --- */

#content .pinboard { width: 100%; transition: all 0.25s ease-in-out 0s; }
#content .pinboard .item {
	display: inline-block;
	background: #fbf7f3;
    box-shadow: none;
    overflow: hidden;
	position: absolute;
}
#content .pinboard .filter { 
    color: #B4B0AB;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin-bottom: 25px;
    margin-right: 20px;
}
#content .pinboard .icon {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	color: ffffff;
	text-indent: -9999px;
	z-index: 2;
}
#content .pinboard .date {
	color: #343434;
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-weight: normal;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
}
#content .pinboard .facebook .icon {
	background: url('../images/pinboard-icon-facebook.png') top right no-repeat;
}
#content .pinboard .twitter .icon {
	background: url('../images/pinboard-icon-twitter.png') top right no-repeat;
}
#content .pinboard .blog39 .icon {
	background: url('../images/pinboard-icon-video.png') top right no-repeat;
}
#content .pinboard .item h2 {
	display: block;
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:100%; 
	height:auto; 
	background-color: rgba(220, 215, 209, 0.8); 
	color: #00346d; 
	font-size: 1.2rem;
	line-height: 1.4rem;
	text-align: left;
	margin-top: 10px;
	margin-bottom: -1px !important;
	padding: 5px 10px 5px 10px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	z-index: 1;
	letter-spacing: initial;
	text-transform: initial;
}
#content .pinboard h2.twitter {
	font-size: 1.6rem;
	line-height: 2.0rem;
	background-color: rgba(220, 215, 209, 0.01);
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	position:absolute; 
	top:0px; 
	left:0px;
	margin-bottom: 10px;
	margin-top: 0px; 
}
#content .pinboard .twitter h2 a { color: #00346d; }
#content .pinboard h2 a { 
	text-decoration: none; 
	color: #00346d; 
	transition: all 0.25s ease-in-out 0s; 
}
#content .pinboard h2 a:hover { color: #00346d; }
#content .pinboard .notitle h2 { display: none; }
#content .pinboard .hidden {
	display: none;
}
#content .pinboard .item-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	transition: all 0.25s ease-in-out 0s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}		
#content .pinboard .item-background:hover { opacity: 0.7; }
#content .pinboard .extArticles {
	position: relative;
	height: 880px;
}
#content .pinboard .pbsmall {
	width: 200px;
	height: 200px;
}
#content .pinboard .pbbig {
	height: 420px;
	width: 420px;
}
#content .pinboard .pbx1 { left: 0px; }
#content .pinboard .pbx2 { left: 220px; }
#content .pinboard .pbx3 { left: 440px; }
#content .pinboard .pbx4 { left: 660px; }

#content .pinboard .pby1 { top: 0px; }
#content .pinboard .pby2 { top: 220px; }
#content .pinboard .pby3 { top: 440px; }
#content .pinboard .pby4 { top: 660px; }

.rss-icon {
	display: block;
	width: 32px;
	height: 32px;
	background: url('/images/rss_32.png') top left no-repeat;
	text-indent: -9999px;
}

/* --- news list --- */

#content .news-list { width: 100%; }
#content .news-list .item {
	display: inline-block;
	border-bottom: 1px solid #6685a7;
}
#content .news-list .title { font-size: 1.8rem; line-height: 2.2rem; font-weight: bold; margin-bottom: 0.5rem; }
#content .news-list .title a { color: #FA6300; text-decoration: none; }
#content .news-list .title a:hover { color: #00346d; }

#content .news-list .item .thumb {
	float: left;
	width: 150px;
	margin: 5px 15px 0px 0px;
}

#content .news-list .item-background {
	opacity: 1;
	transition: all 0.25s ease-in-out 0s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 150px;
	height: 150px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #6685a7;
}
#content .news-list .item-background:hover {
	opacity: 0.7;
}
#content .news-list .item .story {
	float: left;
	width: 495px;
}	

#content #in-the-news .item .story .title {
	font-weight: bold;
	font-size: 1.8rem;
}

/* -- news view controls -- */
a.news-icon { display: block; float: left; width: 21px; height: 22px; text-indent: -9999px; margin-left: 10px; }
a.news-tiled-icon-off { background: url('/images/news-tiled-off.gif') top left no-repeat; }
a.news-tiled-icon-on { background: url('/images/news-tiled-on.gif') top left no-repeat; }
a.news-list-icon-off { background: url('/images/news-list-off.gif') top left no-repeat; }
a.news-list-icon-on { background: url('/images/news-list-on.gif') top left no-repeat; }



/*--------------------------------------------------------------
4.8 Bands
--------------------------------------------------------------*/

body.magazine #content h2 {
	text-align: center;	
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 14px; font-size: 1.4rem; 
	line-height: 24px; line-height: 2rem;
	letter-spacing: 0.5rem;
    text-transform: uppercase;
	font-weight: 600;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	margin-bottom: 40px;
	color: inherit;
}


/* --- band color options --- */

body.magazine #content .darker-blue { background: #131f33; color: #ffffff; }
body.magazine #content .dark-blue { background: #121F34; color: #ffffff; }
body.magazine #content .light-blue { background: #055CA3; color: #ffffff; }
body.magazine #content .orange { background: #FD6300; color: #ffffff; }
body.magazine #content .grey { background: #d2d4d6; color: #000000; }
body.magazine #content .white { background: #ffffff; color: #000000; }
body.magazine #content .grey-pattern {  
	background: #d2d4d6 url('/images/geometric-texture-grey.jpg') top center no-repeat; 
	color: #000000;
}
body.magazine #content .blue-pattern {  
	background: #d2d4d6 url('/images/blue-pattern.jpg') top center no-repeat; 
	color: #ffffff;
}
body.magazine #content .orange-pattern {  
	background: #d2d4d6 url('/images/orange-pattern.jpg') top center no-repeat; 
	color: #ffffff;
}
body.magazine #content .wrigley {  
	background: #d2d4d6 url('/images/bands-wrigley.jpg') top center no-repeat; 
	color: #121F34;
}

body.magazine #content a.button {
	display: inline-block;
	background: #131F33;
	color: #ffffff; 
	border: none;
	text-transform: uppercase;
	font-weight: 300;	
}
body.magazine #content a.button:hover {
	background: #005AA5;
}
/* make some exceptions for button colors based on background */
body.magazine #content .dark-blue a.button {
	background: #105EA1;
	color: #ffffff;
}
body.magazine #content .dark-blue a.button:hover,
body.magazine #content .light-blue a.button:hover {
	background: #FA6300;
}

/* --- gifts in action --- */

body.magazine #content .gifts {
	padding: 0px 60px 40px 60px;
	overflow: auto;		
}
body.magazine #content .gifts h2 {
	margin-top: 35px;
}
body.magazine #content .gifts img {
	float: left;
	margin-right: 40px;	
}

body.magazine #content .gifts p.two-columns {
	-webkit-columns: 200px 2;
   	-moz-columns: 200px 2;
    columns: 200px 2;	
}


/* --- tiled photos --- */

body.magazine #content .photos {
	width: 100%;
	padding: 0px 60px 40px 60px;
	line-height: 1.8rem;
	overflow: auto;
}
body.magazine #content .photos h2 {
	color: #131f33;
	margin-top: 35px;
}
body.magazine #content .photos .image {
	color: #000000;	
	padding: 20px;
	width: 31.7%;
	float: left;
	margin: 0px 20px 0px 0px;
	text-align: center;
}
body.magazine #content .photos .image.last { 
	margin-right: 0px; 
}
body.magazine #content .photos .image img { margin-bottom: 20px; }

/* --- #dotheimpossible --- */

body.magazine #content .dotheimpossible {
	width: 100%;
	padding: 0px 60px 30px 60px;
	line-height: 1.8rem;
	overflow: auto;
}
body.magazine #content .dotheimpossible img {
	float: left;
	margin-right: 40px;
	margin-bottom: 15px;	
}
body.magazine #content .dotheimpossible.right img {
	float: right;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 15px;	
}
body.magazine #content .dotheimpossible h2 {
	margin-top: 35px;
}
body.magazine #content .dotheimpossible h3 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0px;
}
body.magazine #content .dotheimpossible p {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.6rem;	
}
body.magazine #content .dotheimpossible a { color: #ffffff; text-decoration: none; }
body.magazine #content .dotheimpossible a:hover { text-decoration: underline; }

/* --- story: headline, text, photo(s) --- */

body.magazine #content .story {
	width: 100%;
	padding: 0px 60px 20px 60px;
	margin-top: 30px;
}
body.magazine #content .story h2 {
	font-size: 37px; font-size: 3.7rem; 
	line-height: 45px; line-height: 4.5rem;
	color: #2F3541;
	font-weight: 900;
	margin-bottom: 40px;
	margin-top: 10px;
	letter-spacing: -0.1rem;	
	text-transform: none;
}
body.magazine #content .story p {
	font-size: 18px;
	line-height: 30px;
	font-family: 'ff-meta-serif-web-pro', serif;	
}
body.magazine #content .story p span.caption {
	font-size: 12px;
	line-height: 8px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	color: #b4b0ab;	
}

body.magazine #content .inset p.caption {
	font-size: 1.4rem;
	font-weight: 500;
    line-height: 2.2rem;
	text-align: center;	
	margin-top: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

/* --- video --- */
body.magazine #content .video {
	padding: 10px 50px 20px 50px;	
}
body.magazine #content .video h2 {
	margin-top: 35px; 
}
body.magazine #content .video p.caption {
	font-size: 1.4rem;
	font-weight: 500;
    line-height: 2.2rem;
	text-align: center;	
	margin-top: 30px;
}

/* --- bigimage --- */

body.magazine #content .bigimage {
	padding: 0px 40px 20px 40px;
	overflow: auto;
}
body.magazine #content .bigimage h2 {
	margin-top: 40px;
	color: #444444;
}
body.magazine #content .bigimage .caption {  
	padding: 20px;
	width: 31.8%;
	float: left;
	margin: 0px 20px 0px 0px;
	min-height: 320px;
}
body.magazine #content .bigimage.nopadding {
	padding: 0px;
	line-height: 0px;
	overflow: hidden;
}

/* --- social --- */

body.magazine #content .social {
	padding: 0px 40px 40px 40px;
	overflow: auto;
}
body.magazine #content .social h2 {
	margin-top: 35px;
}
body.magazine #content .social h3 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 16px; font-size: 1.6rem; 
	line-height: 22px; line-height: 2.2rem;
	font-weight: 300;
	margin: 0px 0px 20px 0px;
	padding: 3px 0px 3px 40px;
	color: #FD6300;
}
body.magazine #content .social .youtube h3 {
	padding: 3px 0px 8px 40px;
}
body.magazine #content .social .twitter {  
	overflow: auto;
	position: relative;
	background: #ffffff;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
}
body.magazine #content .social .twitter .pager a {
	display: block;
	width: 20px;
	margin: 20px 0px;
	font-size: 16px; font-size: 1.6rem; 
	line-height: 22px; line-height: 2.2rem;
	text-decoration: none;	
}
body.magazine #content .social .twitter .pager.previous a {
	position: absolute;
	top: 60px;
	left: 20px;	
}
body.magazine #content .social .twitter .pager.next a {
	position: absolute;
	top: 60px;
	right: 20px;	
}
body.magazine #content .social .twitter .tweet {
	display: inline-block;
	text-align: center;
}
body.magazine #content .social .twitter .tweet a {
	display: inline-block;
	margin: 20px 80px;
	font-size: 1.6rem;
	line-height: 2.2rem;
	color: #000000;
	text-decoration: none;	
}

body.magazine #content .social .facebook,
body.magazine #content .social .instagram,
body.magazine #content .social .youtube {  
	background: #ffffff;
	padding: 20px;
	width: 31.8%;
	float: left;
	margin: 0px 20px 0px 0px;
	min-height: 320px;
}
body.magazine #content .social .youtube { 
	margin-right: 0px; 
}

body.magazine #content .social .twitter h3 {
	background: url('/images/twitter-orange.gif') top left no-repeat;
}
body.magazine #content .social .facebook h3 {
	background: url('/images/facebook-orange.gif') top left no-repeat;
}
body.magazine #content .social .instagram h3 {
	background: url('/images/instagram-orange.gif') top left no-repeat;
}
body.magazine #content .social .youtube h3 {
	background: url('/images/youtube-orange.gif') top left no-repeat;
}

/*--- keywords ---*/
body.magazine #content .keywords { overflow: auto; padding: 0px 40px 40px 40px; }
body.magazine #content .keywords ul { list-style-type: none; margin: 0; padding: 0; }
body.magazine #content .keywords  ul li { float: left; list-style-type: none; margin: 0; padding: 0; }
body.magazine #content .keywords  ul li a {	
	display: block;
	color: #105EA1;	
	background: #ffffff;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 600;
	text-transform: none;
	text-decoration:none;
	border: 1px solid #105EA1;
	margin-right: 10px;
	margin-bottom: 10px;
}
body.magazine #content .keywords  ul li a:hover {	
	background: #ededed;
}

/*--------------------------------------------------------------
4.9 Webtools Calendar
--------------------------------------------------------------*/

#pc-2253 #edu-il-ws-2253-1-wrapper .edu-il-ws-2253-1-time {
    color: #ffffff;
    font-style: normal;
}

body.alumni #pc-2253 #edu-il-ws-2253-1-wrapper .edu-il-ws-2253-1-time {
color: #808080 !important;
margin-bottom:4px;
}

/*--------------------------------------------------------------
5.0 Tables
--------------------------------------------------------------*/

#content table.data { width: 80%; margin: 40px; }
#content table.wide { width: 100%; margin: 0px 20px; }
#content table.data.wide { width: 100%; margin: 0px; }
#content table.data td, #content table.data th {
	background: #ccd6e2;
	color: #00346D;
	padding: 5px 10px;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
#content table.data th { 
	color: #ffffff; 
	background: #6685a7; 
	padding: 8px; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.0rem; 
}
#content table { background: #ccd6e2; color: #00346D; }
#content th { text-align: left; border-bottom: 1px solid #6685a7; }
#content table h3 { margin-top: 0; color: #00346d; margin-bottom: 10px; font-size: 1.6rem; }
#content table strong { color: #00346d; }

#content table.data.white { background: #EDEDED; border: 1px solid #AEAEAE; border-collapse: collapse; }
#content table.data.white th {
	color: #343434;
	background: #D6D6D6;
	border-bottom: 1px solid #AEAEAE;
}
#content table.data.white td {
	background: #ffffff;
	color: #343434;
	border-bottom: 1px solid #AEAEAE;
}
#content table.data th.blue { background: #00346D; color: #ffffff; }
#content table.data td.blue { background: #ccd6e2; }
#content table.data th.orange { background: #FA6300; color: #ffffff; }
#content table.data td.orange { background: #FEEFDF; }

#content table.data.striped tr:nth-child(odd) {
   background: #fff;
}

#content table.social-media { background: #ffffff; width: 100%; }
#content table.social-media td, #content table.social-media th { padding-top: 3px; }
#content table.social-media a { text-decoration: none; }
#content table.social-media tr { border-bottom: 1px solid #DCD7D1; }
#content table.social-media th { 
	color: #00346d; 
	background: #ccd6e2; 
	padding: 8px; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.0rem;
    border-top: 10px solid #ffffff;
}

#content table.clean { background: #ffffff; width: 100%; }
#content table.clean td, #content table.clean th { padding-top: 3px; padding-right: 10px; }
#content table.clean tr { border-bottom: 1px solid #DCD7D1; }
#content table.clean th { 
	color: #00346d; 
	background: #ccd6e2; 
	padding: 8px; 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.0rem;
    border-top: 10px solid #ffffff;
}

/*--------------------------------------------------------------
4.8 Bands
--------------------------------------------------------------*/

#content .section {
	width: 100%;
}
#content .section h2 {
	color: #00346d;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 5px;	
	border-bottom: 1px solid #00346d;
}
#content .section.half { width: 50%; float: left; }
#content .section.half.pad { width: 45%; margin-right: 5%; }
#content .outline { 
	padding-bottom: 10px; 
	border-bottom: 1px solid #00346d;
}
#content .section.calendar table { 
	background: transparent; 
	line-height: 16px; line-height: 1.6rem;
}
#content .section.calendar table td { padding: 5px; }

#content .section.buttons h3 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
#content .section.buttons h3 a {  
	display: block;
	padding: 10px;
	background: #ffffff;
	color: #105EA1;
	border: 1px solid #105EA1;
	text-decoration: none;
}
#content .section.buttons h3 a:hover {
	background: #105EA1;
	color: #ffffff;	
}


/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/

#footer {
	background: #131f33/*#343434*/;
	color: rgba(255,255,255,0.8);
	padding: 20px 20px 20px 30px;
	min-height: 400px;
	position: relative;
	top: 80px;
	z-index: 2;
}
#footer h2 {
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 2.0rem;
	color: rgba(255,255,255,0.8);
}
#footer p.sc-name {
	font-size: 1.8rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
}
#footer a { color: #ffffff; }

#footer .about { 
	width: 380px; 
	margin-right: 20px;
	margin-right: 40px;
	overflow: hidden;
}
#footer .about h2 a { text-decoration: none; color: #ffffff; }
#footer .about h2 a:hover { color: #ffffff; }
#footer .about p { font-size: 1.2rem; line-height: 2.0rem; margin-bottom: 1.8rem; }
#footer .statistics { 
	position: relative;
	float: right;
	margin-right: 40px;
	margin-top: 10px;
	width: 220px; 
	overflow: hidden;
}
#footer .contact { 
	position: absolute; 
	right: 0px;
	top: 105px;
	width: 250px; 
	overflow: hidden;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: rgba(255,255,255,0.8);
}
#footer .contact .engineering { 
	font-size: 1.6rem;
	line-height: 1.8rem;  
}
#footer .contact p { margin-bottom: 1.0em; }
#footer #fullsite {
	float: left;
	margin: 10px 0px 10px 0px;
	position: relative;
	top: 0px;
	width: 100%;
}

/* --- social media ribbon --- */
#socialribbon {
	float: right;
	position: relative;
	top: 0px;
	width: 250px;
	padding: 10px 10px 5px 20px;
	margin: 10px -20px 0 0;
	background: #105ea1;
}
#socialribbon::after { display: none; }

#socialribbon a { display: block; width: 32px; height: 32px; margin-bottom: 5px; float: left; text-indent: -9999px; margin-right: 15px; }
#socialribbon a.facebook { background: url('../images/social-facebook.png') top left no-repeat;  }
#socialribbon a.twitter { background: url('../images/social-twitter.png') top left no-repeat; }
#socialribbon a.youtube { background: url('../images/social-youtube.png') top left no-repeat; }
#socialribbon a.instagram { background: url('../images/social-instagram.png') top left no-repeat; }

/*--------------------------------------------------------------
7.0 Home Page
--------------------------------------------------------------*/

#big-feature { 
	width: 960px; 
	height: 574px; 
	background: #ffffff; 
	z-index: 0; 
	position: relative; 
	top: 46px; 
}
#big-feature-caption { 
	display: block;
	width: 960px; 
	height: 528px;
	position: relative;
	top: -532px;	
	z-index: 1;

}
#big-feature-caption-inner { 
	position: absolute;
   	bottom: 18px;
   	right: 0;
	text-align: right;
	padding-right: 10px;
	padding-left: 500px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 300; 
	font-style: normal;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color: #ffffff;
	background: rgba(52, 52, 52, 0.4);
}
#big-feature-caption #big-feature-caption-inner { display: none; }
#big-feature-caption:hover #big-feature-caption-inner { display: block; }

/* ---------------------------------------------------------------
--- FEATURE TEXT OPTIONS
--- Feature text on the site can be placed on the right or the left.
--- Comment out one of the two following sets of rules - feature text
--- on left or on right - to place the text on the left or right side 
--- of the feature image. 
------------------------------------------------------------------ */

/* feature text on left -------------------------*/

#big-feature-text {	
	background: rgba(19, 31, 51);
	background: rgba(19, 31, 51, 0.9);
	color: #ffffff;
	width: 400px;
	z-index: 2;
	position: absolute;
	bottom:135px;
	left: 0px;
	padding: 10px 30px 40px 40px;
	margin-left: 30px;
	
}


#big-feature-text:before { display: none; }

/* feature text on right ------------------------- 

#big-feature-text {	
	background: rgba(0, 52, 109);
	background: rgba(0, 52, 109, 0.9);
	color: #ffffff;
	width: 400px;
	z-index: 2;
	position: absolute;
	top: 210px; 
	right: 40px; 
	padding: 20px 30px 50px 40px;
	margin:0 -20px 0 -20px; 
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);	
}
*/
#big-feature-text:before {
	content:" ";
	border-top: 10px solid #00346d;
	position: absolute;
	bottom: -10px;
	border-right: 20px solid transparent; 
	right: 0; 
	
}

/* feature text on right top ------------------------- 
#big-feature-text {
	top: 50px;
}
*/


/* ---------------------------------------------------------------
--- END FEATURE TEXT OPTIONS
------------------------------------------------------------------ */

#big-feature-text, #big-feature-text a { color: #ffffff !important; }

body.home #big-feature-text h2 {
	margin-bottom: 2.2rem;
	margin-top: 2.8rem;
}
#big-feature-text h2 a {
	color: #ffffff;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 2.0rem;
	line-height: 2.0rem;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out 0s;
}
#big-feature-text h2 a:hover { color: #ffffff; }
#big-feature-text p { 
	font-family: 'Gotham SSm A', 'Gotham SSm B'; 
	font-weight: 300; 
	font-style: normal;
	font-size: 1.4rem; 
	line-height: 2.0rem;
	margin-bottom: 0px;
}
#big-feature-text p a { color: #ffffff; text-decoration: none; }

/* --- small features - 4 news stories --- */

#small-features {
	width: 100%;
	text-align: center;
	z-index: 3;
	vertical-align: top;
	background: #ffffff;
}
body.home #small-features { top: 60px; padding: 50px 0 20px; }
#small-features .feature {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 40px;
	overflow: hidden;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
}
#small-features .feature.gallery { width: 200px; height: 200px; }
#small-features .feature.gallery h2 {
	display: none;
}
#small-features .feature.gallery:hover h2 {
	display: block;
}
#small-features .feature .item-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	transition: all 0.25s ease-in-out 0s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}	
#small-features .feature .item-background:hover { opacity: 0.7; }
#small-features .feature img { z-index: 0; margin: 0; padding: 0; width: 100%;}
#small-features .wide { width: 423px; }
#small-features .tweet {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 14px; font-size: 1.4rem;
	line-height: 18px; line-height: 1.8rem;
	text-align: left;	
}
#small-features .tweet a { color: #ccd6e2; text-decoration: none; }
#small-features .tweet .item-background { padding: 8px; }
#small-features .button {
	/*border: 1px solid rgba(220, 215, 209, 1.0);*/
	padding: 0px;
	margin-right: 20px;
}
#small-features .noshadow { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none; 
}
#small-features .last { margin-right: 0px !important; }
#small-features .feature h2 {
	display: block;
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:100%; 
	height:auto; 
	background-color: rgba(220, 215, 209, 0.9); 
	color: #00346d; 
	font-size: 1.2rem !important;
	line-height: 1.4rem !important;
	text-align: left !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	padding: 10px 10px 10px 10px !important;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400 !important;
	z-index: 1;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
}
#small-features .feature h2.nobackground { background: none !important; border-bottom: 1px solid rgba(220, 215, 209, 1.0); border-top: 1px solid rgba(220, 215, 209, 1.0); }
#small-features .feature h2 a { 
	text-decoration: none; 
	color: #00346d; 
	transition: all 0.25s ease-in-out 0s; 
}
#small-features .feature h2 a:hover { color: #343434; }
#small-features .notitle h2 { display: none; }

/*social media feature*/
#social-media-feature {
	width: 100%;
	z-index: 3;
	text-align: center;
	vertical-align: top;
	background: #d2d4d6;
	background-size: cover;
	top: 60px; 
	padding-top: 25px; 
	padding-bottom: 80px; 
	margin: 0 auto -20px;
	}
#social-media-feature .feature {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 285px;
	background: white;
	height: 400px;
	margin-right: 20px;
	overflow: hidden;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px black solid;
	background: rgba(250, 250, 250, .85);
}

#social-media-feature .feature .extArticles, #social-media-feature .feature .slick-track {height: 270px; overflow: hidden;}
#social-media-feature .feature.last {margin-right: 0px;}
#social-media-feature .feature .slick-prev::before, #social-media-feature .feature .slick-next::before {color: #DF6226;}
#social-media-feature .feature .slick-prev {left: 5px; z-index: 100;}
#social-media-feature .feature .slick-next {right: 5px; z-index: 100;}
#social-media-feature .feature ul.slick-dots li {margin: 0;}
#social-media-feature .feature .heading {text-align: left; padding: 20px; background: #131F33; clear:both;}
#social-media-feature .feature .heading a {text-decoration: none; color:inherit;}
#social-media-feature a.facebook, #social-media-feature a.twitter, #social-media-feature a.instagram{
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	text-indent: -9999px;
	margin-right: 15px;
	}
	
#social-media-feature a.facebook{ background: url('../images/social-facebook.png') top left no-repeat; background-size: 25px 25px}
#social-media-feature a.twitter{ background: url('../images/social-twitter.png') top left no-repeat; background-size: 25px 25px}
#social-media-feature a.instagram{ background: url('../images/social-instagram.png') top left no-repeat; background-size: 25px 25px}
#social-media-feature .feature .heading h2 {
	display: block; 
	float: left; 
	padding-top: 5px; 
	color:white;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	margin-bottom: inherit;
	margin-top: inherit;
}
#social-media-feature .feature p {padding: 2em 40px; font-size: 1.5rem; }

#social-media-feature .feature .content-holder {margin: 20px 20px auto; vertical-align:middle;}
#social-media-feature .feature img {max-width: 100%;}

/*--------------------------------------------------------------
8.0 Landing Pages
--------------------------------------------------------------*/

#content .wide-banner {
	float: right;
	position:relative;
	width: 690px;
	background: #dfe1ca;
	color: #4d7335;
	margin: -30px 0px 20px 0px;
	padding: 20px;
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 300;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none;
	transition: all 0.25s ease-in-out 0s;
}
body.alumni-landing #content .wide-banner { margin: 0px 0px 20px 0px; }
#content .wide-banner-blue {
	background: #ccd6e2;
	color: #00346c;	
}
#content .wide-banner:after {
	display: none;
}
#content .wide-banner-blue:after {	
	border-top: none;
}
#content .wide-banner h2 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #4d7335; 
	font-size: 28px; font-size: 2.8rem;
	line-height: 28px; line-height: 2.8rem;
	text-transform: uppercase;
	margin: 0px; 
	padding: 0px;
	margin-bottom: 20px;
}
#content .wide-banner-blue h2 { 
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #00346c;
	font-size: 28px; font-size: 2.8rem;
	line-height: 28px; line-height: 2.8rem;
	text-transform: uppercase;
	margin: 0px; 
	padding: 0px;
	margin-bottom: 20px;
}
#content .wide-banner img.photo {
	-webkit-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9); 
	-moz-box-shadow: 2px 1px 3px 1px rgba(206, 206, 206, 0.9);
	box-shadow: 2px 1px 3px 1px rgba(100, 100, 100, 0.9);
	border-style: outset;
	border: 5px solid #ffffff;
	margin-top: -35px;
	margin-bottom: 20px;
	margin-right: 30px;
	/*behavior:url('-ms-transform.htc');*/
    /* Firefox */
    -moz-transform:rotate(-5deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-5deg);
    /* Opera */
    -o-transform:rotate(-5deg);
    /* IE9 */
    -ms-transform:rotate(-5deg);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}

/* --- three-column layout on landing pages (engage) --- */

#content .three-column {
	border-bottom: 2px solid #dcd7d1;
	font-size: 1.2rem;
	line-height: 1.6rem;
	background: #f8f5f1;
	width: 210px;
	margin-right: 20px;
	margin-bottom: 40px;
	float: left;
	min-height: 440px;
	transition: all 0.25s ease-in-out 0s;
}
#content .two-column {
	border-bottom: 2px solid #dcd7d1;
	font-size: 1.2rem;
	line-height: 1.6rem;
	background: #f8f5f1;
	width: 325px;
	margin-right: 20px;
	margin-bottom: 40px;
	float: left;
	min-height: 440px;
	transition: all 0.25s ease-in-out 0s;
}
#content .three-column p, #content .two-column p { 
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: 0px 10px 10px 10px;
}
#content .three-column ul, #content .two-column ul { 
	padding: 0;
	margin:0;
}
#content .three-column li, #content .two-column li { 
	padding: 0;
	margin:0 15px 10px 24px;
}
#content .three-column li a, #content .two-column li a { 
	text-decoration: none;
}
#content .three-column h2, #content .two-column h2 {
	min-height: 7.0rem;
	margin: 0;
	margin-bottom: 10px;
	margin-top: 0 !important;
	padding: 10px 0px 10px 0px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 2.0rem;
	line-height: 2.2rem;
	background: #8a7a67;
	color: #ffffff;
	text-align: center;
}
#content .white-columns {
	font-size: 1.2rem;
	line-height: 1.6rem;
	background: #ffffff;
	width: 43%;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	float: left;
	transition: all 0.25s ease-in-out 0s;
}
#content .white-columns a { text-decoration: none; }
#content .white-columns h2 {
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #FEEFDF;
}
#content .three-column h3, #content .two-column h3 {
	margin: 0;
	padding: 0px 10px 10px 10px;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.0rem;
	font-weight: bold;
	color: #8a7a67;
}
#content .three-column ul#content-list li, #content .two-column ul#content-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.6rem;
	margin-bottom: 1.2rem;
	margin-left: 1.0rem !important;
	azimuth: center;
}
#content .three-column ul#content-list a, #content .two-column ul#content-list a { 
	font-weight: bold; 
	text-decoration: none; 
	color: #6685A7; 
}
#content .three-column ul#content-list a:hover, #content .two-column ul#content-list a:hover { color: #FA6300; }

/* --- two-column events and news --- */

#content .two-column #blog-wrapper { padding: 10px; }

/*--------------------------------------------------------------
9.0 Special Styles - used on one or just a few pages
--------------------------------------------------------------*/

.columns-2 {
	-webkit-columns: 310px 2;
   	-moz-columns: 310px 2;
    columns: 310px 2;	
}
.columns-2 p {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
}

.button-column {
	width: 47%;
	float: left;
	margin-right: 20px;	
}


/* --- student listings - phd and post doc --- */

.student-listing {
	width: 45%;
	float: left;
	margin-right: 30px;	
}
.student-listing .student-info {
	color: #666666;
	float: right;
	margin-left: 120px;	
}
.student-listing .student-info img {
	margin-left: -120px;	
}

/* --- IPENG country list --- */

div.country { 
	width: 40%; float: left; text-align: center; min-height: 160px; clear: right; 
	font-size: 18px; font-size: 1.8rem;
	line-height: 180px; line-height: 1.8rem;	
}
div.country img { margin-bottom: 10px; }

/* --- distinguished alumni table --- */

#distinguished-alumni .item-list {
	border-bottom: 2px solid #DCD7D1;
	background: #F8F5F1;
    float: left;
    margin: 5px;
    min-height: 275px;
    padding: 10px;
    width: 220px;
}
#distinguished-alumni ul { margin: 0; padding: 0; }
#distinguished-alumni ul li { list-style-type: none; margin: 0; padding: 0; }
#distinguished-alumni h3 {
	color: #8A7A67;
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 2.2rem;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 0;
}
#distinguished-alumni a { color: #8A7A67; }

/* --- hall of fame table --- */

#hall-of-fame { margin: 0; padding: 0; }
#hall-of-fame .person { 
	border-bottom: 2px solid #DCD7D1;
	background: #F8F5F1;
    float: left;
    margin: 5px;
    min-height: 425px;
    padding: 15px;
    width: 220px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    overflow: hidden;
}
#hall-of-fame img {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 2px solid #DCD7D1;
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 1px 1px 2px rgba(52, 52, 52, 0.7);
}
#hall-of-fame h3 {
	color: #8A7A67;
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 0;
}
#hall-of-fame h3 a { color: #8A7A67; text-decoration: none; }
#hall-of-fame h3 a:hover { color: #FA6300; text-decoration: none; }
#hall-of-fame ul { margin-bottom: 1rem; }
#hall-of-fame ul li { list-style-type: none; margin: 0px; padding: 0px 0px 0.5rem; }

/* --- featured students table --- */

#featured-students { margin: 0; padding: 0; }
#featured-students .person { 
	border-bottom: 2px solid #DCD7D1;
	background: #F8F5F1;
    float: left;
    margin: 5px;
    min-height: 175px;
    padding: 15px;
    width: 220px;
    font-size: 1.2rem;
    line-height: 1.8rem;
}
#featured-students img {
	margin-bottom: 10px;
	border: 2px solid #DCD7D1;
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 1px 1px 2px rgba(52, 52, 52, 0.7);
}
#featured-students h3 {
	color: #8A7A67;
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 0;
}
#featured-students h3 a { color: #8A7A67; text-decoration: none; }
#featured-students h3 a:hover { color: #FA6300; text-decoration: none; }

#featured-students h4 {
	color: #8A7A67;
    font-family: 'Cinzel';
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 2.0rem;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 0;
}

/* --- strategic research initiatives --- */

#content .sri-summary {
	width: 100%;
	border-bottom: 2px solid #DCD7D1;
	background: #F8F5F1;
	font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 20px;
    margin-bottom: 20px;
}
#content .sri-summary img, #content .sri-detail img { 
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7); 
	-moz-box-shadow: 2px 2px 3px rgba(52, 52, 52, 0.7);
	box-shadow: 1px 1px 2px rgba(52, 52, 52, 0.7); 
}
#content .sri-summary h3 { 
	margin-top: 0px;
	padding-top: 0px;
} 		

.magazine-band 

.magazine-band h2 {
	text-align: center;	
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	font-size: 14px; font-size: 1.4rem; 
	line-height: 24px; line-height: 2rem;
	letter-spacing: 0.5rem;
    text-transform: uppercase;
	font-weight: 600;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	margin-bottom: 40px;
	color: inherit;
}

/*--------------------------------------------------------------
10.0 JQuery Overrides
--------------------------------------------------------------*/

.ui-body-c, .ui-overlay-c {
	text-shadow: none;
	font-weight: inherit;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
	color: #5f5f5f;
	background: #ffffff url('/images/pattern-bg-3.png') no-repeat !important; background-position: top center !important; background-attachment: fixed !important;
}
.ui-body-c .ui-link, .ui-body-c a:visited.ui-link { color: #6685a7; line-height: inherit; font-weight: inherit; }
a.ui-link:hover { color: #FA6300; text-decoration: underline; }
a.ui-link:focus { color: #FA6300; outline: none; }

/* --- jQuery Menu Panel --- */

#w #navpanel {
    background: none repeat scroll 0 0 #131F33;
	border-right: 5px solid #055CA3;
    display: block;
    height: 100%;
    left: -290px;
    position: fixed;
    top: 70px;
    width: 289px;
    z-index: 9;
}
#w #navpanel #site-search-mobile-form { margin-top: 10px; margin-bottom: 10px; }
#w #navpanel #site-search-mobile-form label { color: #ffffff; margin-left: 10px; font-size: 1.2rem; }
#w #navpanel #site-search-mobile-form input[type=text] { border: none; border-radius: 0px; padding: 3px; }
#mypanel .ui-body-c, #mypanel .ui-link { color: #ffffff; text-decoration: none; }

#mypanel #sidebar-left { width: 100%; margin: 0; padding: 0px; }
#navpanel h2 { display: none; }
#navpanel ul.navigation { margin-bottom: 15px; background: none; }
#navpanel ul.navigation li a, #navpanel ul.navigation li a {
	background: #131F33 !important;
    border-bottom: 1px solid #105EA1;
    color: #ffffff !important;
    display: block;
    font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.3rem;
    margin: 0px;
    padding: 12px 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out 0s;
}
#navpanel ul.navigation li:first-child a {
    border-top: none;
}
#navpanel ul.navigation li a:hover, #navpanel ul.navigation li ul li a:hover {
	color: #ffffff !important;
	background: #105EA1 !important;
}
#navpanel ul.navigation li ul li a { 
	color: #8a7a67 !important;
	padding: 10px 10px 10px 20px;
}
#navpanel .addthis_toolbox {
	display: none;
}
#navpanel #site-search-form { padding: 10px 0px 10px 10px;  }
#navpanel #site-search-form label { display: none; }
#navpanel #site-search-form input[type="text"] {
    background: no-repeat scroll 0px 6px #343434;
    border: 0 none;
    border-radius: 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    color: #7c6e5d;
    font: bold 12px 'Gotham SSm A','Gotham SSm B',Arial,Helvetica,Sans-serif;
    padding: 6px 15px 6px 15px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.7s ease 0s;
}
.ui-panel-position-left.ui-panel-display-reveal, .ui-panel-position-left.ui-panel-open {
    left: 0;   
}
.ui-panel {
    width: 17em;
    background: #343434 !important;
    color: #dcd7d1;
}
.ui-panel-inner {
	padding: 0px;
}
.ui-panel-inner ul {
	margin: 0; padding: 0;
}
.ui-panel-inner ul li { margin: 0; padding: 0; }
.ui-panel-inner ul li a {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    font-weight: normal !important;
	display: block;
	color: #dcd7d1;
	padding: 16px 10px;
	border-bottom: 1px solid #8a7a67;
	text-decoration: none;
}
.ui-panel-inner ul li a:hover {
	color: #dcd7d1;
	background: #544a3f;
}

/*--------------------------------------------------------------
11.0 Browser Compatibility
--------------------------------------------------------------*/

/* --- clearfix --- */

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


.sharethis-inline-share-buttons {
	padding-left: 20px;
}

.st-btn {
	padding: 0px 5px 0px 5px !important;
	height: 24px !important;
}

	.st-btn > svg {
		top: 4px !important;
	}