body, html, form, h1, h2, h3, h4, h5, h6, ol, ul, img, td, th, table, p, object {
	padding:0;
	margin:0;
	border:none;
	font-size:1em;
	font-weight:normal;
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	vertical-align:top;
}

::selection {
    background: #B05050;
    color: white;
}

/*
#nav, #topNav, #bottomNav, #sosumi {
	-webkit-font-smoothing: antialiased;
}
*/

html {
	overflow-y:scroll;
}

.hideme
{
    opacity:0;
}

/*start of collapsible*/
.collapsible {
  background-color: #fff;
  /*background-color: #eee; previous*/
  cursor: pointer;
  padding: 0px;
  margin-bottom:-18px;
  width: 100%;
  border: none;
  border-radius: 7px;
  text-align: left;
  font-size: 15px;
  /*transition: background-color 500ms ease;*/
}

/*for h1 of the collapse.*/
.headertext{
    padding: 0px 0px 0px 0px;
    color: #A82828;
    transition: color 400ms ease;
}

.headertext:hover{
    padding: 0px 0px 0px 0px;
    color: #480505;
    transition: color 400ms ease;
}


.collapsible:hover {
  /*background-color: #E1ACAC; previous*/
  /*transition: background-color 500ms ease;*/
}

.content {
  padding-left: 0px;
  padding-right: 10px;
  margin-bottom:5px;
  width: 96%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  /*background-color: #ddd; previous*/
    background-color: #fff;
  border-radius: 7px;
}

.contenttext {
    padding-top:25px;
}
/*end of collapsible*/

.awardImg {
    padding: 5% 0 0 3%;
    /*aspect ratio of 170:127.5, which is 4:3*/
    min-width: 184px;
    max-width: 184px;
    min-height: 138px;
    max-height: 138px;
    margin:auto;
    position: relative;
    transform: translateX(5%);
}


body {
	font-size:12px;
	color:#333333;
	line-height:18px;
	background-color:#000000;
	min-width: 980px;/* 930 + 2*25px padding */
}

#body {
	overflow: hidden; /* This method of clearing avoids the flash of gray color on the #body elements */
	background-color:#FFFFFF;
	padding:0 25px;
	position:relative;
	z-index:expression('500');
}

p {
	margin:0 0 10px;
}




.students {
    line-height: 20px;
}

.selected {
    color: blue;
	font-size:16px;
	transition: all .22s ease-in-out;
	cursor:pointer;
}

form {
	display:inline;
}

div.clear-all {
	line-height:0;
	font-size:0;
	clear:both;
}

h1 {
	font-family: "oswald", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform:uppercase;
	margin:50px 0 27px;
	line-height: 35px;
	color:black;
}


h1.home {
	margin:-2px 0 27px;
}

h1.first {
	margin-top:-2px;
}

h2 {
	font-family: "oswald", Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:18px;
	margin:27px 0 21px;
	line-height:20px;
	color:black;
}

.mySlides {
    display: none;
}

.more-awards {
    color: white;
    transition: all 0.22s ease-in-out;
    transform: translateX(53%) translateY(140%);
    padding-bottom:7%;
}

.more-awards:hover {
    color: #E56868;
    transition: all 0.22s ease-in-out;
    transform: translateX(56%) translateY(140%);
    padding-bottom:7%;
}

/* Slideshow container */
.slideshow-container {
  width: 216px;
  position: unset;
  margin-bottom: 5%;
  background-color: #000000;
  height: 210px;
}

.parent-contain {
  width: 216px;
  position: relative;
  margin-bottom: 7%;
  background-color: #000000;
  height: 300px;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 7s;
  -moz-animation-name: fade;
  -moz-animation-duration: 7s;
  animation-name: fade;
  animation-duration: 7s;
}


/*scrolls from right to left, stopping*/
@-webkit-keyframes fade {
  0% {opacity: .0;
      transform: translateX(55%);
  } 
  
  20% {opacity: 1;
      transform: translateX(0%);
  }
  
  75% {opacity: 1.0;
      transform: translateX(0%);
  }
  
  100% {opacity: .0;
      transform: translateX(-26%);
  }
  
}

/*scrolls from right to left, stopping*/
@keyframes fade {
  0% {opacity: .0;
      transform: translateX(55%);
  } 
  
  20% {opacity: 1;
      transform: translateX(0%); /*easiest way to change horizontal axis placement is by adjusting this percentage*/
  }
  
  75% {opacity: 0.95;
      transform: translateX(0%); /*easiest way to change horizontal axis placement is by adjusting this percentage*/
  }
  
  100% {opacity: .0;
      transform: translateX(-26%);
  }
  
}


