/*
 * Styles for CLACS site
 *
 * Imports baseline.css
 * Print styles via media query at bottom of this file
 *
 * rjw 6/2016
 *
 * STANDARD COLORS:
 *  #c51a20   watson red
 *  #fdb813   watson yellow-orange
 *  #c2c2c2   gray rules
 *  #005b7f   blue
 *
 * MAJOR BREAKPOINTS:
 *  mobile:   10px left/right gutters
 *  >= 32em:  15px
 *  >= 56em:  20px
 *  mobile:   mobile menu
 *  >= 46em:  desktop menu
 *  mobile:   no left sidebar
 *  >= 46em:  left sidebar visible (on pages with left sidebar)
 *
 */


/* reset */
@import url("baseline.css");



/*** GENERAL ***/

html {
  font-size: 62.5%;    /* rem base, 62.5% = 10 */
  overflow-y: scroll;  /* OPTIONAL - force vertical scrollbar */
}
body {
  background-color: #f8f8f8;
}

/* default font */
body {
  font-family: Arial, Lucida, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  word-wrap: break-word; /* allow long words/urls to break */
}
/* default links */
a,
a:link {
  color: #3366cc;
  text-decoration: none;
  outline: none;
}
a:visited {
  color: #3366cc;
  text-decoration: none;
  outline: none;
}
a:active,
a:hover {
  color: #3366cc;
  text-decoration: none;
  outline: none;
}
a:focus {
  /*outline: thin dotted;*/
}



/*** OUTER SHELL ***/
/* centered container for all page content */

#divoutershell {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
}



/*** ALERT BLOCK ***/

.alertblock {
  border: 2px solid #ffcc00;
  padding: 8px;
  background-color: #ffffaa;
}
.alertblock h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 150%;
  color: #000000;
  margin-bottom: 8px;
}
.alertblock p {
  font-size: 1.4rem;
  line-height: 150%;
  color: #000000;
  margin-bottom: 16px;
}
.alertblock a,
.alertblock a:link,
.alertblock a:visited,
.alertblock a:hover {
  color: #000000;
  text-decoration: underline;
}



/*** HAPPENING NOW ***/

#divhappeningnow {
  width: 100%;
  border-bottom: 2px solid #fdb813;
  background-color: #dddddd;
  padding: 1.4rem 10px 1.4rem 10px;
  overflow: hidden;
}
#divhappeningnow h2 {
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 100%;
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
#divhappeningnow p {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.0rem;
  color: #000000;
  margin-bottom: 1.0rem;
}
#divhappeningnow p span {
  display: block;
}
#divhappeningnow p span.eventlink {
  font-size: 1.3rem;
  text-transform: uppercase;
}
#divhappeningnow p:last-child {
  margin-bottom: 0;
}
#divhappeningnow a {
  color: #000000;
  text-decoration: none;
}
#divhappeningnow a:hover {
  color: #c51a20;
  text-decoration: none;
}
#divhappeningnow p span.eventlink a:after {
  content: "\00a0\003e"; /* nbsp gt */
}
/* intermediate */
@media all and (min-width: 32em) {
  #divhappeningnow {
    padding: 1.4rem 15px 1.4rem 15px;
  }
  #divhappeningnow p span {
    display: inline;
  }
  #divhappeningnow p span.eventlink {
    padding-left: 15px;
  }
}
/* desktop */
@media all and (min-width: 58em) {
  #divhappeningnow {
    padding: 1.4rem 20px 1.0rem 20px;
  }
  #divhappeningnow h2 {
    float: left;
    margin-right: 20px;
  }
  #divhappeningnow div.eventlist {
    float: left;
    padding-top: 0.3rem;
  }
}



/*** HEADER AREA ***/

#divheader {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-bottom: 0.6rem;
  border-bottom: 4px solid #fdb813;
}

/* branding */
#divbranding {
  width: 100%;
  padding: 1.2rem 10px 0.8rem 10px;
  display: flex;
}
#divwatsonid a {
  display: block;
  position: relative;
  max-width: 300px;
  line-height: 0;
}
#divccsaid a {
  display: block;
  max-width: 204px;
  line-height: 0;
}

/* tools */
#divtools {
  width: 100%;
  padding: 0 10px 0 20px;
}

/* social icons */
#divsocialicons {
  padding: 1.4rem 0 0 0;
  line-height: 0;
}
#divsocialicons a {
  display: inline-block;
  margin-right: 2px;
}
#divsocialicons a:last-child {
  margin-right: 0;
}

/* search */
#divsearch {
  clear: left;
  float: left;
  padding: 1.4rem 0 1.4rem 0;
  width: 100%;
}
#divsearch form {
  display: block;
  float: left;
}
#divsearch td {
  text-align: left;
  vertical-align: middle;
}
#divsearch .form-item {
  margin: 0; /* Views' divs wrapping form items, that seem difficult to remove */
}
#divsearch td.input {
  border: 1px solid #bbbbbb;
}
#divsearch td.input input {
  border: none;
  background-color: #ffffff;
  font-size: 1.3rem;
  padding: 2px 4px;
  width: 12rem;
}
#divsearch td.filter {
  border: 1px solid #bbbbbb;
}
#divsearch td.filter select {
  border: none;
  background-color: #ffffff;
  font-size: 1.3rem;
  padding: 4px 6px;
}
#divsearch td.button {
  border: none;
  padding-left: 10px;
}
#divsearch td.button input {
  width: 25px;
  height: 23px;
  background-color: transparent;
  background-image: url(../img/search/magnifier.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}
/* styles for Fancyform rendering of filter select - adapted from Fancyform demo.css */
#divsearch td.filter .transformSelect {
  font-size: 1.3rem;
  width: 12rem;
}
#divsearch td.filter .transformSelect li {
  position: relative;
  list-style: none;
}
#divsearch td.filter .transformSelect span {
  background: #ffffff no-repeat url(../img/search/searchfilterdown.png) 94% 50%;
  border: none;
  color: #000000;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  padding: 3px 5px;
  top: 0;
  line-height: 20px;
}
#divsearch td.filter .transformSelect ul {
  position: absolute;
  left: -1px;
  border: 1px solid #CCCCCC;
  width: 12.2rem;
}
#divsearch td.filter .transformSelect ul span {
  border: 0;
  background: #ffffff;
}
#divsearch td.filter .transformSelect ul span:hover {
  background: #dddddd;
}
#divsearch td.filter .transformSelect ul li {
  height: auto;
}

/* desktop: header has no bottom border outside of mobile menu realm */
@media all and (min-width: 46em) {
  #divheader {
    border-bottom: none;
  }
}

/* desktop: header in two columns for wider screens */
@media all and (min-width: 58em) {
  #divheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 2.8rem 2.8rem;
  }
  /* left column: branding */
  #divbranding {
    padding: 0 0 0 20px;
  }
  /* right column: tools */
  #divtools {
    padding: 0 8px 0 0;
  }
  /* social icons */
  #divsocialicons {
    padding: 0 36px 0 0;
    text-align: right;
  }
  /* search */
  #divsearch {
    clear: right;
    float: right;
    padding-bottom: 0;
  }
  #divsearch form {
    float: right;
  }
  #divsearch td.input input {
    width: 15rem;
  }
}



/*** PRIMARY NAVIGATION ***/


#divprimarynavarea_wide {
  position: relative;
  z-index: 9; /* less than divheader */
}
#divprimarynav {
  width: 100%;
  border-bottom: 4px solid #fdb813;
}

/* toggle button */
#divprimarynavtoggle {
  display: block;
  width: 100%;
  background-color: #c51a20;
  font-size: 1.8rem;
  line-height: 100%;
  color: #ffffff;
}
#divprimarynavtoggle a {
  display: block;
  padding: 1.8rem 25px 1.4rem 20px;
}
#divprimarynavtoggle a,
#divprimarynavtoggle a:link,
#divprimarynavtoggle a:visited {
  color: #ffffff;
  text-decoration: none;
}
#divprimarynavtoggle a:hover,
#divprimarynavtoggle a.active {
  color: #fdb813;
  text-decoration: none;
}
#divprimarynavtoggle a:after {
  content: url(../img/nav/menuicon_28x20.png);
  display: block;
  padding: 1.4rem 20px;
  position: absolute;
  right: 0;
  top: 0;
}
#divprimarynavtoggle a.active:after,
#divprimarynavtoggle:hover a:after {
  content: url(../img/nav/menuicon_28x20_hi.png);
}

/* main menu */
#divprimarynav > ul {
  display: none;
  width: 100%;
  background-color: #c51a20;
  margin: 0;
  padding: 0;
  list-style: none;
}
#divprimarynav > ul > li {
  position: relative;
  width: 100%;
  font-size: 1.8rem;
  line-height: 100%;
  color: #ffffff;
  border-top: 2px solid #ffffff;
}
#divprimarynav > ul > li > a {
  display: block;
  padding: 1.8rem 2.5rem 1.4rem 2.5rem;
}
#divprimarynav > ul > li > a,
#divprimarynav > ul > li > a:link,
#divprimarynav > ul > li > a:visited {
  color: #ffffff;
  text-decoration: none;
}
#divprimarynav > ul > li.submenuopen > a,
#divprimarynav > ul > li > a:hover {
  color: #fdb813;
  text-decoration: none;
}

/* submenu toggle indicator */
#divprimarynav > ul > li.submenutoggle > a:after {
  content: "+";
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 100%;
  color: #ffffff;
  padding: 1.1rem 1.6rem;
  position: absolute;
  right: 0;
  top: 0;
}
#divprimarynav > ul > li.submenuopen > a:after {
  content: "\2013"; /* ndash */
}
#divprimarynav > ul > li.submenuopen > a:after,
#divprimarynav > ul > li.submenutoggle:hover > a:after {
  color: #fdb813;
}

/* submenus */
#divprimarynav > ul ul {
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* hide first level submenus but leave second etc. levels alone */
#divprimarynav > ul > li > ul {
  display: none;
}
/* submenu items */
#divprimarynav > ul ul li  {
  width: 100%;
  line-height: 100%;
  color: #c51a20;
}
/* first level submenu items */
#divprimarynav > ul > li > ul > li  {
  font-size: 1.4rem;
  font-weight: bold;
  border-top: 1px solid #c51a20;
}
/* second level submenu items */
#divprimarynav > ul > li > ul ul li  {
  font-size: 1.4rem;
  font-weight: normal;
  border-top: none;
}
/* third level submenu items */
#divprimarynav > ul > li > ul ul ul li  {
  font-size: 1.3rem;
  font-weight: normal;
  border-top: none;
}
/* submenu links */
#divprimarynav > ul ul li a {
  display: block;
}
#divprimarynav > ul ul li a,
#divprimarynav > ul ul li a:link,
#divprimarynav > ul ul li a:visited {
  color: #c51a20;
  text-decoration: none;
}
#divprimarynav > ul ul li a.active-trail,
#divprimarynav > ul ul li a:hover {
  color: #fdb813;
  text-decoration: none;
}
/* first level submenu links */
#divprimarynav > ul ul li a {
  padding: 1.4rem 2.5rem 1.0rem 2.5rem;
}
/* second level submenu links */
#divprimarynav > ul ul ul li a {
  position: relative;
  padding: 1.0rem 2.5rem 1.0rem 4.0rem;
}
/* third level submenu links (just in case) */
#divprimarynav > ul ul ul ul li a {
  padding: 1.0rem 2.5rem 1.0rem 5.5rem;
}
/* bullets */
#divprimarynav > ul ul ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 3.0rem;
  top: 1.4rem;
  width: 4px;
  height: 4px;
  background-color: #c51a20;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#divprimarynav > ul ul ul ul li a:before {
  left: 4.5rem;
}
#divprimarynav > ul ul li a.active-trail:before,
#divprimarynav > ul ul li a:hover:before {
  background-color: #fdb813;
}

/* intermediate: no toggle, main items only, evenly spaced, three per line */
@media all and (min-width: 46em) {
  /* hide toggle */
  #divprimarynavtoggle {
    display: none;
  }
  /* hide submenus */
  #divprimarynav > ul ul {
    display: none;
  }
  /* main menu floats */
  #divprimarynav > ul {
    display: block;
    float: left;
  }
  #divprimarynav > ul::after { /* clearself the long way because of menus */
    content: "";
    display: table;
    clear: both;
  }
  #divprimarynav > ul > li {
    float: left;
    width: 33.33333%;  /* three per line */
    border-top: none;
  }
  /* hide submenu toggle indicators */
  #divprimarynav > ul > li.submenutoggle > a:after {
    display: none;
  }
  /* active menu item */
  #divprimarynav > ul > li > a.active-trail {
    color: #fdb813;
    text-decoration: none;
  }
}

/* intermediate: no toggle, main items only, evenly spaced, five per line */
@media all and (min-width: 52em) {
  /* hide toggle */
  #divprimarynavtoggle {
    display: none;
  }
  /* hide submenus */
  #divprimarynav > ul ul {
    display: none;
  }
  /* main menu floats */
  #divprimarynav > ul {
    display: block;
    float: left;
  }
  #divprimarynav > ul::after { /* clearself the long way because of menus */
    content: "";
    display: table;
    clear: both;
  }
  #divprimarynav > ul > li {
    float: left;
    width: 20%;  /* five per line */
    border-top: none;
  }
  /* hide submenu toggle indicators */
  #divprimarynav > ul > li.submenutoggle > a:after {
    display: none;
  }
  /* active menu item */
  #divprimarynav > ul > li > a.active-trail {
    color: #fdb813;
    text-decoration: none;
  }
}

