/* Eric Myer's Reset CSS per http://meyerweb.com/eric/tools/css/reset/ */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
  body {line-height: 1;}
  ol, ul {list-style: none;}
  blockquote, q {quotes: none;}
  blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
  table {border-collapse: collapse; border-spacing: 0;}
/* end Eric Myer's Reset CSS */

/* Now rebuild from reset */
  body {font-size: 12px; line-height: 1.5em; font-family: georgia, "times new roman", serif; color: #222;}
  h1 {margin: 1em 0; padding: 5px 0; border-bottom: 1px dashed #333; font-size: 162.5%; line-height: 1.25em; font-weight: bold;}
  h2 {margin: 1em 0; padding: 5px 0; border-bottom: 1px dashed #333; font-size: 150%; line-height: 1.25em; font-weight: bold;}
  h3 {margin: 1em 0; font-size: 125%; line-height: 1.25em; font-weight: bold;}
  h4 {margin: 1em 0; font-size: 100%; line-height: 1.25em; font-weight: bold;}
  h5 {margin: 1em 0; font-size: 75%; line-height: 1.25em;}
  h6 {margin: 1em 0; font-size: 62.5%; line-height: 1.25em;}
  p {margin: 1em 0;}
  blockquote {margin: 1em 40px;}
  q {font-style: italic; color: #444;}
  q:before {content: "\"";}
  q:after {content: "\"";}
  abbr {border-bottom: 1px dashed #333; cursor: help;}
  acronym {border-bottom: 1px dashed #333; cursor: help;}
  cite {font-style: italic;}
  strong, b {font-weight: bold;}
  em, i {font-style: italic;}
  sub {vertical-align: sub;}
  sup {vertical-align: super;}
  tt {font-family: courier;}
  a {color: #00f; text-decoration: underline;}
  a:link {color: #00f; text-decoration: underline;}
  a:visited {color: #800080; text-decoration: underline;}
  a:hover {text-decoration: none;}
  table {margin: 1em 0;}
  table caption {text-align: left;}
  table thead tr th {text-align: left;}
  table tfoot tr td {text-align: left;}
  table tbody tr td {text-align: left;}
  ul {list-style-type: disc; list-style-position: outside; padding-left: 40px; margin: 1em 0;}
  ul li {margin: .5em 0;}
  ul ul {list-style-type: circle;}
  ul ul ul {list-style-type: square;}
  ol {list-style-type: decimal; list-style-position: outside; padding-left: 40px; margin: 1em 0;}
  ol li {margin: .5em 0;}
  ol ol {list-style-type: lower-alpha;}
  ol ol ol {list-style-type: lower-roman;}
  ul li p, ol li p {margin: .5em 0;}
  dl {margin: 1em 0;}
  dl dt {margin: .5em 0; font-weight: bold;}
  dl dd {margin: .5em 0; padding: 0 40px;}
  dl dd p {margin: .5em 0;}
/* end rebuild from reset */

/* Basic structure (borrowing a *tiny* bit from Nathan Smith's 960 Grid System) */
  .outer-wrapper {width: 100%;}
  .inner-wrapper {max-width: 960px; min-width: 320px; margin: 0 auto;}
  .col {float: left; width: 100%; display: inline;}
  .col-inside {margin: 10px 20px;}
  .col-inside>:first-child {margin-top: 0;}
  .col-inside>:last-child {margin-bottom: 0;}
  .col-16 {width: 100%;}
  .col-8 {width: 100%;}
  .col-4 {width: 100%;}
  .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
  .clearfix:after, .col-16:after {content: '.'; display: block; clear: both; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
  .clearfix, .col-16 {zoom: 1;}
/* end Basic structure */

table.nice {}
table.nice caption {padding: 10px 20px;}
table.nice thead {}
table.nice thead tr {}
table.nice thead tr th {padding: 10px 20px;}
table.nice thead tr th > :first-child {margin-top: 0;}
table.nice thead tr th > :last-child {margin-bottom: 0;}
table.nice tfoot {}
table.nice tfoot tr {}
table.nice tfoot tr td {padding: 10px 20px;}
table.nice tfoot tr td > :first-child {margin-top: 0;}
table.nice tfoot tr td > :last-child {margin-bottom: 0;}
table.nice tbody {}
table.nice tbody tr {}
table.nice tbody tr td {padding: 10px 20px;}
table.nice tbody tr td > :first-child {margin-top: 0;}
table.nice tbody tr td > :last-child {margin-bottom: 0;}
table.border thead tr th {border: 1px dashed #333;}
table.border tfoot tr td {border: 1px dashed #333;}
table.border tbody tr td {border: 1px dashed #333;}

.block {margin-bottom: 20px; border: 1px solid #333; border-radius: 10px; -moz-border-radius: 10px; padding: 10px 20px;}
.block > :first-child {margin-top: 0;}
.block > :last-child {margin-bottom: 0;}
.block-red {background-color: #fff5f5;}
.block-green {background-color: #f5fff5;}
.block-blue {background-color: #f5f5ff;}
.block-gray {background-color: #f5f5f5;}

.university-wrapper {height: 30px; background-color: #000; border-bottom: 1px solid #fff; color: #fff;}
.university-wrapper .inner-wrapper {}
.university-wrapper .inner-wrapper .col {}
.university-wrapper .inner-wrapper .col .col-inside {margin: 0 20px;}
.university-wrapper .inner-wrapper .col .col-inside a {display: block; height: 30px; width: 100%; color: #fff; text-decoration: none; margin: 0; padding: 0; font-size: 110%; line-height: 2.25em;}
.university-wrapper .inner-wrapper .col .col-inside a span {vertical-align: middle;}

.appstate-alert-wrapper {height: 30px; margin-bottom: 20px; background-color: #f4c20a;}
.appstate-alert-wrapper .inner-wrapper {}
.appstate-alert-wrapper .inner-wrapper .col {}
.appstate-alert-wrapper .inner-wrapper .col .col-inside {margin: 0 20px;}
.appstate-alert-wrapper .inner-wrapper .col .col-inside a {display: block; height: 30px; width: 100%; color: #000; text-decoration: none; margin: 0; padding: 0; font-size: 110%; line-height: 2.25em;}
.appstate-alert-wrapper .inner-wrapper .col .col-inside a span {vertical-align: middle;}

.footer-wrapper {margin-top: 20px; background-color: #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

.alert {margin-bottom: 20px; border: 1px solid #333; border-radius: 10px; -moz-border-radius: 10px; padding: 10px 20px;}
.alert.alert-default {}
.alert.alert--normal {background-color: #eee;}
.alert.alert--guarded {background-color: #faecb3;}
.alert.alert--elevated {background-color: #fadab3;}
.alert.alert--high-risk--emergency {background-color: #f9cec3;}
.alert.alert--special {background-color: #e0f0ff;}
.alert.alert--testing {background-color: #fff;}
.alert .alert-message {margin-top: 10px; padding-top: 10px; border-top: 1px dashed #333;}
.alert .alert-message.alert-message-no-condition:first-child {margin-top: 0; padding-top: 10px; border: none;}
.alert .alert-message .alert-message-title {font-weight: bold; font-size: 120%;}
.alert .alert-message .alert-message-message {margin: 0;}
.alert .alert-message .alert-message-title + .alert-message-message {margin: 1em 10px 0 10px;}
.alert .alert-message .alert-message-message > :first-child {margin-top: 0;}
.alert .alert-message .alert-message-message > :last-child {margin-bottom: 0;}
.alert .alert-message .alert-message-dates {margin: 0 10px; font-size: 80%; font-family: sans-serif;}
.alert .alert-message .alert-message-title + .alert-message-message + .alert-message-dates {padding: 10px 20px;}
.alert .alert-moreinfo {margin-top: 10px;}