h1 strong, h1 b, 
h2 strong, h2 b, 
h3 strong, h3 b {
	/* Admins keep making some headings bold, hence canceling that effect from here. */
	font-weight: normal !important;
}

h2.first {
	margin-top:0;
}	
	
h2.newsTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color:black; 
	line-height:16px;
	font-weight:normal;	
	margin:0 0 2px;
}

h2.newsTitle span {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#333333;
	font-size:14px;
}

h2.profilepage {
	margin:30px 0 6px;
}

p.newsDate {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	
	color:black;
	margin:27px 0 1px;
	position:relative;
	top:0px;
}

p.newsPartners {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	
	margin:3px 0 10px;
}

p.newsPartners, p.newsPartners a, p.newsPartners a:link, p.newsPartners a:active, p.newsPartners a:hover, p.newsPartners a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	
	text-align:left;
	color:#black;
}

p.newsPartners a:hover {
	color:#A82828;
}

h2 span.sub {
	font-weight:400;
	color:#333333;
	font-size:12px;
	display:block;
	padding-top:2px;
}

.hoverpic img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .27s ease-in-out;
	transition: .27s ease-in-out;
	opacity: 1;
	margin-bottom:11px;
}

.hoverpic :hover img {
	-webkit-transform: scale(1.13);
	transform: scale(1.13);
	opacity: 0.88;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.45);
    z-index:1;
    margin-bottom:11px;
}


.focus {
	font-weight:normal;	
	color:#333333;
	font-size:12px;	
}

p.event-slideshow {
	margin:-3px 0 7px; /* remove 3px on both sides, from 0 0 10px default */
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	margin:15px 0 10px;
	font-weight:400;
	color:#222;
}

.sidebartext {
	margin-top:15px;
	font-size:16px;
	color:#A82828;
	transition: all .22s ease-in-out;
	cursor:pointer;
}

.sidebartext:hover {
    color:#570303;
    transition: all .22s ease-in-out;
    cursor:pointer;
}


ul, ul li {
	list-style:inside;
	list-style-type:square;
}

ul li {
	margin:0 0 5px;

}

ul {
	margin:0 0 20px;
}

ol, ol li {
	list-style:inside;
	list-style-type:decimal;
}

ol li {
	margin:0 0 5px;

}

ol {
	margin:0 0 20px;
}

ul.checkList {
	list-style:none;
}

ul.checkList li {
	list-style:none;
	list-style-position:outside;
	padding-left:20px;
	background:url(/_media/icons/NEWcheck.gif) no-repeat 0 0px;
	margin:0 0 17px;
}

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

.levels {
    color:#000000;
	text-decoration: none;
	transition: .22s ease-in-out;
	opacity: 1;
}

.levels:hover {
    color:#730505;
	text-decoration: none;
	transition: .22s ease-in-out;
	opacity: 0.8;
}

/* a:hover, a:hover i, a:hover b {
	color:#000; 
}*/

a:active {
	color:#000;
	font-weight:normal;
}

.eventScroller a,
#nav a,
#topNav a,
a.info-link,
a.close-link,
a.right-link,
a.left-link,
a.top-link,
a.bottom-link,
a.top-right-link,
a.down-angle-link,
a.video-link {
	color:black;
	text-decoration:none;
	transition: .22s ease-in-out;
}

.eventScroller a:hover,
#nav a:hover,
#topNav a:hover,

a.info-link:hover,
a.close-link:hover,
a.right-link:hover,
a.left-link:hover,
a.top-link:hover,
a.bottom-link:hover,
a.top-right-link:hover,
a.down-angle-link:hover,
a.video-link:hover {
	color:#A82828;
	text-decoration:none;
	transition: .22s ease-in-out;
}

a.profile-link,
a.profile-link b,
a.profile-link i,
a.profile-link:hover,
a.profile-link:hover b,
a.profile-link:hover i {
	font: 12px Helvetica, Arial, sans-serif;
	line-height:15px;
	color:#A82828;
	text-decoration:none;	
}

a.profile-link:hover,
a.profile-link:hover b,
a.profile-link:hover i {
	text-decoration:none;
}

.name-link {
	display:block;
	width: 107px;
	min-height: 32px;
}

#nav a,
#topNav a,
#nav a:hover,
#topNav a:hover {
	/* 
	Redundant rules, cause weirdness on WebKit.
	
	text-transform: uppercase;
	font: 11px "helvetica", Helvetica, sans-serif;
	*/	
}