/* desktop: auto width, dropdown menus */
@media all and (min-width: 1100px) {
  #divprimarynav > ul > li {
    width: auto;
    position: relative;
    z-index: 20;
  }
  #divprimarynav > ul > li > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    border: 2px solid #c51a20;
    border-top-width: 4px;
    width: 14em;
  }
  #divprimarynav > ul > li:hover > ul {
    display: block;
  }
  #divprimarynav > ul > li > ul > li:first-child {
    border-top: none;
  }
  #divprimarynav > ul > li > ul > li > ul {
    display: none;
  }
  #divprimarynav > ul > li:nth-child(1) {
    z-index: 32;
  }
  #divprimarynav > ul > li:nth-child(2) {
    z-index: 31;
  }
  #divprimarynav > ul > li:nth-child(2) > ul {
    width: 15em;
  }
  #divprimarynav > ul > li:nth-child(3) {
    z-index: 30;
  }
  #divprimarynav > ul > li:nth-child(4) {
    z-index: 29;
  }
  #divprimarynav > ul > li:nth-child(4) > ul {
    width: 15em;
  }
  #divprimarynav > ul > li:nth-child(5) {
    z-index: 28;
  }
  #divprimarynav > ul > li:nth-child(6) {
    z-index: 27;
  }
  #divprimarynav > ul > li:nth-child(7) {
    z-index: 26;
  }
  #divprimarynav > ul > li:nth-child(8) {
    z-index: 25;
  }
  #divprimarynav > ul > li:nth-child(9) {
    z-index: 24;
  }
  #divprimarynav > ul > li:nth-child(10) {
    z-index: 23;
  }
  #divprimarynav > ul > li:nth-child(11) {
    z-index: 22;
  }
  #divprimarynav > ul > li:nth-child(12) {
    z-index: 21;
  }
}
/* alternate style - red background */
@media all and (min-width: 58em) {
  #divprimarynav > ul > li > ul {
    background-color: #c51a20;
    border-top: none;
  }
  #divprimarynav > ul > li > ul > li,
  #divprimarynav > ul > li > ul > li:first-child {
    border-top: 1px solid #ffffff;
  }
  #divprimarynav > ul > li > ul > li > a,
  #divprimarynav > ul > li > ul > li > a:link,
  #divprimarynav > ul > li > ul > li > a:visited {
    color: #ffffff;
  }
  #divprimarynav > ul > li > ul > li > a:hover {
    color: #fdb813;
  }
}



/*** FOOTER AREA ***/

#divfooter {
  border-top: 2px solid #c51a20;
  padding: 1.8rem 10px 1.8rem 10px;
}
/* intermediate: spacing adjustments */
@media all and (min-width: 32em) {
  #divfooter {
    padding: 1.8rem 15px 1.8rem 15px;
  }
}
/* desktop: spacing adjustments */
@media all and (min-width: 58em) {
  #divfooter {
    padding: 1.8rem 20px 1.8rem 20px;
  }
}

/* footer links */
#divfooternav {
  width: 100%;
  margin-bottom: 2.0rem;
  overflow: hidden;  /* clearself */
}
#divfooternav ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#divfooternav ul li {
  float: left;
  font-size: 1.2rem;
  line-height: 100%;
  color: #707070;
  text-transform: uppercase;
}
#divfooternav ul li a {
  display: block;
  padding: 0.8rem 1.4rem;
}
#divfooternav ul li:first-child a {
  padding-left: 0;
}
#divfooternav ul li:last-child a {
  padding-right: 0;
}

#divfooternav ul li a,
#divfooternav ul li a,
#divfooternav ul li a {
  color: #707070;
  text-decoration: none;
}
#divfooternav ul li a:hover {
  color: #c51a20;
  text-decoration: none;
}

/* intermediate+: footer links float right */
@media all and (min-width: 30em) {
  #divfooternav {
    margin-bottom: 0.4rem;
  }
  #divfooternav ul {
    float: right;
  }
  #divfooternav ul li {
    font-size: 1.2rem;
  }
}

/* contact info */
#divcontactinfo {
  padding: 0.8rem 0;
}
#divcontactinfo h2 {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #444444;
  margin-bottom: 1.5rem;
}
/* address is set up as paragraphs with line breaks */
#divcontactinfo p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #444444;
}
#divcontactinfo a,
#divcontactinfo a:link,
#divcontactinfo a:visited {
  color: #444444;
  text-decoration: none;
}
#divcontactinfo a:hover {
  color: #c51a20;
  text-decoration: none;
}

/* mobile: line breaks visible, commas hidden */
@media all and (max-width: 40em) {
  #divcontactinfo br.br1 {
    display: inline;
  }
  #divcontactinfo span.br1 {
    display: none;
  }
}

/* intermediate: line breaks hidden, commas visible */
@media all and (min-width: 40em) {
  #divcontactinfo br.br1 {
    display: none;
  }
  #divcontactinfo span.br1 {
    display: inline;
  }
}

/* desktop: everything in one line */
@media all and (min-width: 60em) {
  #divcontactinfo p {
    float: left;
    padding: 0.3rem 1.6rem 0.3rem 1.6rem;
    border-left: 1px solid #444444;
    line-height: 100%;
  }
  #divcontactinfo p:first-of-type {
    border-left: none;
    padding-left: 0;
  }
  #divcontactinfo p:last-of-type {
    padding-right: 0;
  }
}

/* brown logo, watson logo, and copyright */
#divbrownfooterid {
  padding: 1.8rem 0 1.4rem 0;
}
#divwatsonfooterid {
  padding: 0.4rem 0 1.4rem 0;
}
#divcopyright {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #444444;
  padding: 1.0rem 0 0 0;
}
/* low intermediate: float logos left and right */
@media all and (min-width: 420px) {
  #divbrownfooterid {
    float: left;
  }
  #divwatsonfooterid {
    float: right;
    padding-top: 1.8rem;
  }
  #divcopyright {
    clear: both;
  }
}



/*** DEFAULT BODY AREA LAYOUT ***/

#divbody {
  overflow: hidden; /* clear self */
}
/* outer column container */
#divcolumns {
  position: relative;
  z-index: 1;
  overflow: hidden; /* clear self */
}
/* left sidebar (not visible when mobile menu active) */
#divleftsidebar {
  display: none;
}
/* content column (which may be internally divided, or not) */
#divcontentcolumn {
  position: static;
  width: 100%;
  padding: 0;  /* padding in nested columns */
}

/* intermediate: left sidebar possibly becomes visible */
@media all and (min-width: 46em) {
  /* vertical rule between left and center columns */
  #divcolumns.twocolumn:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 78.18181%;
    border-right: 1px solid #c2c2c2;
  }
  /* left sidebar */
  #divcolumns.twocolumn #divleftsidebar {
    display: block;
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 21.81818%;   /* 240/1100 */
    padding: 2.4rem 15px 2.4rem 15px;
    border-bottom: none;
  }
  /* center/right columns */
  #divcolumns.onecolumn #divcontentcolumn {
    width: 100%;
    margin: 0;
    padding: 0;  /* padding in nested columns */
  }
  #divcolumns.twocolumn #divcontentcolumn {
    float: left;
    margin-right: -100%;
    margin-left: 21.81818%;
    width: 78.18181%;   /* 860/1100 */
    padding: 0;  /* padding in nested columns */
  }
}
/* desktop: spacing adjustment */
@media all and (min-width: 58em) {
  #divcolumns.twocolumn #divleftsidebar {
    padding: 2.4rem 20px 2.4rem 20px;
  }
}



/*** LEFT SIDEBAR STYLES ***/

/* note that the left sidebar is only visible when the desktop menu is active,
   and is completely disabled for some templates */

/* section title at top of left sidebar */
#divleftsidebar .sectiontitle h2 {
  font-size: 2.1rem; /* limited by "Undergraduate" */
  font-weight: bold;
  line-height: 100%;
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
#divleftsidebar .sectiontitle h2 a {
  color: #c51a20;
  text-decoration: none;
}
#divleftsidebar .sectiontitle h2 a:hover {
  color: #c51a20;
  text-decoration: underline;
}

/* secondary navigation */
#divsecondarynav {
  overflow: hidden; /* clear self */
}
#divsecondarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divsecondarynav li {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 114.286%; /* 16/14 */
  color: #000000;
}
#divsecondarynav li li {
  font-weight: bold;
}
#divsecondarynav li li li {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 115.384%; /* 15/13 */
}
#divsecondarynav a {
  display: block;
  padding: 0.4rem 0 0.8rem 0;
  color: #000000;
  text-decoration: none;
}
#divsecondarynav li.active-trail > a,
#divsecondarynav a:hover {
  color: #c51a20;
  text-decoration: none;
}
#divsecondarynav ul ul a {
  padding: 0.4rem 0 0.8rem 6%;
}
#divsecondarynav ul ul ul a {
  padding: 0.4rem 0 0.8rem 12%;
}



/*** DEFAULT CONTENT AREA LAYOUT ***/

/* (standard template behavior) */

/* content container within content column */
#divcontent {
  position: relative;
  z-index: 1;
  width: 100%; /* IE wants this */
  overflow: hidden; /* clear self */
}
/* optional page title/intro area (or title may be included within divmaincontent) */
#divtitlearea {
  width: 100%;
  padding: 1.8rem 10px 0 10px;
}
#divtitlearea.bottomborder {
  padding: 1.8rem 10px 1.8rem 10px;
  border-bottom: 1px solid #fdb813;
}
#divcontent #divtitlearea > :last-child {
  margin-bottom: 0;
}
/* indented text within title area */
#divtitlearea .indenttext {
  width: 100%;
  padding-left: 0;
}
#divtitlearea .indenttext > :last-child {
  margin-bottom: 0;
}

/* main column within content column */
#divmaincontent {
  width: 100%;
  padding: 1.8rem 10px 1.8rem 10px;
}
/* right sidebar within content column */
#divsidecontent {
  padding: 1.8rem 10px 1.8rem 10px;
  border-top: 1px solid #c2c2c2;
}
/* feature image */
#divcontent div.featureimage {
  margin: 0px -10px 1.8rem -10px;
  line-height: 0;
  border-top: 4px solid #fdb813;
  border-bottom: 4px solid #fdb813;
  background-color: #000000;
}
#divcontent div.featureimage .image {
  line-height: 0;
  margin: 0;
  width: 100%;
}
#divcontent div.featureimage .image img {
  width: 100%; /* don't forget this 100% on the image! */
}
#divcontent div.featureimage .text {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
  padding: 10px;
}
#divcontent div.featureimage .text a {
  color: #ffffff;
  text-decoration: underline;
}
#divcontent div.featureimage .text a:hover {
  color: #e0e0e0;
  text-decoration: underline;
}
/* feature video */
#divcontent div.featurevideo {
  margin: 0px -10px 1.8rem -10px;
  line-height: 0;
  border-top: 4px solid #fdb813;
  border-bottom: 4px solid #fdb813;
}
#divcontent .videowrapper {
  width: 100%;
}
#divcontent div.featurevideo iframe {
  margin: 0;
  max-width: 100%;
}
/* sidebar box */
#divcontent .sidebarbox {
  margin: 0 -10px 1.8rem -10px;
  padding: 0 10px 1.8rem 10px;
  border-bottom: 1px solid #fdb813;
}
#divcontent .sidebarbox:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

/* intermediate: divide into two columns */
@media all and (min-width: 32em) {
  /* ONE COLUMN */
  #divcontentcolumn.onecolumn #divmaincontent {
    width: 100%;
    padding: 2.4rem 15px 2.4rem 15px;
  }
  #divcontentcolumn.onecolumn #divsidecontent {
    display: none;
  }
  /* TWO COLUMNS */
  #divcontentcolumn.twocolumn #divcontent {
    float: left; /* create float context */
  }
  /* main column within content column */
  #divcontentcolumn.twocolumn #divmaincontent {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 72.09302%;       /* 620/860 */
    padding: 2.4rem 15px 2.4rem 15px;
  }
  /* right sidebar within content column */
  #divcontentcolumn.twocolumn #divsidecontent {
    float: left;
    margin-right: -100%;
    margin-left: 72.09302%;
    width: 27.90697%;       /* 240/860 */
    padding: 2.4rem 15px 2.4rem 15px;
    border-top: none;
  }
  /* rule between main content and side content */
  #divcontentcolumn.twocolumn #divcontent:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 72.09302%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  /* spacing adustments */
  #divcontentcolumn.onecolumn #divtitlearea {
    padding: 2.4rem 15px 0 15px;
  }
  #divcontentcolumn.onecolumn #divtitlearea.bottomborder {
    padding: 2.4rem 15px 2.4rem 15px;
  }
  #divcontentcolumn.twocolumn #divtitlearea {
    padding: 2.4rem 30.23255% 0 15px;  /* 260/860 for right column area */
    border-bottom: none;
  }
  #divcontent div.featureimage {
    margin: 0px -15px 2.4rem -15px;
  }
  #divcontent div.featureimage .text {
    padding: 10px 15px;
  }
  #divcontent div.featurevideo {
    margin: 0px -15px 2.4rem -15px;
  }
  #divcontent .sidebarbox {
    padding: 0 15px 2.4rem 15px;
    margin: 0 -15px 2.4rem -15px;
  }
}

/* desktop: spacing changes and hover captions on feature images */
@media all and (min-width: 58em) {
  /* change feature image caption to mouseover */
  #divcontent div.featureimage {
    background-color: transparent;
    position: relative;
    z-index: 1;
  }
  #divcontent div.featureimage .text {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin: 0;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  #divcontent div.featureimage:hover .text {
    display: block;
  }
  /* wider gutters */
  #divcontentcolumn.onecolumn #divtitlearea {
    padding: 2.4rem 20px 0 20px;
  }
  #divcontentcolumn.onecolumn #divtitlearea.bottomborder {
    padding: 2.4rem 20px 2.4rem 20px;
  }
  #divcontentcolumn.twocolumn #divtitlearea {
    padding: 2.4rem 30.23255% 0 20px;  /* 260/860 */
  }
  #divcolumns.onecolumn #divtitlearea .indenttext {
    padding-left: 8%;  /* arbitrary */
  }
  #divcontentcolumn.onecolumn #divmaincontent,
  #divcontentcolumn.twocolumn #divmaincontent,
  #divcontentcolumn.twocolumn #divsidecontent {
    padding: 2.4rem 20px 2.4rem 20px;
  }
  #divcontent div.featureimage {
    margin: 0px -20px 2.4rem -20px;
  }
  #divcontent div.featureimage .text {
    padding: 15px 20px;
  }
  #divcontent div.featurevideo {
    margin: 0px -20px 2.4rem -20px;
  }
  #divcontent .sidebarbox {
    padding: 0 20px 2.4rem 20px;
    margin: 0 -20px 2.4rem -20px;
  }
}



