/* CSS Document */
/* =================== Global Styles ============================= */
/* =================== Default Elements ============================= */
h1, h2, h3, h4, h5, h6, p, li, td, label {
  font-family: Helvetica, sans-serif;
  font-style: normal; }

strong, label {
  font-weight: bold; }

em {
  font-style: italic; }

img, video {
  max-width: 100%;
  height: auto; }

input {
  margin: 0.5em;
  padding: 0.25em; }

sup, sub {
  font-size: 70%;
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub {
  top: 0.4em; }

table, td {
  border: #ccc 1px solid; }

td {
  padding: 1%; }

/* =================== End Global Styles ============================= */
/* =================== Structural Elements ========================== */
header {
  background: url(../images/headerbg.jpg) top right no-repeat #fff;
  padding: 10px 10px 10px 0;
  margin: 0 0 5px 0; }
  header h1 {
    font-size: 1.5em;
    text-transform: uppercase; }
  header a, header a:link, header a:visited {
    color: #455560;
    text-decoration: none; }
  header a:active, header a:hover, header a:focus {
    text-decoration: underline; }
  header nav {
    text-align: right; }
  header .header__slogan {
    font-size: 0.66667em;
    color: #A2B0BA; }

.IllinoisBranding .IllinoisBranding__logo {
  width: 29px;
  height: 37px;
  margin: 0 0 0 5%; }

.siteBranding {
  border-top: 1px solid #b4b4b4; }

.contentContainer {
  background: url(../images/conference_bg_web.jpg) no-repeat;
  padding: 10px;
  margin: 0.5em 0 0 0; }
  .contentContainer img {
    margin: 1%; }

.container form
{
	line-height: 250%;
}

section {
  background: url(../images/contentbg.png) repeat-x #fff;
  padding: 0.625em; }
  section h1 {
    font-size: 3em;
    color: #455560;
    padding: 0 0 .75em 0;
    background: url(../images/h3bg.jpg) repeat-x bottom; }
  section h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #021218;
    text-transform: uppercase;
    padding: 1.5em 0 0.5em 0; }
  section p {
    margin: 1em 0;
    line-height: 140%; }
  section ul li, section ol li {
    margin: 0.5em 0 0.5em 1em;
    line-height: 140%; }
  section ol li {
    list-style-type: decimal; }
  section ul li {
    list-style-type: disc; }
  section a, section a:link, section a:visited {
    color: #000;
    text-decoration: none;
    border-bottom: 2px dotted #000; }
  section a:active, section a:hover, section a:focus {
    border-bottom: none; }

aside {
  background: #fff;
  padding: 1%; }
  aside h2 {
    background: #333;
    color: #fff;
    text-transform: uppercase;
    padding: 0.5em;
    margin: 2px; }
  aside ul {
    background: #fff;
    padding: 0 0 0.25em 1em; }
    aside ul li {
      list-style: none;
      border-bottom: 1px solid #ccc; }
      aside ul li a, aside ul li a:link, aside ul li a:visited {
        color: #000;
        text-decoration: none;
        padding: 0.5em;
        display: block; }
      aside ul li a:active, aside ul li a:hover, aside ul li a:focus {
        background: #ccc; }
  aside .user-login-form {
    margin: 1em 0; }

footer {
  background: url(../images/footerbg.jpg) repeat-x bottom #b4b4b4;
  border: #ccc solid 1px;
  color: #333;
  padding: 0.5em 1em;
  font-size: 0.875em;
  margin: 1% 0 0 0; }
  footer ul li {
    list-style-type: none;
    padding: 0.25em 0; }
  footer a, footer a:link, footer a:visited {
    color: #333;
    text-decoration: none; }
  footer a:active, footer a:hover, footer a:focus {
    text-decoration: underline; }

/* =========== Maintenance Page ================ */
.maintenance-page header, .maintenance-page .contentContainer, .maintenance-page footer {
  background: #fff; }
.maintenance-page .contentContainer {
  border: 1px solid #ccc; }
.maintenance-page section {
  background: inherit; }
.maintenance-page footer {
  border: none; }

/* =========== MISC CLASSES/IDs ================ */
/* =========== MEDIA QUERIES ================ */
@media screen and (min-width: 61.25em) {
  /* 61.25em = 980px */
  .container {
    width: 63.75em;
    margin: 0 auto;
    padding: 0 0 5% 0; }

  header h1 {
    float: left; }

  .IllinoisBranding {
    margin: 0 0 2% 81%; }

  .contentContainer:after {
    content: "";
    display: block;
    clear: both; }

  section {
    width: 68.235%;
    float: left;
    margin: 0 2% 0 0; }

  aside {
    width: 25.078%;
    float: left; }

  footer > div {
    float: left;
    width: 40%; }
  footer:after {
    content: "";
    display: block;
    clear: both; }

  /* =========== Maintenance Page ================ */
  .maintenance-page section {
    width: inherit; }

  /* =========== MISC CLASSES/IDs ================ */
  .floatLeft {
    float: left; } }
@media screen and (min-width: 112.5em) {
  /* 112.5em = 1800px */ }
/* =========== END MEDIA QUERIES ================ */

/*# sourceMappingURL=styles.css.map */