a.profile-link {
	/*font-size:11px;*/
}

a.info-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-info.gif) no-repeat 0 0;
}

a.close-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-close.gif) no-repeat 0 0;
}

a.right-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-right.gif) no-repeat 0 0;
}

a.left-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-left.gif) no-repeat 0 0;
}

a.top-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-top.gif) no-repeat 0 0;
}

a.bottom-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-bottom.gif) no-repeat 0 0;
}

a.top-right-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-top-right.gif) no-repeat 0 0;
}

a.video-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-video.gif) no-repeat 0 0;
}

/* used for email links */
a.down-angle-link {
	padding-left:22px;
	padding-top:1.5px;
	background:url(/_media/icons/red-inbox.gif) no-repeat 0 0;
	font-size:85%;
	font-weight:bold;
	line-height:18px;
	display:block;
}

.link-line {
	line-height:18px !important;
}



/** This block is targeting only WebKit browsers */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.right-link, a.left-link, a.top-link, a.top-right-link, a.bottom-link {
		display:block;
		background-position:left 0;
	}
	
	a.top-right-link, a.close-link {
		display:block;
		padding-top:1px;
		background-position:left 0;
	}
}
*/


Host {
	background-color:#8a8a8a;
	padding:0 30px;
}

#header {
	background:url(/_media/NEWheader.png) no-repeat left -18px;
	padding-bottom:30px;
	width:945px;
	height:80px;
	position:relative;
	z-index:expression('1000');
	margin:0 auto;
}

#homeLink, #homeLink a {
	display:block;
	width:300px;
	height:45px;
	position:absolute;	
	margin:0;
	padding:0;
}
#homeLink {
	top:32px;
	left:10px;
}
#homeLink span {
	display:none;
}

#nav {
	/*border-top: 8px solid #FFFFFF;*/
	height:30px;
	position:relative; 
	z-index:5; /* IE6/7 require this to z-index properly the nested li items relative to the home page slideshow */
}

#nav ul {
	width:930px;
	margin:8px auto;
	padding:0;
	z-index:1;
	height:25px;
}

#nav ul li {
	position:relative;
	display:block;
	list-style:none;	
	list-style-position:outside;
	float:left;
	opacity: 0;
	/*animation added below*/
  animation: fadeIn 1.6s 1;
  animation-fill-mode: forwards;
}

/*layers nav list items one by one*/
/*formula +6 each time*/
#nav li:nth-child(7n+1) {
  animation-delay: 0.25s;
}
#nav li:nth-child(7n+2) {
  animation-delay: 0.52s;
}
#nav li:nth-child(7n+3) {
  animation-delay: 0.85s;
}
#nav li:nth-child(7n+4) {
  animation-delay: 1.24s;
}
#nav li:nth-child(7n+5) {
  animation-delay: 1.69s;
}
#nav li:nth-child(7n+6) {
  animation-delay: 2.2s;
}
#nav li:nth-child(7n+7) {
  animation-delay: 2.77s;
}
#nav li:nth-child(7n+8) {
  animation-delay: 3.4s;
}
/*still animation*/
@keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

#nav ul li a {
	padding:0 9px 0 9px;
	color:black;
	text-transform: uppercase;
	font: 11px "helvetica", Helvetica, sans-serif;
	line-height:25px;
	position:relative;
	position:expression("static"); /* for IE6/7 which can not handle the overlay/relative pos */
	display:block; /* for IE6/7 */
	background:url(/_media/menu-normal-bg.gif?03-2013) no-repeat left top;
	
	/* To hide the bg line, overlap elements with a pixel, decrementing z-order is applied from the page */
	position:relative;
	margin-right:-1px;
	animation: fadeIn 1.6s 1;
    animation-fill-mode: forwards;
}

#nav .-end-separator {
	margin-right:-1px;	
	width: 10px;
	height: 25px;
	line-height:25px;
	background:url(/_media/menu-normal-bg.gif?03-2013) no-repeat left top;
	display:block;
	animation: ease-in 6.5s 1;
    animation-fill-mode: none;
}

#nav ul li a.active {
	background-color:#730505;
	color:#FFFFFF;
}

/* Replaces .active when there's another item rolled over */
#nav ul li a.halfactive, #nav ul li a.fauxhalfactive {
	cursor:default;
	background-color: #730505;
	color:#FFFFFF;
	 /*color:#189823; */
}

#nav ul li a.fauxactive {
	cursor:default;
	background-color: #730505;
	color:white;
	animation: fadeIn 1.6s 1;
  animation-fill-mode: forwards;
}