/*** CONTENT TEXT STYLES ***/

/* headings */
#divcontent h1 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
#divcontent h1.sectiontitle {
  /* surrogate for invisible section title */
  font-size: 2.4rem;
}
#divcontent h1 + p.subtitle {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  margin-top: -1.4rem;
  margin-bottom: 2.4rem;
}
#divcontent h1 + p.subsubtitle,
#divcontent p.subtitle + p.subsubtitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  margin-top: -2.0rem;
  margin-bottom: 2.4rem;
}
#divcontent h1.storytitle {
  /* for news stories and profiles */
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  text-transform: none;
  margin-bottom: 2.4rem;
}
#divcontent h1.storytitle + p.subtitle {
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 133.333%;
  color: #000000;
  margin-top: -0.8rem;
  margin-bottom: 2.4rem;
}
#divcontent h1.storytitle + p.subsubtitle,
#divcontent h1.storytitle + p.subtitle + p.subsubtitle {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 133.333%;
  color: #000000;
  margin-top: -0.8rem;
  margin-bottom: 2.4rem;
}
#divcontent h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  margin-bottom: 1.8rem;
}
#divcontent p + h2,
#divcontent ul + h2,
#divcontent ol + h2 {
  margin-top: 3.6rem;
}
#divcontent h3 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  margin-bottom: 0;
}
#divcontent h4 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #000000;
  margin-bottom: 0;
}
#divcontent h5 {
  font-size: 1.4rem;
  font-weight: normal;
  font-style: italic;
  line-height: 2.2rem;
  color: #000000;
  margin-bottom: 0;
}
/* headings spaced like paragraph */
#divcontent h3.paragraphic,
#divcontent h4.paragraphic,
#divcontent h5.paragraphic {
  margin-bottom: 1.8rem;
}
/* body text */
#divcontent p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
  margin-bottom: 2.2rem;
}
/* paragraph before list - no space between */
#divcontent p.prelist {
  margin-bottom: 0;
}
/* list */
#divcontent ul {
  margin-left: 1.4rem;
  margin-bottom: 1.8rem;
  list-style-type: disc;
}
#divcontent ol {
  margin-left: 2.8rem;
  margin-bottom: 1.8rem;
  list-style-type: decimal;
}
#divcontent li {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
}
/* fallback for raw text in table cells anywhere on page */
td, th {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
}
/* list with items separated like paragraphs */
#divcontent ul.paragraphic,
#divcontent ol.paragraphic {
  margin-bottom: 0;
}
#divcontent ul.paragraphic li,
#divcontent ol.paragraphic li {
  margin-bottom: 1.8rem;
}
/* links */
#divcontent h1 a,
#divcontent h3 a {
  color: #c51a20;
  text-decoration: none;
}
#divcontent h1 a:hover,
#divcontent h3 a:hover {
  color: #c51a20;
  text-decoration: underline;
}
#divcontent h2 a,
#divcontent h4 a {
  color: #000000;
  text-decoration: none;
}
#divcontent h2 a:hover,
#divcontent h4 a:hover {
  color: #c51a20;
  text-decoration: none;
}
#divcontent p a,
#divcontent td a {
  color: #c51a20;
  text-decoration: none;
}
#divcontent li a {
  color: #005b7f;
  font-weight: bold;
  text-decoration: none;
}
#divcontent p a:hover,
#divcontent td a:hover {
  color: #c51a20;
  text-decoration: underline;
}
#divcontent li a:hover {
  color: #c51a20;
  font-weight: bold;
  text-decoration: none;
}
/* mailto link */
#divcontent p a.mailto,
#divcontent li a.mailto {
  text-decoration: none;
}
/* "more" link */
#divcontent a.morelink,
#divcontent span.morelink a,
#divcontent p.morelink a,
#divcontent li.morelink a {
  font-size: 1.3rem;
  text-transform: uppercase;
}
#divcontent a.morelink:after,
#divcontent span.morelink a:after,
#divcontent p.morelink a:after,
#divcontent li.morelink a:after {
  content: "\00a0\003e"; /* nbsp gt */
}
#divcontent p a.morelink,
#divcontent li a.morelink,
#divcontent span.morelink a,
#divcontent p.morelink a,
#divcontent li.morelink a {
  color: #005b7f;
  text-decoration: none;
}
#divcontent p a.morelink:hover,
#divcontent li a.morelink:hover,
#divcontent span.morelink a:hover,
#divcontent p.morelink a:hover,
#divcontent li.morelink a:hover {
  color: #c51a20;
  text-decoration: none;
}

/* horizontal rules */
#divcontent hr {
  display: block;
  height: 1px;
  border: none;
  color: #fdb813;
  background-color: #fdb813;
  margin: 0 -10px 1.8rem -10px;
  padding: 0;
}
#divcontent hr.doublerule {
  height: 2px;
}
@media all and (min-width: 32em) {
  #divcontent hr {
    margin: 0 -15px 1.8rem -15px;
  }
}
@media all and (min-width: 58em) {
  #divcontent hr {
    margin: 0 -20px 1.8rem -20px;
  }
}

/* blockquote */
#divcontent blockquote {
  padding: 0 5% 0 5%;
}

/* event series name */
#divcontent p.eventseries {
  font-weight: bold;
  color: #005b7f;
}
#divcontent p.eventseries a {
  color: #005b7f;
  text-decoration: none;
}
#divcontent p.eventseries a:hover {
  color: #c51a20;
  text-decoration: none;
}

/* jump menu list */
#divcontent ul.jumpmenu {
  margin: 18px 0 18px 0;
  padding: 18px 0 10px 0;
  list-style: none;
  overflow: hidden;  /* clearself */
}
#divcontent ul.jumpmenu li {
  float: left;
  list-style: none;
  margin-bottom: 8px;
}
#divcontent ul.jumpmenu li:after {
  content: "\00a0\00a0\00a0|\00a0\00a0\00a0";
}
#divcontent ul.jumpmenu li:last-child:after {
  display: none;
}
#divcontent ul.jumpmenu a {
  color: #005b7f;
  text-decoration: none;
}
#divcontent ul.jumpmenu a:hover {
  color: #c51a20;
  text-decoration: none;
}

/* tables */
#divcontent table {
  margin: 0 0 1.8rem 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}
#divcontent table thead,
#divcontent table tbody {
  border: none;
  background-color: transparent;
}
#divcontent tr th,
#divcontent tr td {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
  margin: 0;
  padding: 4px;
  border: none;
  background-color: transparent;
}
/* simple lined table */
#divcontent table.line-table {
}
#divcontent h3 + table.line-table,
#divcontent h4 + table.line-table,
#divcontent h5 + table.line-table {
  margin-top: 1.8rem;
}
#divcontent table.line-table tr td {
  padding: 8px;
  border: 1px solid #c2c2c2;
  text-align: left;
  vertical-align: top;
}
#divcontent table.line-table tr td > :last-child {
  margin-bottom: 0;
}
/* people table (i.e. affiliated faculty - photo left, text right) */
#divcontent table.people-table {
}
#divcontent h3 + table.people-table,
#divcontent h4 + table.people-table,
#divcontent h5 + table.people-table {
  margin-top: 1.8rem;
}
#divcontent table.people-table {
  margin: 2.1rem 0 3.2rem 0;
  table-layout: fixed;
  width: 100%;
}
#divcontent table.people-table td:nth-child(1) {
  padding: 0.3rem 0 1.6rem 0;
  width: 100px;
  text-align: left;
}
#divcontent table.people-table td:nth-child(2) {
  padding: 0 0 1.6rem 20px;
}
#divcontent table.people-table td > :last-child {
  margin-bottom: 0;
}
#divcontent table.people-table tr:last-child td {
  padding-bottom: 0;
}

/* miscellaneous */
#divcontent .red {
  color: #c51a20;
}
#divcontent .blue {
  color: #1b5f81;
}
#divcontent p.larger,
#divcontent li.larger,
#divcontent .larger {
  font-size: 116.666%;
}
#divcontent .larger .larger {
  font-size: 100%; /* prevent stacking */
}
#divcontent p.grayitalic {
  font-size: 1.4rem;
  font-style: italic;
  line-height: 142.857%; /* 20/14 */
  color: #7d7d7d;
}
/* last element in main content has no bottom margin */
#divmaincontent > p:last-child,
#divmaincontent > ul:last-child {
  margin-bottom: 0;
}
/* audio element and mediaelement player */
#divcontent audio,
#divcontent .watsonaudio {
  width: 100%;
  max-width: 400px;
}
/* news item date+source */
#divcontent p.datesource {
  color: #555555;
}
#divcontent p.datesource span.source:before {
  content: " \00a0\00a0\00a0|\00a0\00a0\00a0 ";
}



/*** SIDEBAR BOX TEXT STYLES ***/

/* heading in normal sidebar box */
#divcontent .sidebarbox h2 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 128.57142%;  /* 18/14 */
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 1.0rem;
}
/* larger heading in major sidebar (like Contact) */
#divcontent #divsidecontent.promoted .sidebarbox:first-child h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 100%;
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
/* text in sidebars */
#divcontent .sidebarbox p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
  margin-bottom: 1.8rem;
}
#divcontent .sidebarbox p img {
  margin-bottom: 0.4rem;
  margin-bottom: 0;
}
#divcontent .sidebarbox ul {
  margin-left: 1.4rem;
  margin-bottom: 1.8rem;
  list-style-type: disc;
}
#divcontent .sidebarbox li {
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #000000;
}
/* links in sidebars */
#divcontent #divsidecontent .sidebarbox h2 a {
  color: #c51a20;
  text-decoration: none;
}
#divcontent #divsidecontent .sidebarbox h2 a:hover {
  color: #fdb813;
  text-decoration: none;
}
#divcontent #divsidecontent .sidebarbox p a {
  color: #000000;
  text-decoration: underline;
}
#divcontent #divsidecontent .sidebarbox p a:hover {
  color: #c51a20;
  text-decoration: underline;
}
#divcontent #divsidecontent .sidebarbox li a {
  color: #000000;
  text-decoration: none;
}
#divcontent #divsidecontent .sidebarbox li a:hover {
  color: #c51a20;
  text-decoration: none;
}
/* last element in sidebar box has no bottom margin */
#divcontent .sidebarbox p:last-child,
#divcontent .sidebarbox ul:last-child {
  margin-bottom: 0;
}




/****** VIEW STYLES ******/



/*** PEOPLE GRID ***/

/* grid of people thumbnails (156x195) */
#divpeoplegrid {
  padding: 1.8rem 2px 0.8rem 10px;  /* right padding allows for 8px right pad in grid items */
  overflow: hidden; /* clear self */
}
@media all and (min-width: 32em) {
  #divpeoplegrid {
    padding: 1.8rem 7px 0.8rem 15px;
  }
}
@media all and (min-width: 58em) {
  #divpeoplegrid {
    padding: 2.4rem 12px 0.8rem 20px;
  }
}

/* common styles */
#divpeoplegrid a {
  display: block;
  float: left;
  max-width: 164px;
  padding: 0px 8px 8px 0;
  position: relative;
  z-index: 1;
  overflow: hidden; /* clear self */
}
#divpeoplegrid .personitem {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  background-color: #000000;
}
#divpeoplegrid .personitem .image {
  display: block;
  width: 100%;
  padding-bottom: 125%;  /* 195/156 */
  line-height: 0;
  margin: 0;
  font-size: 0;
  background-color: #000000;
}
#divpeoplegrid .personitem .image img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  margin: 0;
}
#divpeoplegrid .personitem .text {
  width: 100%;
  padding: 6px 10px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
}
#divpeoplegrid a:hover .personitem .text {
  color: #fdb813;
  text-decoration: none;
}

/* low-width size/spacing */
@media all and (max-width:348px) {  /* 10+164+8+164+8+2 */
  #divpeoplegrid a {
    width: 50%;
  }
  #divpeoplegrid a:nth-child(2n+1) {
    clear: left;
  }
}
@media all and (min-width:349px) and (max-width:538px) {  /* 15+164+8+164+8+164+8+7 */
  #divpeoplegrid a {
    width: 33.33333%;
  }
  #divpeoplegrid a:nth-child(3n+1) {
    clear: left;
  }
}
@media all and (min-width:539px) and (max-width:900px) {  /* 900 is empirical */
  #divpeoplegrid a {
    width: 25%;
  }
  #divpeoplegrid a:nth-child(4n+1) {
    clear: left;
  }
}
@media all and (min-width:901px) {
  #divpeoplegrid a {
    width: 20%;
  }
  #divpeoplegrid a:nth-child(5n+1) {
    clear: left;
  }
}



/*** PEOPLE LIST ***/

#divpeoplelist {
  padding-top: 1.2rem;
}
/* person items */
#divpeoplelist .personitem {
  padding: 1.0rem 10px;
  border-bottom: 1px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#divpeoplelist .personitem:last-child {
  border-bottom: none;
}
#divpeoplelist .personitem .image {
  float: right;
  max-width: 50%;
  padding-left: 10px;
  line-height: 1;
}
#divpeoplelist.noimages .personitem .image {
  display: none;
}
#divpeoplelist .personitem .text {
}
#divpeoplelist .personitem .text .vieweditlink {
  float: right;
}
#divpeoplelist .personitem h2 {
  /* style to look like h4 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #000000;
  margin: 0;
}
#divpeoplelist .personitem p {
  margin: 0;
}
#divpeoplelist .personitem ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#divpeoplelist .personitem ul li {
  display: inline-block;
  margin-left: 2.0rem;
}
#divpeoplelist .personitem ul li:first-child {
  margin-left: 0;
}
#divpeoplelist .personitem.unpublished {
  background-color: #ffe8e8;
}

/* intermediate */
@media all and (min-width: 32em) {
  #divpeoplelist .personitem {
    padding: 1.0rem 15px;
  }
}

