html, body {
  background: #fcf9ff fixed;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.2;
  font-family: Georgia, serif;
  color: black;
  min-width: 976px;
}


/* ---- front page montage stuff ---- */

.montage table tbody thead tr th {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  font-size: 100%;
  font: inherit;
  line-height: 0; 
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;

}
 
.montage td {
  border: 1px solid #000;
  width: 200px;
  height: 200px;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  font-size: 100%;
  font: inherit;
  position: relative;
  top: 0;
  left: 0;
}

.montage figure {
  overflow: hidden;
  position: relative;
  height: 200px;
  width: 200px;
  top: 0px;
  left: 0px;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  font-size: 100%;
  font: inherit;
}

.montage td:hover figcaption {
  opacity: 1;
}

.montage img {
  display: block;
  height: auto;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  max-width: 100%;
}
.montage td:hover img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  transform: scale(1.4);
}

.montage figcaption p {
  /* display: table-cell; */
  font-size: 1.4em;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
  top: 0px;
  width: 190px;
  padding: 5px;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  vertical-align: middle;
}
 
.montage td:hover figcaption p {
  -moz-transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}

.montage figcaption {
  background: rgba(0,0,0,0.5);
  color: white;
  display: table;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
  z-index: 100;
}

/* ---- end front page montage stuff ---- */

/* a little "highlight" box */
.simplebox { 
    /*background: #CDE2FE;*/
    background: #c6d5de;
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.spaced li {
    margin: 0.5em 0;
}

.topalign td {
    vertical-align: top;
    padding-right: 1em;
    padding-bottom: 1em;
}

.dropshadow {
    border: 1px solid;
    border-radius: 7px;
    -moz-box-shadow:    2px 2px 3px 4px #919ca2;
    -webkit-box-shadow: 2px 2px 3px 4px #919ca2;
    box-shadow:         2px 2px 3px 4px #919ca2;
}

/* for photos of people */
.personphoto {
    border: 1px solid;
    color: #919ca2;
    border-radius: 4px;
    float: left;
    margin-right: 0.5em;
}

/* for announcement images */
.announcementimg {
    border: 1px solid;
    color: #919ca2;
    border-radius: 4px;
}

.researcharea {
  font: small-caps normal 1.3em Georgia, serif;
}

/* main structure */
#main,
#nwraheader div {
  font-size: large;
  max-width: 54.1em;
  margin: 0 auto;
}

#nwraheader {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 0.6em 0 0 0;
  /*background: #bbb;*/

  background: #c6d5de; /* Old browsers */
  background: -moz-linear-gradient(top, #c6d5de 0%, #e0e7ec 53%, #f6f9fa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6d5de), color-stop(53%,#e0e7ec), color-stop(100%,#f6f9fa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c6d5de 0%,#e0e7ec 53%,#f6f9fa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c6d5de 0%,#e0e7ec 53%,#f6f9fa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c6d5de 0%,#e0e7ec 53%,#f6f9fa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #c6d5de 0%,#e0e7ec 53%,#f6f9fa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d5de', endColorstr='#f6f9fa',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}

#nwraheader #logo {float:left;padding-left:1em;padding-bottom:0.5em;} /* height:3em;} */

h1#nwraheadername2 {
  margin: 0 auto 0.1em 5em;
  padding-top:0.1em;
  padding-left:5em;
  font: small-caps normal x-large/0.9 Georgia, serif;
}

h1#nwraheadername {
  margin: 0 0 0.1em 5em;
  padding-top: 0.5em;
  padding-left: 5em;
  font: small-caps normal x-large/1.1 Georgia, serif;
  border-bottom: 0;
}
h1#nwraheadername a {
  color: inherit;
}

h3#nwraheadermotto {
  margin: 0 auto 0.1em 5em;
  padding-left: 10em;
  font: italic medium/0.9 Georgia, serif;
  color: inherit;
}


h1#headername {
  margin: 0 auto 0.1em 5em;
  padding-top:0.1em;
  padding-left:5em;
  font: small-caps normal x-large/0.9 Georgia, serif;
}

h3#headermotto {
  margin: 0 auto 0.1em 5em;
  padding-left:10em;
  font: normal medium/0.9 Georgia, serif;
}