#nav ul li a:hover, #nav ul li a.hover {
	background-image:url(/_media/red-menu-bg.gif);
	color:white;
	width: -webkit-fill-available;
	animation: fadeIn 0.41s 1;
  animation-fill-mode: forwards;
}

#nav ul li div a:hover, #nav ul li div a.hover {
    width: -webkit-fill-available;
}

#nav ul li a span {
	position:relative;
	z-index:100000;
	top:1px;
}

#nav div a span {
	position:relative;
	top:0;
}

#nav ul li a.faux {
	cursor:default;
}

#nav ul li a.faux:hover {
	color:white;
}

#nav ul li a.faux:active {
	color:white;
	font-weight:normal;
}

#nav ul div, ul#topNav div {
	display:none;
	position:absolute;
	/*top:36px;*/
	margin:0;
	background:url(/_media/red-menu-bg.gif);
	opacity: 0.96;
	_background:url(/_media/red-menu-bg.gif); /* IE6 can't handle the PNG  */
	min-width:82px;
	width:expression("123px"); /* for IE6/7 */
	z-index:500000;

	margin-right:-1px;
	
	/* Menu padding */
	padding-top: 0;
	padding-bottom: 13px;
}

ul#topNav div {
	top: 21px;
	padding-bottom: 2px;
}

#nav .-menu-pad {
	display: block;
	background: white;
	height: 4px;
	padding: 0;
	margin: 0 0 13px;
	font-size: 1px;
}

#topNav .-menu-pad {
	display: block;
	background: #000000;
	height: 2px;
	padding: 0;
	margin: 0 0 6px;
	font-size: 1px;
}

ul#topNav div {
	/* Top menu padding */
	padding-right: 0;
	padding-left: 0;
}

#nav ul div a {
	padding-left: 12px;	
	padding-right: 12px;
}
	
#nav ul div {
	left:0;
}

ul#topNav div {
	right:0;
	text-align:right !important;
}

#topNav a {
	display:block;
	padding:0 9px 0 9px;
	text-transform: uppercase;
	font: 11px "helvetica", Helvetica, sans-serif;
	line-height:23px;
	height:23px;
	float:left; /* IE6 needs that set again (specificity diff) */
	
	/* To hide the bg line, overlap elements with a pixel, decrementing z-order is applied from the page */
	position:relative;
}

#topNav li {
	background:url(/_media/menu-top-bg.gif?03-2013) no-repeat right top;
}

#topNav .-end-separator {
	margin-right:-1px;	
	width: 10px;
	height: 23px;
	line-height:23px;
	display:block;
}

#topNav a:hover, #topNav a.hover{
	background:url(/_media/red-menu-bg.gif) no-repeat left top; /* altbg */
	color:#FFFFFF;
	width: -webkit-fill-available;
	animation: fadeIn 0.41s 1;
  animation-fill-mode: forwards;
}

#topNav a.active {
    background-color:#730505;
    color:#FFFFFF;
}


#topNav a.halfactive {
	background-color: #730505;
	color:#FFFFFF;
}

ul#topNav div {
	background:url(/_media/red-menu-bg.gif); /* altbg */
	_background:url(/_media/red-menu-bg.gif);
}

#nav ul div a, #nav ul div a:hover, #nav ul div a:active, #nav ul div a:visited,
ul#topNav div a, ul#topNav div a:hover, ul#topNav div a:active, ul#topNav div a:visited {
	color:#FFFFFF;
	display:block;
	border:none;
	margin:0 3px 0 3px;
	padding:2px 27px 2px 10px;
	min-width:82px;
	_width:80px;
	height:auto; /* override #topNav a */
	float:left;
	line-height:21px;
	background:#730505;
}

ul#topNav div a, ul#topNav div a:hover, ul#topNav div a:active, ul#topNav div a:visited {
	float:right;
	padding:2px 10px 2px 27px;	
}

#nav ul div a.spaceAfter {
	padding-bottom:13px;
}

#topNav, #sosumi {
	list-style:none;	
	list-style-position:outside;
	padding:0;
	margin:0;
}

#topNav li {
	list-style:none;	
	list-style-position:outside;
	padding:0;
	margin:0;
	display:block;
	float:left;
}

#topNav li {
	float:right;
}
	
#topNav {
	position:absolute;
	top:0;
	right:0;
	width: 400px; /* For IE6/7 */
	border-top: 4px solid #000000;
		/*animation added below*/
  animation: fadeIn 1.6s 1;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

#topNav li {
	position:relative;
}