/* intermediate: two columns */
@media all and (min-width: 46em) {
  #divpeoplelist .personitem .image {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 17.07317%;    /* (120+20)/820 */
    padding: 0.2rem 15px 0 0;
  }
  #divpeoplelist .personitem .text {
    float: left;
    margin-right: -100%;
    margin-left: 17.07317%;
    width: 82.92682%;    /* 680/820 */
  }
  #divpeoplelist.noimages .personitem .text {
    margin-left: 0;
    width: 100%; /* no photo, so use entire width */
  }
  /* spacing adjustments */
  #divpeoplelist .personitem {
    padding: 1.5rem 15px;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  #divpeoplelist .personitem {
    padding: 2.0rem 20px;
  }
  #divpeoplelist .personitem .image {
    padding: 0.3rem 20px 0 0;
  }
}

/* people list heading */

#divpeoplelist div.heading {
  border-top: 2px solid #fdb813;
  padding-top: 1.2rem;
}
#divattachedviews > :first-child #divpeoplelist div.heading {
  border-top: none;
}
#divpeoplelist div.heading h2 {
  font-size: 1.6rem;
  padding: 1.0rem 10px 1.0rem 10px;
  margin: 0;
}
/* intermediate */
@media all and (min-width: 46em) {
  #divpeoplelist div.heading h2 {
    padding: 1.5rem 15px 1.0rem 15px;
  }
}
/* desktop */
@media all and (min-width: 58em) {
  #divpeoplelist div.heading h2 {
    padding: 2.0rem 20px 1.0rem 20px;
  }
}


/*** NEWS LIST ***/

/* list of news items */
#divnewslist {
  padding-top: 1.2rem;
}
/* news items */
#divnewslist .newsitem {
  padding: 1.0rem 10px;
  border-bottom: 1px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#divnewslist .newsitem:last-child {
  border-bottom: none;
}
#divnewslist .newsitem .image {
  float: right;
  max-width: 50%;
  padding-left: 10px;
  line-height: 1;
}
#divnewslist.noimages .newsitem .image {
  display: none;
}
#divnewslist .newsitem .text {
}
#divnewslist .newsitem .text .vieweditlink {
  float: right;
}
#divnewslist .newsitem h2 {
  /* style to look like h4 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #000000;
  margin: 0;
}
#divnewslist .newsitem p {
  margin: 0;
}
#divnewslist .newsitem p.date {
  font-style: italic;
}
#divnewslist .newsitem ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#divnewslist .newsitem ul li {
  display: inline-block;
  margin-left: 2.0rem;
}
#divnewslist .newsitem ul li:first-child {
  margin-left: 0;
}
#divnewslist .newsitem.unpublished {
  background-color: #ffe8e8;
}

/* intermediate */
@media all and (min-width: 32em) {
  #divnewslist .newsitem {
    padding: 1.0rem 15px;
  }
}

/* intermediate: two columns */
@media all and (min-width: 46em) {
  #divnewslist .newsitem .image {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 24.39024%;    /* 200/820 */
    padding: 0 15px 0 0;
  }
  #divnewslist .newsitem .text {
    float: left;
    margin-right: -100%;
    margin-left: 24.39024%;
    width: 75.60975%;    /* 620/820 */
  }
  #divnewslist.noimages .newsitem .text {
    margin-left: 0;
    width: 100%; /* no photo, so use entire width */
  }
  /* spacing adjustments */
  #divnewslist .newsitem {
    padding: 1.5rem 15px;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  #divnewslist .newsitem {
    padding: 2.0rem 20px;
  }
  #divnewslist .newsitem .image {
    padding: 0 20px 0 0;
  }
}



/*** PROFILE LIST ***/

/* list of profile items (student/faculty spotlights) */
#divprofilelist {
  padding: 1.8rem 10px 0.8rem 10px;
  overflow: hidden; /* clear self */
}

/* common styles */
#divprofilelist a {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 8px;
}
#divprofilelist .profileitem {
  float: left;
  background-color: #000000;
  width: 100%;
  overflow: hidden; /* clear self */
}
#divprofilelist .profileitem .image {
  float: left;
  max-width: 50%;
  line-height: 0;
  margin: 0;
}
#divprofilelist .profileitem .image img {
  margin: 0;
}
#divprofilelist .profileitem .text {
  float: left;
  width: 50%;
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
}
#divprofilelist a:hover .profileitem .text {
  color: #fdb813;
  text-decoration: none;
}

/* intermediate: two columns, captions always visible */
@media all and (min-width: 32em) {
  #divprofilelist a {
    width: 50%;
    padding: 0px 8px 8px 0;
  }
  /* spacing adjustments */
  #divprofilelist {
    padding: 1.8rem 7px 0.8rem 15px;
  }
}

/* desktop: text only visible on hover */
@media all and (min-width: 58em) {
  #divprofilelist a {
    width: 25%;
    padding: 0px 8px 8px 0;
  }
  #divprofilelist .profileitem {
    background-color: #000000;
    position: relative;
    z-index: 1;
  }
  #divprofilelist .profileitem .image {
    float: none;
    width: 100%;
    max-width: 100%;
  }
  #divprofilelist .profileitem .image img {
    width: 100%;
  }
  #divprofilelist .profileitem .text {
    display: none;
    float: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 1.5rem 15px;
    margin: 0;
    min-height: 6.2rem;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  #divprofilelist a:hover .profileitem .text {
    display: block;
  }
  #divprofilelist a:hover .profileitem .text {
    color: #ffffff;
  }
  /* spacing adjustments */
  #divprofilelist {
    padding: 2.4rem 12px 0.8rem 20px;
  }
}



/*** PROFILE SIDEBAR ***/

#divprofilesidebar {
  overflow: hidden; /* clear self */
}

/* common styles */
#divprofilesidebar .profileitem {
  background-color: #000000;
  width: 100%;
  margin-bottom: 8px;
}
#divprofilesidebar .profileitem .image {
  line-height: 0;
  margin: 0;
}
#divprofilesidebar .profileitem .image img {
  margin: 0;
}
#divprofilesidebar .profileitem .text {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
}

/* mobile: image and text side-by-side */
@media all and (max-width: 32em) {
  #divprofilesidebar .profileitem {
    clear: left;
    float: left;
  }
  #divprofilesidebar .profileitem .image {
    float: left;
    max-width: 50%;
  }
  #divprofilesidebar .profileitem .text {
    float: left;
    width: 50%;
    padding: 10px;
  }
  #divprofilesidebar a:hover .profileitem .text {
    color: #fdb813;
    text-decoration: none;
  }
}

/* intermediate: vertically stacked but text always visible */
@media all and (min-width: 32em) {
  #divprofilesidebar .profileitem .image {
    width: 100%;
  }
  #divprofilesidebar .profileitem .image img {
    width: 100%;
  }
  #divprofilesidebar .profileitem .text {
    width: 100%;
    padding: 10px;
  }
  #divprofilesidebar a:hover .profileitem .text {
    color: #fdb813;
    text-decoration: none;
  }
}

/* desktop: text only visible on hover */
@media all and (min-width: 58em) {
  #divprofilesidebar .profileitem {
    background-color: transparent;
    position: relative;
  }
  #divprofilesidebar .profileitem .image {
    width: 100%;
  }
  #divprofilesidebar .profileitem .text {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 1.5rem 15px;
    margin: 0;
    min-height: 6.2rem;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
  }
  #divprofilesidebar a:hover .profileitem .text {
    display: block;
  }
  #divprofilesidebar a:hover .profileitem .text {
    color: #ffffff;
  }
}



/*** FEATURE EVENT ***/

#divfeatureevent {
  margin: 3.0rem 0 0 0;
  width: 100%;
  border-top: 4px solid #fdb813;
  border-bottom: 4px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#divfeatureevent .image {
  line-height: 0;
}
#divfeatureevent .text {
  padding: 2.4rem 10px 2.4rem 10px;
}
#divfeatureevent .text h2 {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.6rem;
  color: #000000;
  margin-bottom: 1.8rem;
}
#divfeatureevent .text .info {
  margin-bottom: 1.8rem;
}
#divfeatureevent .text .info p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  margin-bottom: 0.4rem;
}
#divfeatureevent .text .info p.date,
#divfeatureevent .text .info p.time {
  font-size: 1.4rem;
  font-weight: bold;
}
#divfeatureevent .text > :last-child {
  margin-bottom: 0;
}

/* intermediate: feature event in two columns */
@media all and (min-width: 46em) {
  #divfeatureevent {
    width: 100%;
  }
  #divfeatureevent .image {
    float: left;
    width: 52.32558%;  /* 450/860 */
  }
  #divfeatureevent .text {
    float: left;
    width: 47.67441%;  /* 410/860 */
    padding: 2.4rem 15px 0.4rem 15px;
  }
  #divfeatureevent.noimage .text {
    width: 100%;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  #divfeatureevent .text {
    padding: 2.4rem 20px 0.4rem 20px;
  }
}



/*** EVENT LIST ***/

#diveventlist {
  padding-top: 1.2rem;
}
/* subcategories and subheadings */
#diveventlist #divfutureevents + #divpastevents {
  border-top: 2px solid #fdb813;
}
#diveventlist div.eventlistsubhead {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  text-transform: none !important;
  margin: 0;
  padding: 1.0rem 10px;
}
#diveventlist #divpastevents div.eventlistsubhead {
  padding-top: 1.8rem;
}
/* events */
#diveventlist .event {
  padding: 1.0rem 10px;
  border-bottom: 1px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#diveventlist .event:last-child {
  border-bottom: none;
}
#diveventlist .event .date {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.0rem;
  color: #000000;
  margin-bottom: 0.2rem;
}
#diveventlist .event .text {
}
#diveventlist .event .text .vieweditlink {
  float: right;
}
#diveventlist .event h2 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 166.666%;
  color: #c51a20;
  margin: 0;
}
#diveventlist .event h2 a {
  color: #c51a20;
  text-decoration: none;
}
#diveventlist .event h2 a:hover {
  color: #c51a20;
  text-decoration: underline;
}
#diveventlist .event p {
  margin: 0;
}
#diveventlist .event.unpublished {
  background-color: #ffe8e8;
}

/* intermediate: event list in two columns */
@media all and (min-width: 32em) {
  /* headings */
  #diveventlist div.eventlistsubhead {
    padding: 1.5rem 15px;
  }
  #diveventlist #divpastevents div.eventlistsubhead {
    padding-top: 2.4rem;
  }
  /* event list */
  #diveventlist .event {
    padding: 1.5rem 15px;
  }
  #diveventlist .event .date {
    float: left;
    width: 13.95348%;    /* 120/860 */
    /* min-height: 12rem; */
    border: 1px solid #c2c2c2;
    border-top: 4px solid #c2c2c2;
    padding: 1.0rem 10px;
    margin-bottom: 0;
  }
  #diveventlist .event.future .date {
    border: 1px solid #c51a20;
    border-top: 4px solid #c51a20;
  }
  /* #diveventlist .event.current .date {
    border: 1px solid #fdb813;
    border-top: 4px solid #fdb813;
  } */
  #diveventlist .event .text {
    float: left;
    width: 81.39534%;    /* 700/860 */
    padding-left: 15px;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* larger date text size */
  /* #diveventlist .event .date {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 3.6rem;
  }*/
  /* spacing adjustments */
  #diveventlist div.eventlistsubhead {
    padding: 2.0rem 20px;
  }
  #diveventlist #divpastevents div.eventlistsubhead {
    padding-top: 2.4rem;
  }
  #diveventlist .event {
    padding: 2.0rem 20px;
  }
  #diveventlist .event .text {
    padding-left: 20px;
  }
}



/*** EVENT SERIES LIST ***/

/* list of event series */
#divserieslist {
  padding-top: 1.4rem;
}
/* event series items */
#divserieslist .seriesitem {
  padding: 1.0rem 10px;
  border-bottom: 1px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#divserieslist .seriesitem:last-child {
  border-bottom: none;
}
#divserieslist .seriesitem .image {
  float: right;
  max-width: 50%;
  padding-left: 10px;
  line-height: 1;
}
#divserieslist .seriesitem .text {
}
#divserieslist .seriesitem .text .vieweditlink {
  float: right;
}
#divserieslist .seriesitem h2 {
  /* style to look like h4 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #000000;
  margin: 0;
}
#divserieslist .seriesitem p {
  margin: 0;
}

/* intermediate */
@media all and (min-width: 32em) {
  #divserieslist .seriesitem {
    padding: 1.0rem 15px;
  }
}

/* intermediate: two columns */
@media all and (min-width: 46em) {
  #divserieslist .seriesitem .image {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 24.39024%;    /* 200/820 */
    padding: 0 15px 0 0;
  }
  #divserieslist .seriesitem .text {
    float: left;
    margin-right: -100%;
    margin-left: 24.39024%;
    width: 75.60975%;    /* 620/820 */
  }
  /* if no left column... */
  #divcolumns.onecolumn #divserieslist .seriesitem .image {
    width: 18.86792%;    /* 200/1060 */
  }
  #divcolumns.onecolumn #divserieslist .seriesitem .text {
    margin-left: 18.86792%;
    width: 81.13207%;    /* 860/1060 */
  }
  /* spacing adjustments */
  #divserieslist .seriesitem {
    padding: 1.5rem 15px;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  #divserieslist .seriesitem {
    padding: 2.0rem 20px;
  }
  #divserieslist .seriesitem .image {
    padding: 0 20px 0 0;
  }
}