nav#nwranav {
  clear: both;
  width: 100%;
  font-variant: small-caps;
  background: #ddd;
  line-height: 1.2em;
  padding: 0.1em 0em 0.2em 0em;
}

/* navbar */
nav#nwranav ul {max-width: 59em; margin: 0 auto; font: small-caps medium/0.9 Georgia, serif; line-height: 1.2em; }

nav#nwranav ul#menu {
  padding-left: 0;
}

nav#nwranav ul li {
  padding-right:1.5em;
  float: left;
  text-align:left;
  width: auto;
  display: inline;
  list-style-type: none;
  font-size: large;
}
nav#nwranav ul li a {
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #36B;
}
nav#nwranav ul li.active a, .active {color: #3a9} /*#906CD7;*/
nav#nwranav ul li.active a:hover {color: #f90; text-decoration: none; }
nav#nwranav ul a:hover {color: #f90; text-decoration: none; }


#main {
  position: relative;
  margin-top: 6em;
  padding-bottom: 2em;
}

#main_content {
  font-size: medium;
  min-height: 45em;
  margin: 0;
  width: 62%;
  padding: 0 4% 0 2%;
}

#sidebar {
  position: absolute;
  top: 0.67em;
  right: 2%;
  width: 30%;
  font-size: small;
  line-height: 1.3;
}

#footer {
  width: 100%;
  text-align: center;
  font-size: small;
/*  position: fixed;
  bottom: 0;
*/  background-color: #fcf9ff;
  padding: 5px 0 0 0;
  margin: 0;
}

/* ----------------------------- */
/* this is from the old nwra.css */

#content2 {
  position: relative;
  margin-top: 7em;
  padding: 0 0 2em 1em;
  font-size: 86%;
}

div.calendarcontent {
  font-size: 86%;
  margin: 0px auto;
  text-align:center;
  width: 97%;
}

/* simple table */
table.simple {
        background-color: #c2d0ff;
        border: 1px #000000 solid;
        border-collapse: collapse;
        border-spacing: 0px;
}

td.simpleheader {
        /* background-color: #ffff99; */
        border: 1px #000000 solid;
        font-weight: bold;
        font-size: 12px;
        color: #404040;
        background: #c0d0ff;
}

td.simplecell {
        /* border-bottom: 1px #6699CC dotted; */
        text-align: left;
        font-weight: normal;
/*      font-size: .8em; */
        color: #404040;
        background-color: #fafafa;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
}

#pagetitle {
        font-size: 1.8em;
        text-decoration: none;
        font-weight: bold;
        text-align: center;
}

a:link.tip {text-decoration: none; color: black;}
a:visited.tip {text-decoration: none; color: black;}
a:active.tip {text-decoration: none; color: black;}
a:hover.tip {text-decoration: none; color: black;}

a.tip {
        position: relative;
}

a.tip span {
        display: none;
        position: absolute;
        top: 20px;
        left: -62px;
        width: 125px;
        padding: 5px;
        z-index: 100;
        background: #000;
        color: #fff;
        -moz-border-radius: 5px; /* firefox */
        -webkit-border-radius: 5px; /* safari */
}

a:hover.tip {
        font-size: 100%; /* IE */
}

a:hover.tip span {
        display: block;
}

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


#main_content_wide {
  font-size: medium;
  min-height: 30em;
  margin: 0;
  width: 95%;
  padding: 0 4% 0 2%;
}


/* general element rules */

h2, h3, h4 {
  color: #444;
  font: bold large Georgia, serif;
  letter-spacing: 0.06em;
  margin: 0; padding: 0;
}
h2 {margin-bottom: 0.5em;}
h3, h4 {font-size: medium; margin-top: 0.1em;}
h4 {font-size: small;}

.underline {
  border-bottom: 1px solid gray;
  display: inline-block;
  margin-bottom: 0.2em;
}