#sosumi p a, #sosumi p {
	color: #e6e6e6 !important;
	font: 9px "helvetica", Helvetica, sans-serif !important;
	line-height:12px;
	
	text-transform: uppercase;
}

#sosumi {
	padding-top: 10px;
	border-top: 1px solid #c9c9c9;
	margin-top: 20px;
	overflow: hidden;
}

#sosumi p {
	text-align: left; /* Was: right; moved to left to accomodate the Live Chat widget */
	margin: 0;
	padding: 0;
}

/* was misaligned compared to the address and phone number to the left, so I fixed the margin-top to realign */
#sosumiright p {
	text-align: left; 
	margin: -10px 0 0 0;
	padding: 0;
}


/* START: Live Chat (livechatinc.com) widget placement (third party widget) */

#livechat-compact-container {
     width: 250px !important;
     left: 50% !important;
     right: auto !important;
     margin-left: 210px !important; /* (920 / 2) - 250 */
}

#livechat-full {
     width: 400px !important;
     left: 50% !important;
     right: auto !important;
     margin-left: 75px !important; /* (920 / 2) - 400  + 15 (15 pixels transparent "frame" around Modern theme) */
}

@media (min-width: 1540px) { /* 960 + 2*20 + 2*250 + 2*20 */
	#livechat-compact-container {
		left: auto !important;
		right: 20px !important;
		margin-left: 0 !important;
	}
	
	#livechat-full {
		left: auto !important;
		right: 5px !important; /* 20 - 15 (15 pixels transparent "frame" around Modern theme) */
		margin-left: 0 !important;
	}
}

/* END: Live Chat (livechatinc.com) widget placement (third party widget) */

#topNav a {
	padding:0 9px 0 9px;
	line-height:25px;
	color:#FFFFFF;	
    margin-left: 2px;
    margin-right: 2.5px;
}

#topNav a span {
	/*
	position:relative;
	top:8px;
	*/
}

#sosumi a span, #sosumi span span {
	position:relative;
	color:#e6e6e6;
	_top:-2px; /* accomodating IE6 strange shift*/
}

#footer {
	position:relative;
	width:925px;
	padding:30px 25px 15px; /* Extra bottom padding (was 35) to work better with the Live Chat widget */
	                       /*@ old developers: well I fixed it so... */
	margin:0 auto;
	text-align:center;
	background-color:#000000;
	/* background-color:#CBCBCB; */
}

#footer #footText {
	padding:8px;
	color:#FFFFFF;
	font-size:9px;
	clear:both;
	text-align:justify;
	line-height:1.4em;
}

#footer .freeText {
	display:block;
	/* border-right:1px solid #FFFFFF; */
}

#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	color:#e6e6e6;
	font-size:10px;
}

#footer #bottomNav {
	text-align: left;
	overflow: visible;
}

#footer #bottomNav .-main a, #footer #bottomNav .-main3 a, #footer #bottomNav .-main > span, #footer #bottomNav .-main3 > span {
	float: left;
	clear: both;
	display: block;
	text-transform: uppercase;
	font: 10px "helvetica", Helvetica, sans-serif;
	color:#e6e6e6;
	padding: 0 3px 0 3px;
	line-height: 24px;
	#FFFFFF-space: nowrap; /* IE7 needs that */
}


/* replace this*/
/*commented out the actives as a temporary fix*/
/*#footer #bottomNav .-main a.active, */
#footer #bottomNav .-main a.fauxactive, #footer #bottomNav .-main a:hover,
/*#footer #bottomNav .-main3 a.active, */
#footer #bottomNav .-main3 a:hover {
	color: #666666;
	background-color: #e6e6e6;
	animation: fadeIn 0.41s 1;
  animation-fill-mode: forwards;
}

#bottomNav .-main, #bottomNav .-main3 {
	float: left;
	width: 155px;
	position: relative;
	left: -3px;
	z-index: 5;
}

#bottomNav .-main3 {
	width: 300px;
}

#bottomNav .-sub {
	float: left;
	width: 70px;
	padding-top: 10px;
}

#bottomNav .-sub.-wide {
	width: 95px;
}

#bottomNav .-clear {
	clear: both;	
}

#bottomNav .-social {
	float: left;
	width: 95px;
	padding-top: 5px;
	text-align: right;
}

#bottomNav .-social a {
	display: inline;
	padding-left: 2px;
	
}

#footer #bottomNav .-main a.-withIcon {
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

#footer #bottomNav .-main a.-withIcon.-facebook {
	background-image: url(/_media/icons/footer/NEWsocial-facebook.png);
}