/*** OPPORTUNITY LIST ***/

.opplist {
  margin: 0 -10px 0 -10px;
  border-bottom: 1px solid #fdb813;
}
.opplist:last-child {
  border-bottom: none;
}
.opplist .oppitem {
  padding: 1.8rem 0 0 0;                /* 18px paragraph margin */
  border-top: 1px solid #fdb813;
  overflow: hidden; /* clear self */
}
.opplist .oppitem .column {
  width: 100%;
  padding: 0 10px 1.8rem 10px;
  margin: 0;
}
.opplist .oppitem .column :last-child {
  margin-bottom: 0;
}
#divcontent .opplist .oppitem h3 {
  /* style to look like h3 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #c51a20;
  margin: 0 0 0.4rem 0;
}
#divcontent .opplist .oppitem h3 a {
  color: #c51a20;
  text-decoration: none;
}
#divcontent .opplist .oppitem h3 a:hover {
  color: #c51a20;
  text-decoration: underline;
}
#divcontent .opplist .oppitem .infodetails p {
  margin: 0;
}
/* mailto link */
#divcontent .opplist .oppitem a.mailto {
  text-decoration: underline;
}

/* link list */
#divcontent .opplist .oppitem .links a {
  color: #000000;
  text-decoration: none;
}
#divcontent .opplist .oppitem .links a:hover {
  color: #c51a20;
  text-decoration: none;
}
.opplist .oppitem.unpublished {
  background-color: #ffe8e8;
}
.opplist .oppitem .vieweditlink {
  float: right;
}

/* intermediate: spacing changes */
@media all and (min-width: 32em) {
  .opplist {
    margin-left: -15px;
    margin-right: -15px;
  }
  .opplist .oppitem .column {
    padding: 0 15px 1.8rem 15px;
  }
}
/* intermediate: divide each item into two columns */
@media all and (min-width: 36em) {
  /* column container */
  .opplist .oppitem {
    position: relative;
    z-index: 1;
    padding: 1.4rem 0 1.4rem 0;
  }
  /* columns */
  .opplist .oppitem .column {
    float: left;
    margin-right: -100%;
    padding: 1.2rem 15px;
  }
  .opplist .oppitem .text {
    margin-left: 0;
    width: 78.18181%;            /* 860/1100 */
  }
  .opplist .oppitem .links {
    margin-left: 78.18181%;       /* 860/1100 */
    width: 21.81818%;            /* 240/1100 */
  }
  /* rules between columns */
  .opplist .oppitem:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 1.2rem;
    bottom: 1.2rem;
    left: 78.18181%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  /* spacing changes */
  .opplist .oppitem {
    padding: 1.2rem 0 1.2rem 0;
  }
}

/* desktop: changes spacing */
@media all and (min-width: 58em) {
  .opplist {
    margin-left: -20px;
    margin-right: -20px;
  }
  .opplist .oppitem .column {
    padding: 1.2rem 20px;
  }
}



/*** SEARCH RESULTS ***/

#divsearchresults {
  padding-top: 1.2rem;
}
/* news items */
#divsearchresults .searchresult {
  padding: 1.0rem 10px;
  border-bottom: 1px solid #fdb813;
  overflow: hidden;   /* clear self */
}
#divsearchresults .searchresult:last-child {
  border-bottom: none;
}
#divsearchresults .searchresult .image {
  float: right;
  max-width: 50%;
  padding-left: 10px;
  line-height: 1;
}
#divsearchresults .searchresult .text {
}
#divsearchresults .searchresult .vieweditlink {
  float: right;
}
#divsearchresults .searchresult h2 {
  /* style to look like h4 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #000000;
  margin: 0;
}
#divsearchresults .searchresult p {
  margin: 0;
}
#divsearchresults .searchresult p.date {
  /*font-style: italic;*/
  color: #666666;
}
#divsearchresults .searchresult.unpublished {
  background-color: #ffe8e8;
}

/* intermediate */
@media all and (min-width: 32em) {
  #divsearchresults .searchresult {
    padding: 1.0rem 15px;
  }
}

/* intermediate: two columns */
@media all and (min-width: 46em) {
  #divsearchresults .searchresult .image {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 18.86792%;    /* 200/1060 */
    padding: 0 15px 0 0;
  }
  #divsearchresults .searchresult .text {
    float: left;
    margin-right: -100%;
    margin-left: 18.86792%;
    width: 81.13207%;    /* 860/1060 */
  }
  /* spacing adjustments */
  #divsearchresults .searchresult {
    padding: 1.5rem 15px;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  #divsearchresults .searchresult {
    padding: 2.0rem 20px;
  }
  #divsearchresults .searchresult .image {
    padding: 0 20px 0 0;
  }
}



/*** PAGER ***/
/* used in views and search results */

#divcontent ul.pager {
  margin: 4.0rem 0 4.0rem 0;
  text-align: center;
}
#divcontent ul.pager li {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  padding: 0;
  margin: 0 12px 1.6rem 0;
}
#divcontent ul.pager li.last {
  margin: 0;
}
#divcontent ul.pager li.pager-current {
  padding: 4px 0.8rem;
  color: #ffffff;
  background-color: #fdb813;
  border: 1px solid #fdb813;
}
#divcontent ul.pager li a {
  display: inline-block;
  padding: 4px 0.8rem;
}
#divcontent ul.pager li a,
#divcontent ul.pager li a:link,
#divcontent ul.pager li a:visited {
  color: #565659;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #c2c2c2;
}
#divcontent ul.pager li a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #fdb813;
  border: 1px solid #fdb813;
}




/**************************************/
/**************************************/
/****** TEMPLATE-SPECIFIC STYLES ******/
/**************************************/
/**************************************/


/*****************
 *** HOME PAGE ***
 *****************/

/* Template description:
 *
 * - full width - no left sidebar
 * - full-page-width slideshow
 * - three content boxes (three columns)
 *
 * Used for: site home page
 *
**/

/* remove home link from primary nav on home page */
body.template-home #divprimarynav li.menu-mlid-496 {
  display: none;
}


/* HOME PAGE SLIDESHOW */

body.template-home #divslideshow {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  padding-bottom: 37.72727%; /* 415/1100 */
  background-color: #000000;
  /*border-bottom: 4px solid #fdb813;*/
  overflow: hidden;
}
/* container for slide nav */
body.template-home #divslidenav {
  display: none;      /* not shown on smaller screen */
}
/* slide nav links */
body.template-home #divslidenav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
body.template-home #divslidenav ul li {
  float: left;
  font-size: 1px;
  font-weight: normal;
  line-height: 100%;
  color: #3957e6;
  margin-right: 6px;
}
body.template-home #divslidenav ul li a {
  display: block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-decoration: none;
  outline: none;
}
body.template-home #divslidenav ul a,
body.template-home #divslidenav ul a:link,
body.template-home #divslidenav ul a:visited {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
}
body.template-home #divslidenav ul a:hover,
body.template-home #divslidenav ul li.activeSlide a {
  background-color: #fdb813;
  border: 1px solid #fdb813;
  color: #fdb813;
  text-decoration: none;
}
/* individual slides */
body.template-home #divslides .slide {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  padding-bottom: 37.72727%; /* 415/1100 */
}
body.template-home #divslides .slide:first-child {
  display: block; /* only show first slide */
}
/* slide image */
body.template-home #divslides .slide div.image {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}
/* slide text */
body.template-home #divslides .slide div.text {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: 12px 10px 12px 10px;
  background-color: #000000;
  background-color: rgba(0,0,0,0.67);
}
body.template-home #divslides .slide div.text p {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
}
body.template-home #divslides .slide div.text a {
  color: #ffffff;
  text-decoration: none;
}
body.template-home #divslides .slide div.text a:hover {
  color: #fdb813;
  text-decoration: none;
}

/* low intermediate: turn on navigation */
@media all and (min-width: 40em) {
  body.template-home #divslidenav {
    display: block;
    position: absolute;
    z-index: 99;
    right: 15px;
    bottom: 22px;
    overflow: hidden;
  }
  body.template-home #divslides .slide div.text {
    padding: 18px 150px 18px 15px;
  }
  body.template-home #divslides .slide div.text p {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
/* desktop: adjust nav/text widths */
@media all and (min-width: 58em) {
  body.template-home #divslidenav {
    right: 20px;
    bottom: 22px;
  }
  body.template-home #divslides .slide div.text {
    padding: 18px 160px 18px 20px;
  }
  body.template-home #divslides .slide div.text p {
    font-size: 1.9rem;
    line-height: 2.4rem;
  }
}


/* HOME PAGE TEXT AREA */

/* container for three content boxes */
body.template-home #divcolumns {
  overflow: hidden; /* clear self */
}
/* single content box */
body.template-home #divcolumns .contentbox {
  padding: 2.8rem 10px 2.8rem 10px;      /* fixed width padding */
}
/* heading for each box */
body.template-home #divcolumns .contentbox h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 122.22%;  /* 22/18 */
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
body.template-home #divcolumns .contentbox h2 a,
body.template-home #divcolumns .contentbox h2 a:link,
body.template-home #divcolumns .contentbox h2 a:visited {
  color: #c51a20;
  text-decoration: none;
}
body.template-home #divcolumns .contentbox h2 a:hover {
  color: #c51a20;
  text-decoration: underline;
}
/* image at top of some boxes */
body.template-home #divcolumns .contentbox p.leadphoto {
  margin: 0 0 1.2rem 0;
}
/* subheadings */
body.template-home #divcolumns .contentbox h3 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 128.57%;  /* 18/14 */
  color: #000000;
  margin-bottom: 0;
}
body.template-home #divcolumns .contentbox h3 a,
body.template-home #divcolumns .contentbox h3 a:link,
body.template-home #divcolumns .contentbox h3 a:visited {
  color: #000000;
  text-decoration: none;
}
body.template-home #divcolumns .contentbox h3 a:hover {
  color: #000000;
  text-decoration: underline;
}
/* plain text */
body.template-home #divcolumns .contentbox p {
  font-size: 1.4rem;
  line-height: 2.0rem;
}
body.template-home #divcolumns .contentbox p a {
  color: #000000;
  text-decoration: underline;
}
body.template-home #divcolumns .contentbox p a:hover {
  color: #c51a20;
  text-decoration: underline;
}
body.template-home #divcolumns .contentbox p.morelink a,
body.template-home #divcolumns .contentbox p a.morelink {
  color: #005b7f;
  text-decoration: none;
  font-size: 1.3rem;
}
body.template-home #divcolumns .contentbox p.morelink a.red,
body.template-home #divcolumns .contentbox p a.morelink.red {
  color: #c51a20;
}
body.template-home #divcolumns .contentbox p.morelink a:hover,
body.template-home #divcolumns .contentbox p a.morelink:hover {
  color: #c51a20;
  text-decoration: none;
}

/* news/event item styles */
body.template-home #divcolumns .contentbox .item {
  margin-bottom: 1.2rem;
}
body.template-home #divcolumns .contentbox .unpublished {
  background-color: #ffe8e8;
}
body.template-home #divcolumns .contentbox .item h3 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 128.57%;  /* 18/14 */
  color: #000000;
}
body.template-home #divcolumns .contentbox .item p {
  font-size: 1.4rem;
  line-height: 2.0rem;
  color: #000000;
}
body.template-home #divcolumns .contentbox .item p.webcast { /* webcastfeature view */
  margin-bottom: 0;
}
body.template-home #divcolumns .contentbox .item p.webcast a { /* (webcast links are morelink) */
  display: inline;
  font-size: 1.3rem;
}
body.template-home #divcolumns .contentbox .item a {
  display: block;
}
body.template-home #divcolumns .contentbox .item a h3,
body.template-home #divcolumns .contentbox .item a p {
  color: #000000;
  text-decoration: none;
}
body.template-home #divcolumns .contentbox .item a p.datesource {
  color: #555555;
}
body.template-home #divcolumns .contentbox .item a:hover h3,
body.template-home #divcolumns .contentbox .item a:hover p {
  color: #c51a20;
  text-decoration: none;
}
/* no bottom margin on last item */
body.template-home #divcolumns .contentbox p:last-child,
body.template-home #divcolumns .contentbox .item:last-child {
  margin-bottom: 0 !important;
}
/* edit links */
body.template-home #divcolumns .contentbox p.vieweditlink {
  clear: right;
  float: right;
  padding: 0 0 1px 0;
}

/* mobile content box layout (stacked) */
/* all columns full width */
body.template-home #divcolumns div.column {
  width: 100%;
  padding: 0;
}
/* all content boxes have top border except first */
body.template-home #divcolumns .contentbox {
  border-top: 1px solid #fdb813;
}
body.template-home #divfirstcolumn .contentbox:first-child {
  border-top: none;
}

/* intermediate: two columns */
@media all and (min-width: 30em) {
  body.template-home #divcolumns {
    position: relative;
    z-index: 1;
    padding-bottom: 2.8rem;
  }
  /* vertical rule between columns */
  body.template-home #divcolumns:before,
  body.template-home #divcolumns:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
  }
  body.template-home #divcolumns:before {
    left: 50%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  /* first two columns 50% */
  body.template-home #divcolumns #divfirstcolumn,
  body.template-home #divcolumns #divsecondcolumn {
    float: left;
    width: 50%;
  }
  /* third column full width */
  body.template-home #divcolumns #divthirdcolumn {
    clear: left;
    width: 100%;
    border-top: 1px solid #fdb813;
  }
  /* divide third column in half */
  body.template-home #divcolumns #divthirdcolumn > section:first-child {
    float: left;
    width: 50%;
  }
  body.template-home #divcolumns #divthirdcolumn > section:nth-child(n+2) {
    float: right;
    width: 50%;
  }
  /* borders */
  body.template-home #divcolumns #divfirstcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divsecondcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divthirdcolumn > section:nth-child(n+3) {
    border-top: 1px solid #fdb813;
  }
  /* spacing adjustments */
  body.template-home #divcolumns .contentbox {
    border-top: none;
    padding: 2.8rem 15px 2.8rem 15px;
  }
  body.template-home #divcolumns .contentbox p.leadphoto {
    margin: 0 0 1.6rem 0;
  }
}