a {text-decoration: none; color: #369}
a:hover {color:#f90;}
a:active {color:#f90;}
a img { border: none; }

a.normallink {
    text-decoration: none;
    color: #369;
}
a.normallink:hover {
    text-decoration: none;
    color: #f90;
}

p {margin:0; padding:0 0 0.5em;}
ul {padding-left: 2em; margin: 0;}
table, th, td {vertical-align: middle;}

td#address-left {padding-right:1em}

/* class layouts */
.lbar {margin-left: 0.5em; padding-left: 0.5em; border-left: 1px #666 solid;}
.sep {width: 100%; border-top: 1px #999 solid; padding:1ex 0;}
.item {width: 100%; padding: 0.5em 0 0.75em 0;}

.pagination {text-align: center; font-size: 3em;}

.columns {   
  -moz-column-width: 10em;
  -webkit-column-width: 10em;
  column-width: 10em;
}
/*remove standard list and bullet formatting from ul*/
.columns ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
.columns ul li:first-child {margin-top:0px;}

/* relative positioning to set anchor correctly */
div.person {
  background: #eee;
  padding: 0.5em;
  margin: 0.25em;
  border: 1px #369 solid;
}

#tabs {font-family: Georgia, serif;}
#tabs div {font-size: medium;margin-right:1em;padding-right:1em}

/* forms */
form#login_form {padding-top: 0.5em}
label.login {font-weight: normal}

form div {margin-bottom: 1em}
div.submit, div.destroy {
  padding: 0.5em;
  width:100%;
}
div.submit {background:#ddd;}
div.destroy {background:#ffd773;}

fieldset {border: none; margin: 0; padding: 0;}
label {font-weight: bold;}
select {
  width: auto;
  background: #fcf9ff;
  border: 1px solid gray;
  font-family: Georgia, serif;
}
textarea, input {width: 100%;}
input[type="radio"], 
input[type="checkbox"],
input[type="submit"] {
  width: auto;
  margin:0;
}
/* input#job_is_active {
 font-size:xx-large;margin:50;border:40px
}*/

/* errors and messaging */
#error_explanation {border: 2px #f60 solid;}
div.flash {
  width: 100%;
  margin: 0 0 0.5em;
  padding: 0.5em;
  font-weight: bold;
}
#notice {background-color: #6f9;}

#alert,
#error_explanation,
.field_with_errors {
  background-color: #fc0;
}

/* override colorbox settings for close */
#cboxClose {background: none; width: 50px; text-indent: 0; color: #369;}
#cboxClose:hover {color: #fc0;}

/* helper classes */
.bg_grey {background: #ccc;}
.grey {color: #666;}
.hidden {display: none;}
.inline {display: inline;}
.italic {font-style: italic;}
.rounded {border-radius: 0.25em; padding: 0.2em 0.5em;}
.small {font-size: small;}
.xsmall {font-size:x-small}
.markupdown img {
  border: 1px #999 solid;
  max-width: 100%;
}

.cl {clear: left;}
.ls {float: left; margin-right: 0em;}
.l {float: left; margin-right: 0.5em;}
.r {float: right; margin-left: 0.5em;}
.x {font-size: x-large; margin-top: -0.25em;}
.mx100 {max-width: 100%}

.h10 {height: 10em;}
.padding_top05 {padding-top:0.25em;}
.w6 {width: 6em;}
.w10 {width: 10em;}

/* for simple expander */
.content {display:none;}

/* clearfix helper, used to contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {clear: both;}
/* for IE 6/7 only include this rule to trigger hasLayout and contain floats. */
.clearfix {*zoom: 1;}

#footer {
  width: 100%;
  text-align: center;
  font-size: small;
/*  position: fixed;
 *    bottom: 0;
 *    */
/* background-color: #fcf9ff; */
  padding: 5px 0 0 0;
  margin: 0;
}

#nwrasearchbar {
   position:absolute;
   right:0%;
   top:0%;
   padding-top: 0.7em;
/*   font-family: Georgia, serif; */
   font: normal 1.1 Georgia, serif;
   display: inline-block;
   white-space: nowrap;
   min-width: 15em;
}

#nwrasearchbar ul {
   display:inline;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0pt;
   padding:8px 8px 0pt 1px;
}

#nwrasearchbar li {
   display:inline;
   float:left;
   margin:0pt;
   padding:0px 0px 0px 5px;
}

#nwrasearchbar form {
   display:block;
   float:left;
   font-family: Georgia,serif;
   font-size:0.8em;
   font-weight:bold;
   padding:7px 8px 4px 1px;
   text-decoration:none;
   width: 10.9em;
}

.hiddenroundbox {
  display: none;
  border-radius: 0.25em;
  padding: 0.2em 0.5em;
  background-color: #E6E6EA;
}

.lighter span {
    font-weight: lighter;
}