/*#footer #bottomNav .-main a.-withIcon.-twitter {*/
/*	background-image: url(/_media/icons/footer/NEWsocial-twitter.png);*/
/*}*/

#footer #bottomNav .-main a.-withIcon.-youtube {
	background-image: url(/_media/icons/footer/NEWsocial-youtube.png);
}

#footer #bottomNav .-main a.-withIcon.-instagram {
	background-image: url(/_media/icons/footer/NEWsocial-instagram.png);
}

#footer #bottomNav .-main a.-withIcon.-spotify {
	background-image: url(/_media/icons/footer/NEWsocial-spotify.png);
}

#footer #bottomNav .-main a.-withIcon.-facebook:hover {
	background-image: url(/_media/icons/footer/NEWsocial-facebook-rev.png);
}

/*#footer #bottomNav .-main a.-withIcon.-twitter:hover {*/
/*	background-image: url(/_media/icons/footer/NEWsocial-twitter-rev.png);*/
/*}*/

#footer #bottomNav .-main a.-withIcon.-youtube:hover {
	background-image: url(/_media/icons/footer/NEWsocial-youtube-rev.png);
}

#footer #bottomNav .-main a.-withIcon.-instagram:hover {
	background-image: url(/_media/icons/footer/NEWsocial-instagram-rev.png);
}

#footer #bottomNav .-main a.-withIcon.-spotify:hover {
	background-image: url(/_media/icons/footer/NEWsocial-spotify-rev.png);
}

/* ---------------------------------------- */

form.narrowForm .f-textBox,form.narrowForm .f-textArea {
	width: 165px;
	font-family: Helvetica, Arial, sans-serif;
	border: grey solid 2px;
	border-radius: 3px;
	transition: background-color ease 200ms;
}

form.narrowForm .f-textBox:focus,form.narrowForm .f-textArea:focus {
    transition: all ease 200ms;
	background-color: #EEEEEE;
	/*outline: #772C2C solid 2px;*/
}

.forceWide form.narrowForm .f-textBox, .forceWide form.narrowForm .f-textArea {
	width: 300px;
	font-family: Helvetica, Arial, sans-serif;
	border: grey solid 2px;
	border-radius: 3px;
}

form.simpleForm {
	padding:0; margin:0;
}

form.simpleForm h2, #mainCol form.simpleForm h2, #auxCol form.simpleForm h2 {
	margin:20px 0 0;
}

form.simpleForm table {
	border-collapse:collapse;
}

form.simpleForm table td {
	vertical-align:top;
	padding:0 0 15px;
}

form.simpleForm table td.labelCol {
	width:165px;
	text-align:left;
	padding-right:5px;
}

#mainCol form.simpleForm table td.fieldCol {
	width:230px;
	text-align:left;
}

#auxCol form.simpleForm table td.fieldCol {
	width:250px;
	text-align:left;
}

form.simpleForm  label {
	font-weight:bold;
}

form.simpleForm table td.labelCol label {
	line-height:1.8em;
}

#mainCol form.simpleForm .f-textBox, #mainCol form.simpleForm .f-textArea {
	margin:0;
	width:230px;
}

#auxCol form.simpleForm .f-textBox, #auxCol form.simpleForm .f-textArea {
	margin:0;
	width:250px;
}

p.fieldError {
	color:#990000;
	padding:0;
	padding-top:5px;
}

form.simpleForm input.ltm, form.simpleForm label.ltm, form.simpleForm tr.ltm {
	display:none;
}

.button{
  transition: background-color 500ms ease, color 500ms ease, transform ease 250ms;
  font-size: 14px;
  padding: 7px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #aaa;
  background: #eee;
  font-family: Helvetica, Arial, sans-serif;
  cursor: pointer;
  transform: scale(1.0);
}

.button:hover{
  background-color: #A82828;
  color: #fff;
}

.button:active {
    transition: transform ease 250ms;
    transform: scale(0.87);
}


p.memoLog {
	font-weight:bold;
	color:black;
}
p.errorLog {
	font-weight:bold;
	color:maroon;
}
p.noticeLog, p.warningLog {
	font-weight:bold;
	color:orange;
}

.complinks {
    color: #A82828;
    transition: color 400ms ease;
    line-height: 35px;
}

.complinks:hover {
    color: #480505;
    transition: color 400ms ease;
    line-height: 35px;
}

/* -----------------------------------------------------------------

Layout4 styles

----------------------------------------------------------------- */

.layout4 {
}

.layout4 .padbox {
	height:45px;
}
.layout4 .padboxBottom {
	height:60px;
}