/* desktop: three columns */
@media all and (min-width: 52em) {
  /* two vertical rules */
  body.template-home #divcolumns:before {
    left: 33.33333%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  body.template-home #divcolumns:after {
    left: 0;
    right: 33.33333%;
    border-right: 1px solid #c2c2c2;
  }
  /* three side by side columns */
  body.template-home #divcolumns #divfirstcolumn,
  body.template-home #divcolumns #divsecondcolumn,
  body.template-home #divcolumns #divthirdcolumn {
    clear: none;
    float: left;
    width: 33.33333%;
    border-top: none;
  }
  /* un-float content boxes in third column */
  body.template-home #divcolumns #divthirdcolumn > section:nth-child(n+1) {
    float: none;
    width: 100%;
  }
  /* yellow rule over second, third, etc. box in each column */
  body.template-home #divcolumns #divfirstcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divsecondcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divthirdcolumn > section:nth-child(n+2) {
    border-top: 1px solid #fdb813;
  }
  body.template-home #divcolumns .contentbox p.leadphoto {
    margin: 0 0 2.0rem 0;
  }
}

/* desktop wide */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  body.template-home #divcolumns .contentbox {
    padding: 2.8rem 20px 2.8rem 20px;
  }
}



/****************
 *** STANDARD ***
 ****************/

/* Template description:
 *
 * - left sidebar
 * - optional title area above columns
 * - right sidebar column
 * - sidebar boxes - normal and 'major'
 * - center content column
 * - feature images and videos that can fill center column width
 * - hover captions on feature images
 *
 * Used for: About pages, Undergraduate and Graduate pages, other pages without another specific template
 *
**/

/* Standard template styles are used as defaults - see DEFAULT CONTENT AREA LAYOUT above */



/***************
 *** TRILIST ***
 ***************/

/* Template description:
 *
 * - full width or left sidebar
 * - no right sidebar
 * - title and introductory text across top
 * - followed by a series of trifold items consisting of:
 *   - image
 *   - text description
 *   - short list of related links (optional)
 *
 * Used for: People page, Institute list pages
 *
 * Follows the newer Brazil Iniative style rather than the old Watson style.
 *
**/

/* trilist area */
#divtitlearea + #divtrilistitems {
  margin-top: 2.4rem;
  border-top: 1px solid #fdb813;
}
#divtrilistitems .trilistitem {
  padding: 1.8rem 0 0 0;                /* 18px paragraph margin */
  border-bottom: 1px solid #fdb813;
  overflow: hidden; /* clear self */
}
#divtrilistitems .trilistitem.preheading {
  border-bottom: 2px solid #fdb813;
}
#divtrilistitems .trilistitem.heading {
  border-bottom: none;
}
#divtrilistitems .trilistitem:last-child {
  border-bottom: none;
}
#divtrilistitems .trilistitem .column {
  width: 100%;
  padding: 0 10px 1.8rem 10px;
  margin: 0;
}
#divtrilistitems .trilistitem .column :last-child {
  margin-bottom: 0;
}
#divtrilistitems .trilistitem .image {
  float: right;
  width: 33%;
  padding: 0.4rem 10px 0.8rem 10px;
}
/* headings */
#divtrilistitems .trilistitem h2 {
  /* style to look like h3 */
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
  color: #c51a20;
  margin-bottom: 0.4rem;
}
#divtrilistitems .trilistitem h2 a {
  color: #c51a20;
  text-decoration: none;
}
#divtrilistitems .trilistitem h2 a:hover {
  color: #c51a20;
  text-decoration: underline;
}
/* paragraph */
#divtrilistitems .trilistitem p {
  margin-bottom: 0.6rem;
}
/* link list */
#divtrilistitems .trilistitem .links a {
  color: #000000;
  text-decoration: none;
}
#divtrilistitems .trilistitem .links a:hover {
  color: #c51a20;
  text-decoration: none;
}
/* styles for heading items */
#divtrilistitems .trilistitem.heading h1 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
#divtrilistitems .trilistitem.heading h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 100%;
  color: #c51a20;
  margin-bottom: 1.8rem;
}
#divtrilistitems .trilistitem.heading h3 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.2rem;
  color: #c51a20;
  margin-bottom: 0;
}

/* intermediate: spacing changes */
@media all and (min-width: 32em) {
  #divtrilistitems .trilistitem .column {
    padding: 0 15px 1.8rem 15px;
  }
  #divtrilistitems .trilistitem .image {
    padding: 0.4rem 15px 0.8rem 15px;
  }
}
/* intermediate: divide each item into three columns */
@media all and (min-width: 36em) {
  /* column container */
  #divtrilistitems .trilistitem {
    position: relative;
    z-index: 1;
    padding: 1.2rem 0 1.2rem 0;
  }
  #divtrilistitems .trilistitem.heading {
    padding-bottom: 0;
  }

  /* FULL WIDTH PAGE */

  /* columns */
  #divtrilistitems .trilistitem .column {
    float: left;
    margin-right: -100%;
    padding: 1.2rem 15px;
  }
  #divtrilistitems .trilistitem .image {
    margin-left: 0;
    width: 21.81818%;            /* (20+200+20)/1100 *//* calculate based on 20 padding */
  }
  #divtrilistitems .trilistitem .text {
    margin-left: 21.81818%;      /* 240/1100 */
    width: 56.36363%;            /* 620/1100 */
  }
  #divtrilistitems.nolinks .trilistitem .text {
    margin-left: 21.81818%;      /* 240/1100 */
    width: 78.18181%;            /* 860/1100 */
  }
  #divtrilistitems.noimages .trilistitem .text {
    margin-left: 0;
    width: 78.18181%;            /* 860/1100 */
  }
  #divtrilistitems.noimages.nolinks .trilistitem .text {
    width: 100%;                 /* 1100/1100 */
  }
  #divtrilistitems .trilistitem.heading .text {
    margin-left: 0;
    width: 100%;
  }
  #divtrilistitems .trilistitem .links {
    margin-left: 78.18181%;       /* 860/1100 */
    width: 21.81818%;            /* 240/1100 */
  }
  /* rules between columns */
  #divtrilistitems .trilistitem:before,
  #divtrilistitems .trilistitem:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 1.2rem;
    bottom: 1.2rem;
  }
  #divtrilistitems .trilistitem:before {
    left: 0;
    right: 78.18181%;
    border-right: 1px solid #c2c2c2;
  }
  #divtrilistitems .trilistitem:after {
    left: 78.18181%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  /* hide first vrule if no image column */
  #divtrilistitems.noimages .trilistitem:before {
    display: none;
  }
  /* hide first vrule if no image column in any one item */
  #divtrilistitems .noimage:before {
    display: none;
  }
  /* hide second vrule if no link column in any one item */
  #divtrilistitems .nolinks:after {
    display: none;
  }
  /* spacing changes */
  #divtrilistitems .trilistitem {
    padding: 1.2rem 0 1.2rem 0;
  }

  /* PAGE WITH LEFT COLUMN */

  #divcolumns.twocolumn #divtrilistitems .trilistitem .image {
    margin-left: 0;
    width: 25.58139%;            /* (20+180+20)/860 */
  }
  #divcolumns.twocolumn #divtrilistitems .trilistitem .text {
    margin-left: 25.58139%;      /* 220/860 */
    width: 48.83720%;            /* 420/860 */
  }
  #divcolumns.twocolumn #divtrilistitems.nolinks .trilistitem .text {
    margin-left: 25.58139%;      /* 220/860 */
    width: 74.41860%;            /* 640/860 */
  }
  #divcolumns.twocolumn #divtrilistitems.noimages .trilistitem .text {
    margin-left: 0;
    width: 74.41860%;            /* 640/860 */
  }
  #divcolumns.twocolumn #divtrilistitems.noimages.nolinks .trilistitem .text {
    width: 100%;                 /* 860/860 */
  }
  #divcolumns.twocolumn #divtrilistitems .trilistitem.heading .text {
    margin-left: 0;
    width: 100%;
  }
  #divcolumns.twocolumn #divtrilistitems .trilistitem .links {
    margin-left: 74.41860%;       /* 640/860 */
    width: 25.58139%;             /* 220/860 */
  }
  #divcolumns.twocolumn #divtrilistitems .trilistitem:before {
    right: 74.41860%;
  }
  #divcolumns.twocolumn #divtrilistitems .trilistitem:after {
    left: 74.41860%;
  }
}

/* desktop: changes spacing */
@media all and (min-width: 58em) {
  #divtrilistitems .trilistitem .column {
    padding: 1.2rem 20px;
  }
}



/*********************
 ** MULTIFOCUS PAGE **
 *********************/

/* Template description:
 *
 * - full width - no left sidebar
 * - no right sidebar
 * - title and introductory text across top
 * - three content boxes (three columns)
 * - fourth full-width content box below others
 *
 * Used for: Research and Education home pages
 *
**/

body.template-multifocus #divcontent #divtitlearea:last-child {
  margin-bottom: 2.4rem;
}
body.template-multifocus #divcontent #divtitlearea + .featurevideo,
body.template-multifocus #divcontent #divtitlearea + .featureimage,
body.template-multifocus #divcontent #divtitlearea + #div3xrows,
body.template-multifocus #divcontent #divtitlearea + #div1xrows {
  margin-top: 2.4rem;
}
body.template-multifocus #divcontent .featurevideo,
body.template-multifocus #divcontent .featureimage {
  border-bottom-width: 3px;
  margin-bottom: 0;
}
body.template-multifocus #divcolumns #divcontent .featurevideo,
body.template-multifocus #divcolumns #divcontent .featureimage {
  margin-left: 0;
  margin-right: 0;
}
body.template-multifocus #divcontent .maintext {
  padding: 2.8rem 10px 2.8rem 10px;
}
body.template-multifocus #divcontent .maintext > :last-child {
  margin-bottom: 0;
}
/* single content box */
body.template-multifocus #divcontent .contentbox {
  width: 100%;
  padding: 2.8rem 10px 2.8rem 10px;
  border-top: 1px solid #fdb813;
}
/* heading for each box */
body.template-multifocus #divcontent .contentbox h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 122.22%;  /* 22/18 */
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
body.template-multifocus #divcontent .contentbox h2 a {
  color: #c51a20;
  text-decoration: none;
}
body.template-multifocus #divcontent .contentbox h2 a:hover {
  color: #fdb813;
  text-decoration: none;
}
body.template-multifocus #divcontent .contentbox .image {
  line-height: 0;
  margin-bottom: 0.8rem;
}
/* remove bottom margin on last element in text section of each box */
body.template-multifocus #divcontent .contentbox .text > :last-child {
  margin-bottom: 0;
}

/* intermediate: spacing changes */
@media all and (min-width: 32em) {
  body.template-multifocus #divcontent .maintext {
    padding: 2.8rem 15px 2.8rem 15px;
  }
  body.template-multifocus #divcontent .contentbox {
    padding: 2.8rem 15px 2.8rem 15px;
  }
}

/* intermediate: divide research areas into three columns */
@media all and (min-width: 36em) {
  /* column container */
  body.template-multifocus #div3xrows .div3xrow {
    position: relative;
    z-index: 1;
    overflow: hidden; /* clear self */
    border-top: 1px solid #fdb813;
  }
  /* vertical rule between columns */
  body.template-multifocus #div3xrows .div3xrow:before,
  body.template-multifocus #div3xrows .div3xrow:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
  }
  body.template-multifocus #div3xrows .div3xrow:before {
    left: 33.33333%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  body.template-multifocus #div3xrows .div3xrow:after {
    left: 0;
    right: 33.33333%;
    border-right: 1px solid #c2c2c2;
  }
  /* three side by side columns */
  body.template-multifocus #div3xrows .div3xrow .contentbox {
    float: left;
    width: 33.33333%;
    border-top: none;
  }
  /* in lower box put text next to image */
  body.template-multifocus #div1xrows .contentbox {
    border-top: 1px solid #fdb813;
    width: 100%;
    overflow: hidden; /* clear self */
  }
  body.template-multifocus #div1xrows .contentbox .image {
    float: left;
    width: 31.77570%;   /* 340/1070 */
    padding: 0.4rem 15px 0 0;
    margin-bottom: 0;
  }
  body.template-multifocus #div1xrows .contentbox .text {
    float: left;
    width: 68.22429%;   /* 730/1070 */
    padding: 0 0 0 15px;
  }
  /* spacing changes */
  body.template-multifocus #divcontent .contentbox {
    padding: 2.8rem 15px 2.8rem 15px;
  }
}

/* desktop: changes spacing */
@media all and (min-width: 58em) {
  body.template-multifocus #divcontent .maintext {
    padding: 2.8rem 20px 2.8rem 20px;
  }
  body.template-multifocus #divcontent .contentbox {
    padding: 2.8rem 20px 2.8rem 20px;
  }
  body.template-multifocus #div1xrows .contentbox .image {
    width: 32.54716%;   /* 345/1060 */
    padding: 0.4rem 20px 0 0;
  }
  body.template-multifocus #div1xrows .contentbox .text {
    width: 67.45283%;   /* 715/1060 */
    padding: 0 0 0 20px;
  }
}



/***********************
 ** MULTIFOCUS 2 PAGE **
 ***********************/

/* Template description:
 *
 * - full width - no left sidebar
 * - no right sidebar
 * - title and introductory text across top
 * - two content boxes (two columns)
 * - extra single full-width content box below others
 *
**/