.layout4-host-000, .layout4-host-011, .layout4-host-001, .layout4-host-010, .layout4-host-101, .layout4-host-100, .layout4-host-110, .layout4-host-events {
	width:930px;
	margin:0 auto;
	background-repeat: repeat-y;
	background-position: 10px top;
}

.awardsbody {
    width:930px;
	margin:0 auto;
	background-repeat: repeat-y;
	background-position: 10px top;
}

.layout4-host-events {
	background-position:left top;
	background-image:url(/_media/layouts/layout.events.gif?03-2013);
}

.layout4-host-000 {
}

.layout4-host-011 {
	background-image:url(/_media/layouts/layout.4.011.gif?03-2013);
}

.layout4-host-110 {
	background-image:url(/_media/layouts/layout.4.110.gif?03-2013);
}

.layout4-host-001 {
	background-image:url(/_media/layouts/layout.4.001.gif?03-2013);
}

.layout4-host-010 {
	background-image:url(/_media/layouts/layout.4.010.gif?03-2013);
}

.layout4-host-101 {
	background-image:url(/_media/layouts/layout.4.101.gif?03-2013);
}

.layout4-host-100 {
	background-image:url(/_media/layouts/layout.4.100.gif?03-2013);
}

.tabletheory {
	line-height: 20px;
	font-size: 1em;
}

.layout4 .tabletheoryleft {
	width:540px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .juriesleft {
	width:490px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .singleCol {
	width:205px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .contentright {
	width:440px;
	float:right;
	padding:0 20px 0 0px;
}

.layout4 .juriesright {
	width:225px;
	float:left;
	padding:0 20px 0 80px;
}

.layout4 .compleft {
	width:375px;
	float:left;
	padding:0 120px 0 10px;
}

.layout4 .compright {
	width:400px;
	float:left;
	padding:0 20px 0 0px;
}

.layout4 .rightUnder {
	width:230px;
	float:left;
	padding:0 20px 0 10px;
}

/*lots of top padding to bring under calendar*/

.layout4 .underCal {
	padding-right:10px !important;
	_padding-right:0 !important; /* IE6 can't deal with this */
	bottom: 20px;
}

.layout4 .doubleCol {
	width:440px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .sidebar {
	width:fit-content;
	float:left;
	padding:0 0px 0 10px;
}

.layout4 .tripleCol {
	width:675px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .quadrupleCol {
	width:910px;
	float:left;
	padding:0 20px 0 10px;
}

.layout4 .colPrimary {
	min-height:500px;
	_height:500px;
}


.layout4 .firstCol {
	padding-left:10px !important;
}

.layout4 .lastCol {
	padding-right:10px !important;
	_padding-right:0 !important; /* IE6 can't deal with this */
}

.layout4 .firstSubCol {
	padding-left:0px !important;
}

.layout4 .lastSubCol {
	padding-right:0px !important;
}

section {
height: 100vh;
}

.tag {
}

.tag {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}

.tag.visible {
opacity: 1;
transform: translate(0, 0);
}
/* -------------------------------------- */

.itemSlot, .itemSlotLast {
	margin-top:4px;
	float:left;
	margin-right:10px;
	margin-bottom:18px;
}

.itemSlot h2, .itemSlotLast h2 {
	margin-top:-4px;
}

.itemSlotLast {
	margin-right:0px;
}

.itemSlot img, .itemSlotLast img {
	padding-bottom:0px;
	/*used to be 4px*/
}

.linkList, .linkList * {
	line-height:36px;
}

.itemSlotLast a, .itemSlot a {
	/*font-size:11px;*/
}

.chairTitle {
	padding-top:2px;
	line-height:15px !important;
	float:left;
	width: 110px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	
	color:black;
}

.noBannerNegativeSpace {
	width:0;
	height:0;
	margin-top:-28px;
	line-height:0;
	font-size:0;
}

/* -------------------------------------- */

#slideHost {
	position:relative;
	overflow:hidden;
	margin:28px auto 0;
	background:url(/_media/loader.gif?03-2013) no-repeat center center;
}

#slideHost .slideFrame {	
	position:absolute;
	left:0;
	top:0;
	width:20000px;
}

#slideHost .slidePic {	
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0; 
}

/*
#slideHost {
	position:relative;
	overflow:hidden;
	margin:30px auto 0;
	background:url(/_media/loader.gif?03-2013) no-repeat center center;
	z-index:0;
}

#slideHost .slideFrame {
	position:absolute;
	left:0;
	top:0;
	width:20000px;
}

#slideHost .slidePic {
	float:left;
}
*/

/**
 * Expandable inline news items (no longer used, replaced with overlay).
 */

.expand {
	overflow: hidden;
	display: expression("none"); /* for IE6/7 only */
}

.expand-after {
	margin:-2px 0 0;
}

.eventScrollContainer {
	width:205px;
	height:370px;
	position:relative;
	overflow:hidden;
}

#eventsSection .eventScrollContainer {
	width:345px;
}

#newsSection .eventScrollContainer {
	width:440px;
}