body.template-multifocus2 #divcontent #divtitlearea:last-child {
  margin-bottom: 2.4rem;
}
body.template-multifocus2 #divcontent #divtitlearea + .featurevideo,
body.template-multifocus2 #divcontent #divtitlearea + .featureimage,
body.template-multifocus2 #divcontent #divtitlearea + #div2xrows,
body.template-multifocus2 #divcontent #divtitlearea + #div1xrows {
  margin-top: 2.4rem;
}
body.template-multifocus2 #divcontent .featurevideo,
body.template-multifocus2 #divcontent .featureimage {
  border-bottom-width: 3px;
  margin-bottom: 0;
}
body.template-multifocus2 #divcolumns #divcontent .featurevideo,
body.template-multifocus2 #divcolumns #divcontent .featureimage {
  margin-left: 0;
  margin-right: 0;
}
body.template-multifocus2 #divcontent .maintext {
  padding: 2.8rem 10px 2.8rem 10px;
}
body.template-multifocus2 #divcontent .maintext > :last-child {
  margin-bottom: 0;
}
/* single content box */
body.template-multifocus2 #divcontent .contentbox {
  width: 100%;
  padding: 2.8rem 10px 2.8rem 10px;
  border-top: 1px solid #fdb813;
}
/* heading for each box */
body.template-multifocus2 #divcontent .contentbox h2 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 122.22%;  /* 22/18 */
  color: #c51a20;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}
body.template-multifocus2 #divcontent .contentbox h2 a {
  color: #c51a20;
  text-decoration: none;
}
body.template-multifocus2 #divcontent .contentbox h2 a:hover {
  color: #fdb813;
  text-decoration: none;
}
body.template-multifocus2 #divcontent .contentbox .image {
  line-height: 0;
  margin-bottom: 0.8rem;
}
/* remove bottom margin on last element in text section of each box */
body.template-multifocus2 #divcontent .contentbox .text > :last-child {
  margin-bottom: 0;
}

/* intermediate: spacing changes */
@media all and (min-width: 32em) {
  body.template-multifocus2 #divcontent .maintext {
    padding: 2.8rem 15px 2.8rem 15px;
  }
  body.template-multifocus2 #divcontent .contentbox {
    padding: 2.8rem 15px 2.8rem 15px;
  }
}

/* intermediate: divide focus areas into two columns */
@media all and (min-width: 36em) {
  /* column container */
  body.template-multifocus2 #div2xrows .div2xrow {
    position: relative;
    z-index: 1;
    overflow: hidden; /* clear self */
    border-top: 1px solid #fdb813;
  }
  /* vertical rule between columns */
  body.template-multifocus2 #div2xrows .div2xrow:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
  }
  body.template-multifocus2 #div2xrows .div2xrow:before {
    left: 50%;
    right: 0;
    border-left: 1px solid #c2c2c2;
  }
  /* two side by side columns */
  body.template-multifocus2 #div2xrows .div2xrow .contentbox {
    float: left;
    width: 50%;
    border-top: none;
  }
  /* in lower box put text next to image */
  body.template-multifocus2 #div1xrows .contentbox {
    border-top: 1px solid #fdb813;
    width: 100%;
    overflow: hidden; /* clear self */
  }
  body.template-multifocus2 #div1xrows .contentbox .image {
    float: left;
    width: 49.06542%;   /* 525/1070 */
    padding: 0.4rem 15px 0 0;
    margin-bottom: 0;
  }
  body.template-multifocus2 #div1xrows .contentbox .text {
    float: left;
    width: 50.93457%;   /* 545/1070 */
    padding: 0 0 0 15px;
  }
  /* spacing changes */
  body.template-multifocus2 #divcontent .contentbox {
    padding: 2.8rem 15px 2.8rem 15px;
  }
}

/* desktop: changes spacing */
@media all and (min-width: 58em) {
  body.template-multifocus2 #divcontent .maintext {
    padding: 2.8rem 20px 2.8rem 20px;
  }
  body.template-multifocus2 #divcontent .contentbox {
    padding: 2.8rem 20px 2.8rem 20px;
  }
  body.template-multifocus2 #div1xrows .contentbox .image {
    width: 50%;   /* 530/1060 */
    padding: 0.4rem 20px 0 0;
  }
  body.template-multifocus2 #div1xrows .contentbox .text {
    width: 50%;   /* 530/1060 */
    padding: 0 0 0 20px;
  }
}



/*******************
 *** PEOPLE LIST ***
 *******************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - title
 * - list of people
 * - two list options: image and text, or text only
 *
 * Used for: People listing pages (Faculty, Postdocs, etc.)
 *
**/

/* People List template uses default Standard template styles, along with People List view styles */



/**************
 *** PERSON ***
 **************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - large photo, with basic contact info to the side
 * - name and title
 *
 * Used for: Person individual pages
 *
**/

/* photo area with photo and contact info */
body.template-person #divphotobar {
  overflow: hidden; /* clear self */
}

/* photo */
body.template-person #divpersonphoto {
  position: relative;
  z-index: 1;
  width: 100%;
  line-height: 0;
  padding: 0 10px 0 10px;
}
body.template-person #divpersonphoto .image img {
  width: 100%;
  max-width: 240px;
}

/* contact info */
body.template-person #divpersoncontact {
  width: 100%;
  padding: 1.0rem 10px 1.0rem 10px;
}
body.template-person #divpersoncontact h1 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  text-transform: none;
  margin-bottom: 0.8rem;
}
body.template-person #divpersoncontact p {
  line-height: 133.333%;
  margin-bottom: 1.0rem;
}
body.template-person #divpersoncontact :last-child {
  margin-bottom: 0;
}

/* name and title */
body.template-person #divnamearea {
  width: 100%;
  padding: 1.8rem 10px 2.4rem 10px;
}
body.template-person #divnamearea h1 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  text-transform: none;
  margin-bottom: 1.4rem;
}
body.template-person #divnamearea > :last-child {
  margin-bottom: 0;
}
body.template-person #divnamearea + #divmaincontent {
  padding-top: 0;
}

/* intermediate: header in two columns */
@media all and (min-width: 32em) {
  body.template-person #divphotobar {
    border-bottom: 2px solid #fdb813;
  }
  body.template-person #divpersonphoto {
    float: left;
    margin-right: -100%;
    margin-left: 0;
    width: 27.90697%;          /* 240/860 */
    overflow: hidden;
    padding: 0;
  }
  body.template-person #divpersoncontact {
    float: left;
    margin-right: -100%;
    margin-left: 27.90697%;
    width: 72.09302%;         /* 260/860 */
    padding: 1.0rem 15px 1.0rem 15px;
  }
  body.template-person #divnamearea {
    padding: 1.8rem 15px 1.8rem 15px;
  }
}

/* intermediate: spacing changes */
@media all and (min-width: 46em) {
  body.template-person #divpersoncontact {
    padding: 2.4rem 15px 0.4rem 15px;
  }
  body.template-person #divnamearea {
    padding: 2.4rem 15px 3.6rem 15px;
  }
}
/* desktop: size/spacing adjustments */
@media all and (min-width: 58em) {
  body.template-person #divpersoncontact {
    padding: 2.4rem 20px 0.4rem 20px;
  }
  body.template-person #divnamearea {
    padding: 2.4rem 20px 3.6rem 20px;
  }
}



/*****************
 *** NEWS LIST ***
 *****************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - title
 * - list of news stories with thumbnail and text description
 *
 * Used for: News home page, News archive pages
 *
**/

/* News List template uses default Standard template styles, along with News List view styles */



/******************
 *** NEWS STORY ***
 ******************/

/* Template description:
 *
 * - left sidebar
 * - title, intro, and date, full width across top (avoiding vrule)
 * - optional feature image/video with caption and pullquote, full width
 * - story in left column
 * - right sidebar with normal sidebar boxes starts parallel to story
 *
 * Used for: individual news stories
 *
**/

/* date follows story title or subtitle */
body.template-news_story #divtitlearea p.date {
  font-size: 1.4rem;
  line-height: 2.8rem;
  color: #555555;
  margin-top: -0.8rem;
  margin-bottom: 2.4rem;
}

/* image/video/pullquote */
body.template-news_story #divimagearea {
  margin-top: 2.4rem;
  width: 100%;
  border-top: 1px solid #fdb813;
  border-bottom: 1px solid #fdb813;
  overflow: hidden; /* clear self */
}
body.template-news_story #divimagearea .featureimage,
body.template-news_story #divimagearea .featurevideo {
  border-top: 3px solid #fdb813;
  border-bottom: 3px solid #fdb813;
  margin: 0;
}
body.template-news_story #divimagearea .pullquote {
  padding: 1.8rem 10px 1.8rem 10px;
}
body.template-news_story #divimagearea .pullquote p.quote {
  font-size: 1.8rem;
  line-height: 2.7rem;
  color: #000000;
  margin: 0;
}
body.template-news_story #divimagearea .pullquote p.attribution {
  font-size: 1.4rem;
  line-height: 2.0rem;
  color: #555555;
  margin-top: 0.6rem; /* make up for line height difference */
  margin-bottom: 0;
}

/* intermediate: page changes to two columns, image/quote stay in one column */
/*@media all and (min-width: 32em) {
  body.template-news_story #divimagearea {
    width: 72.09302%;
  }
  body.template-news_story #divimagearea .pullquote {
    padding: 1.8rem 15px 1.8rem 15px;
  }
}*/

/* intermediate: page changes to two columns */
@media all and (min-width: 32em) {
  body.template-news_story #divimagearea {
    width: 100%;
  }
  body.template-news_story #divimagearea .featureimage,
  body.template-news_story #divimagearea .featurevideo {
    float: left;
    width: 72.09302%;       /* 620/860 */
  }
  body.template-news_story #divimagearea .pullquote {
    float: left;
    width: 27.90697%;       /* 240/860 */
    padding: 1.8rem 15px 1.8rem 15px;
  }
  body.template-news_story #divimagearea .pullquote p.quote {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 128.57142%;   /* 18/14 */
  }
  body.template-news_story #divimagearea .pullquote p.attribution {
    margin-top: 0.2rem; /* make up for line height difference */
  }
}

/* high intermediate: revert to larger text for pullquote */
@media all and (min-width: 52em) {
  body.template-news_story #divimagearea .pullquote p.quote {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 150%;
  }
  body.template-news_story #divimagearea .pullquote p.attribution {
    margin-top: 0.6rem;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  body.template-news_story #divimagearea .pullquote {
    padding: 1.8rem 20px 1.8rem 20px;
  }
}



/********************
 *** PROFILE LIST ***
 ********************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - full-width grid of images with caption on hover
 *
 * Used for: Explore, Student Spotlight pages
 *
**/


/* Profile List template uses default Standard template styles, along with Profile List view styles */



/***************
 *** PROFILE ***
 ***************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - image, caption, and quote across top
 * - followed by title and story
 * -
 *
 * Used for: Explore, Student Spotlight features
 *
**/

/* image/pullquote */
body.template-profile #divimagearea {
  width: 100%;
  border-bottom: 1px solid #fdb813;
  overflow: hidden; /* clear self */
}

/* image */
body.template-profile #divimagearea .profileimage {
  width: 100%;
  margin: 0;
  padding: 10px 10px 0 10px;
  line-height: 0;
}
body.template-profile #divimagearea .profileimage .inner {
  width: 100%;
  background-color: #000000;
}
body.template-profile #divimagearea .profileimage .image {
  line-height: 0;
  margin: 0;
  width: 100%;
}
body.template-profile #divimagearea .profileimage .image img {
  width: 100%; /* don't forget this 100% on the image! */
}
body.template-profile #divimagearea .profileimage .text {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ffffff;
  margin: 0;
  padding: 10px;
}
body.template-profile #divcontent div.profileimage .text a {
  color: #ffffff;
  text-decoration: underline;
}
body.template-profile #divcontent div.profileimage .text a:hover {
  color: #e0e0e0;
  text-decoration: underline;
}

/* pullquote */
body.template-profile #divimagearea .pullquote {
  padding: 1.8rem 10px 1.8rem 10px;
}
body.template-profile #divimagearea .pullquote p.quote {
  font-size: 1.8rem;
  line-height: 150%;
  color: #000000;
  margin: 0;
}
body.template-profile #divimagearea .pullquote p.attribution {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #555555;
  margin-top: 0.6rem; /* make up for line height difference */
  margin-bottom: 0;
}

/* contact info - used by fellow profiles instead of pullquote*/
body.template-profile #divimagearea .contactinfo {
  width: 100%;
  padding: 1.8rem 10px 1.8rem 10px;
}
body.template-profile #divimagearea .contactinfo h2 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 133.333%;
  color: #000000;
  margin-bottom: 1.6rem;
}
body.template-profile #divimagearea .contactinfo p {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8rem;
  color: #000000;
  margin-bottom: 0.8rem;
}
body.template-profile #divimagearea .contactinfo :last-child {
  margin-bottom: 0;
}

/* intermediate: page changes to two columns */
@media all and (min-width: 32em) {
  /* image on left */
  body.template-profile #divimagearea .profileimage {
    float: left;
    width: 72.09302%;       /* 620/860 */
    padding: 1.8rem 15px 1.8rem 15px;
  }
  body.template-profile #divimagearea .profileimage .text {
    padding: 10px 15px;
  }
  /* quote/contact on right */
  body.template-profile #divimagearea .pullquote,
  body.template-profile #divimagearea .contactinfo {
    float: left;
    width: 27.90697%;       /* 240/860 */
    padding: 3.6rem 15px 1.8rem 0;
  }
  /* slightly smaller quote text until window larger */
  body.template-profile #divimagearea .pullquote p.quote {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 128.57142%;   /* 18/14 */
  }
  body.template-profile #divimagearea .pullquote p.attribution {
    margin-top: 0.2rem; /* make up for line height difference */
  }
}

/* high intermediate: revert to larger text for pullquote */
@media all and (min-width: 52em) {
  body.template-profile #divimagearea .pullquote p.quote {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 150%;
  }
  body.template-profile #divimagearea .pullquote p.attribution {
    margin-top: 0.6rem;
  }
}