.eventScrollSupercontainer {
	_height:400px;
	min-height:400px;
}

.eventScrollSubcontainer {
	top:0;
	left:0;
	width:205px;
	height:370px;
	position:absolute;
	height:5000px;
}

#eventsSection .eventScrollContainer {
	width:345px;
}

#newsSection .eventScrollContainer {
	width:440px;
}

.eventScrollBox {
	position:relative;	
	top:0;
	left:0;
	width:205px;
	padding-bottom:50px;
}

#eventsSection .eventScrollBox {
	width:345px;
}

#newsSection .eventScrollBox {
	width:440px;
}



.eventScrollBox .newsDate {
	margin-top:0;
}

.eventScroller a, .eventScroller a:active, .eventScroller a:hover, .eventScroller a:visited {
	display:block;
	width:12px;
	height:12px;
	margin:0 3px 21px 0;
	float:left;
	outline:none;
}

.eventScroller a.active {
	background:url(/_media/red-dot-on.gif) no-repeat;
}

.eventScroller a.inactive {
	background:url(/_media/NEWdot-off.gif) no-repeat;
	transition: .65s cubic-bezier(0.46, 0.03, 0.52, 0.96)
}

.eventScroller {
	padding-top:3px;
}


/* faculty department list styles */

.depSelector {
	float:left; width:150px;
}

.depSelector a {
	display: block;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px 0 3px;
}

.depSelector a, .depSelector a:link, .depSelector a:active {
	color:black !important;
	transition: .22s ease-in-out;
}

.depSelector a:hover {
	color:#A82828 !important;
	transition: .22s ease-in-out;
}

.depSelector a.selected {
	color:#A82828 !important;
}

.depSelector a.selected {
	color:#A82828 !important;
}

.depList {
	float:left; width:525px;
}

.depList .firstSubCol {
	padding-right:0 !important;
	padding-left: 20px !important;
}

#institutionSection h2 {
	margin-top:20px;
}

/* event popups */
.eventPopup {
	position:absolute;
	top:0;
	left:0;
	width:225px;
	z-index:500000;
}

#eventsSection .eventPopup {
	width:365px;
}

#newsSection .eventPopup {
	width:460px;
}

.eventPopup .top {
	background:url(/_media/popup/top.png?03-2013);
	_background:url(/_media/popup/top.gif?03-2013);
	width:225px; height:15px;
	line-height:0; font-size:0;
}

#eventsSection .eventPopup .top {
	width:365px;
	background:url(/_media/popup/top-events.png?03-2013);
	_background:url(/_media/popup/top-events.gif?03-2013);
}

#newsSection .eventPopup .top {
	width:460px;
	background:url(/_media/popup/top-news.png?03-2013);
	_background:url(/_media/popup/top-news.gif?03-2013);
}

.eventPopup .mid {
	background:url(/_media/popup/mid.png?03-2013);
	_background:url(/_media/popup/mid.gif?03-2013);
	width:205px; padding:0 10px;
	padding-bottom:1px; /* absorb <p> margin-bottom */
	word-wrap: break-word;
}

#eventsSection .eventPopup .mid {
	width:345px;
	background:url(/_media/popup/mid-events.png?03-2013);
	_background:url(/_media/popup/mid-events.gif?03-2013);
}

#newsSection .eventPopup .mid {
	width:440px;
	background:url(/_media/popup/mid-news.png?03-2013);
	_background:url(/_media/popup/mid-news.gif?03-2013);
}

.eventPopup .btm {
	background:url(/_media/popup/btm.png?03-2013);
	_background:url(/_media/popup/btm.gif?03-2013);
	width:225px; height:20px;
	line-height:0; font-size:0;
}

#eventsSection .eventPopup .btm {
	width:365px;
	background:url(/_media/popup/btm-events.png?03-2013);
	_background:url(/_media/popup/btm-events.gif?03-2013);
}

#newsSection .eventPopup .btm {
	width:460px;
	background:url(/_media/popup/btm-news.png?03-2013?03-2013);
	_background:url(/_media/popup/btm-news.gif?03-2013?03-2013);
}