/* desktop: spacing changes and hover captions */
@media all and (min-width: 58em) {
  /* change feature image caption to mouseover */
  body.template-profile #divimagearea .profileimage {
    padding: 2.4rem 20px 2.4rem 20px;
  }
  body.template-profile #divimagearea .profileimage .inner {
    position: relative;
    z-index: 1;
    background-color: transparent;
  }
  body.template-profile #divimagearea .profileimage .text {
    display: none;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    margin: 0;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 15px 20px;
  }
  body.template-profile #divimagearea .profileimage:hover .text {
    display: block;
  }
  /* larger pullquote/contact padding */
  body.template-profile #divimagearea .pullquote,
  body.template-profile #divimagearea .contactinfo {
    padding: 5.4rem 20px 2.4rem 0;
  }
}



/******************
 *** EVENT LIST ***
 ******************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - title
 * - feature event with image on left, information on right (optional)
 * - followed by list of events with date on left, text on right
 *
 * Used for: Events home, Event archive pages
 *
**/


/* Event List template uses default Standard template styles, along with Event List and Feature Event view styles */



/*************
 *** EVENT ***
 *************/

/* Template description:
 *
 * - left sidebar
 * - no right sidebar
 * - title
 * - event image on left, event info on right
 *   (similar to feature event on list page, but with full image)
 * - optional text below
 *
 * Used for: Event pages
 *
**/

/* event title area */
body.template-event #diveventtitlearea {
  width: 100%;
  padding: 2.4rem 10px 2.4rem 10px;
}
body.template-event #diveventtitlearea h2 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.4rem;
  margin: 0;
}

/* event photo/info */
body.template-event #diveventinfo {
  margin: 0;
  width: 100%;
  overflow: hidden;   /* clear self */
}
body.template-event #diveventinfo .image {
  width: 100%;
  padding: 0 10px 2.4rem 10px;
  line-height: 0;
}
body.template-event #diveventinfo .text {
  padding: 0 10px 2.4rem 10px;
}
body.template-event #diveventinfo .text p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  margin-bottom: 1.6rem;
}
/* webcast link(s) */
body.template-event #diveventinfo .text p.webcast {
  margin-bottom: 2.2rem;
}
body.template-event #diveventinfo .text p.webcast a {
  font-weight: bold;
  text-transform: none;
}
/* info area has tighter spacing */
body.template-event #diveventinfo .text .info {
  margin-bottom: 2.2rem;
}
body.template-event #diveventinfo .text .info p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  margin-bottom: 0.4rem;
}
body.template-event #diveventinfo .text .info p.date,
body.template-event #diveventinfo .text .info p.time {
  font-size: 1.4rem;
  font-weight: bold;
}
body.template-event #diveventinfo .text > :last-child {
  margin-bottom: 0;
}

/* intermediate: spacing adjustments */
@media all and (min-width: 32em) {
  /* spacing adjustments */
  body.template-event #diveventtitlearea {
    padding: 2.4rem 15px 2.4rem 15px;
  }
  body.template-event #diveventinfo .image {
    padding: 0 15px 2.4rem 15px;
  }
  body.template-event #diveventinfo .text {
    padding: 0 15px 2.4rem 15px;
  }
}

/* intermediate: event info in two columns */
@media all and (min-width: 32em) {
  body.template-event #diveventinfo {
    width: 100%;
  }
  body.template-event #diveventinfo .image {
    float: left;
    width: 54.06976%;  /* 465/860 */
    padding: 0 0 2.4rem 15px;
  }
  body.template-event #diveventinfo .text {
    float: left;
    width: 45.93023%;  /* 395/860 */
    padding: 0 15px 2.4rem 15px;
  }
  body.template-event #diveventinfo.noimage .text {
    float: none;
    width: 100%;
  }
}

/* desktop */
@media all and (min-width: 58em) {
  /* spacing adjustments */
  body.template-event #diveventtitlearea {
    padding: 2.4rem 20px 2.4rem 20px;
  }
  body.template-event #diveventinfo .image {
    width: 54.65116%;  /* 470/860 */
    padding: 0 0 2.4rem 20px;
  }
  body.template-event #diveventinfo .text {
    width: 45.34883%;  /* 390/860 */
    padding: 0 20px 2.4rem 20px;
  }
  body.template-event #diveventinfo.noimage .text {
    width: 100%;
  }
}

/* add to calendar links */

body.template-event #diveventinfo .text .info .addtocal {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6rem;
  color: #005b7f;
  margin-top: 1.2rem;
  margin-bottom: 0.4rem;
}
body.template-event #diveventinfo .text .info .addtocal .atclink {
  display: inline-block;
  border: 1px solid #c51a20;
  padding: 4px 8px;
  color: #ffffff;
  background-color: #c51a20;
  cursor: pointer;
  margin: 2px 8px 0 0;
}
body.template-event #diveventinfo .text .info .addtocal .atclink:hover {
  color: #fdb813;
}




/**************************************/
/**************************************/
/*** ADMINISTRATIVE ELEMENT STYLES ****/
/**************************************/
/**************************************/


/* WEBMASTER MENU */

/* container block */
#divwebmastermenu {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16rem;
  z-index: 20;
  padding: 4px 12px;
  background-color: #f8f8ff;
  border: 1px solid #000099;
}
/* heading */
#divwebmastermenu h2 {
  font-size: 1.00em;
  font-weight: bold;
  line-height: 100%;
  color: #000000;
  margin-bottom: 2px;
}
/* menu */
#divwebmastermenu ul {
  margin: 8px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  display: none;
}
#divwebmastermenu:hover ul {
  display: block;
}
#divwebmastermenu ul li {
  font-size: 0.92em;
  line-height: 120%;
  margin: 0px 0px 6px 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}
#divwebmastermenu ul li a {
  display: block;
  background-color: #f8f8ff; /* for IE to make block clickable */
  width: 120px;
}
#divwebmastermenu ul li a,
#divwebmastermenu ul li a:link,
#divwebmastermenu ul li a:visited {
  color: #000000;
  text-decoration: none;
}
#divwebmastermenu ul li a:hover {
  color: #0000cc;
  text-decoration: underline;
}
/* inner level */
#divwebmastermenu ul li ul {
  padding-top: 4px;
  margin: 0px;
}
#divwebmastermenu ul li li {
  font-size: 100%;
  margin-bottom: 4px;
}
#divwebmastermenu ul li li a {
  width: 106px;
  padding-left: 14px;
  background-image: url(../img/dash808080.gif);
  background-position: 6px 6px;
  background-repeat: no-repeat;
}


/* EDIT LINKS IN VIEWS */

#divcontent p.vieweditlink {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  padding: 5px 0px;
}
#divcontent p.vieweditlink a,
#divcontent p.vieweditlink a:link,
#divcontent p.vieweditlink a:visited {
  display: inline-block;
  background-color: #f8f8ff;
  border: 1px solid #000099;
  padding: 5px;
  text-decoration: none;
  color: #000000;
}
#divcontent p.vieweditlink a:hover {
  text-decoration: underline;
}


/* TABS */

/* tab area */
#divtabs {
  position: relative;
  z-index: 1;
  padding: 32px;
}
/* primary */
#divtabs ul.primary {
  border: none;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#divtabs ul.primary li {
  float: left;
  margin: 0px 0px 0px 24px;
  font-size: 1.4rem;
  font-weight: bold;
}
#divtabs ul.primary li:first-child {
  margin-left: 0px;
}
#divtabs ul.primary li a {
  display: block;
  padding: 2px 10px 4px 10px;
  background-color: #aad0da;
  border: 1px solid #406d77;
}
#divtabs ul.primary li.active a {
  border: 1px solid #d64e00;
  background-color: #ffee00;
}
#divtabs ul.primary li a {
  color: #000000;
  text-decoration: none;
}
#divtabs ul.primary li a:hover {
  color: #000000;
  text-decoration: underline;
}

/* secondary */
#divtabs ul.secondary {
  border: none;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#divtabs ul.secondary li {
  float: left;
  margin: 4px 0px 6px 24px;
  font-size: 0.92em;
  font-weight: bold;
}
#divtabs ul.primary li:first-child {
  margin-left: 0px;
}
#divtabs ul.secondary li a {
  display: block;
  padding: 2px 10px 4px 10px;
  background-color: #f8f8ff;
  border: 1px solid #006699;
}
#divtabs ul.secondary li.active a {
  border: 1px solid #d64e00;
  background-color: #ffee00;
}
#divtabs ul.secondary li a {
  color: #000000;
  text-decoration: none;
}
#divtabs ul.secondary li a:hover {
  color: #000000;
  text-decoration: underline;
}


/* NODE LINKS */

#divnodelinks {
  position: relative;
  z-index: 1;
  padding: 32px;
  clear: both;
}
body.not-logged-in #divnodelinks {
  display: none;
}
#divnodelinks ul {
  border: none;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#divnodelinks ul li {
  float: left;
  margin: 0px 0px 0px 24px;
  font-size: 1.4rem;
  font-weight: bold;
}
#divnodelinks ul:first-child li:first-child {
  margin-left: 0px;
}
#divnodelinks ul li a {
  display: block;
  padding: 2px 10px 4px 10px;
  background-color: #f8f8ff;
  border: 1px solid #000099;
}
#divnodelinks ul li a {
  color: #000000;
  text-decoration: none;
}
#divnodelinks ul li a:hover {
  color: #0000cc;
  text-decoration: underline;
}




/**************************
 ** MISCELLANEOUS TWEAKS **
 **************************/

/* remove annoying shadow for admin users */
#admin-menu {
  box-shadow: none;
}
/* force admin menu icon to 16x16, even if .icon file contains larger version */
#admin-menu img.admin-menu-icon {
  width: 16px;
  height: 16px;
}

/* set font on admin buttons and menus */
#divwebmastermenu,
#divmessages,
#divtabs,
#divhelp,
#divactionlinks,
#divnodelinks {
  font-family: Arial, sans-serif !important;
}

/* move tabs, messages, etc. to align with site design */
#divtabs,
#divactionlinks,
#divnodelinks {
  padding: 8px 20px 8px 20px;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  margin: 0;
}
#divmessages, div.messages {
  margin: 0;
}

/* call out unpublished node differently than Drupal */
.node-unpublished {
  background-color: transparent;
  padding-top: 3.0rem;
}
.node-unpublished:before {
  position: absolute;
  right: 0;
  top: 0;
  content: "UNPUBLISHED";
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 100%;
  color: #ff6060;
  padding: 0.8rem;
  text-align: center;
  border-bottom: 1px solid #ff6060;
  background-color: #ff6060;
  color: #ffffff;
}

/* remove action links that are inserted into the content without our approval */
#divcontent .action-links {
  display: none;
}




/**************************************/
/**************************************/
/*********** PRINT STYLES *************/
/**************************************/
/**************************************/


@media print {


  /*** GENERAL ***/

  * {
    background: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    background-color: transparent;
    background-image: none;
  }


  /*** OUTER SHELL ***/

  #divoutershell {
    margin: 0;
  }


  /*** HAPPENING NOW ***/

  #divhappeningnow {
    display: none;
  }


  /*** HEADER AREA ***/

  #divwatsonid {
    padding-top: 0;
  }
  #divtools {
    display: none;
  }
  #divheader {
    border-bottom: 1px solid #c2c2c2;
  }


  /*** PRIMARY NAVIGATION ***/

  #divprimarynav {
    display: none;
  }


  /*** FOOTER AREA ***/

  #divfooter {
    border-top: 1px solid #c2c2c2;
  }
  #divfooternav {
    display: none;
  }


  /*** HOME PAGE SLIDESHOW ***/

  body.template-home #divslidenav,
  body.template-home #divslides .slide div.text {
    display: none;
  }
  body.template-home #divslideshow {
    border: none;
  }


  /*** PERSON ***/

  body.template-person #tabbuttons {
    display: none;
  }
  body.template-person #divtabcontainer .taboff {
    display: block;
  }
  body.template-person #divtabcontainer .tab {
    margin-bottom: 1.8rem;
  }


  /*** COURSE LIST ***/

  #divcourselist div.coursegroup h2 {
    border: 2px solid #c2c2c2;
  }



  /*** MISCELLANEOUS ***/

  /* color borders/rules become gray */

  #divtitlearea.bottomborder,
  #divcontent div.featureimage,
  #divcontent div.featurevideo,
  #divcontent .sidebarbox,
  #divcontent hr,
  #divpeoplelist .personitem,
  #divnewslist .newsitem,
  #divfeatureevent,
  #diveventlist .event,
  #divsearchresults .searchresult,
  body.template-home #divcolumns .contentbox,
  body.template-home #divcolumns #divfirstcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divsecondcolumn > section:nth-child(n+2),
  body.template-home #divcolumns #divthirdcolumn > section:nth-child(n+2),
  #divtrilistitems,
  #divtrilistitems .trilistitem,
  #divtrilistitems .trilistitem.preheading,
  body.template-multifocus #divcontent .contentbox,
  body.template-multifocus #div3xrows .div3xrow,
  body.template-multifocus2 #divcontent .contentbox,
  body.template-multifocus2 #div2xrows .div2xrow,
  body.template-person #divphotobar,
  body.template-news_story #divimagearea,
  body.template-news_story #divimagearea .featureimage,
  body.template-news_story #divimagearea .featurevideo {
    border-color: #c2c2c2;
  }


  /*** ADMIN ELEMENTS ***/

  #divwebmastermenu,
  #divmessages,
  #divtabs,
  #divhelp,
  #divactionlinks,
  #divnodelinks,
  #admin-menu,
  #divcontent p.vieweditlink {
    display: none;
  }
}


/*** DEFAULT BODY AREA LAYOUT - don't show left column when printing ***/

@media print and (min-width: 46em) {
  #divcolumns.twocolumn:before {
    display: none;
  }
  #divcolumns.twocolumn #divleftsidebar {
    display: none;
  }
  #divcolumns.twocolumn #divcontentcolumn {
    float: none;
    width: 100%;
    margin: 0;
  }
}