/* 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 {background-color: #777; font-size: 14px; line-height: 1.5em; font-family: georgia, "times new roman", serif; color: #444;}
  h1 {margin: 1em 0; padding: 5px 0; border-bottom: 1px dotted #444; font-size: 190%; line-height: 1.25em; font-weight: bold; color: #444;}
  .front h1#page-title {display: none;}
  h2 {margin: 1em 0; padding: 5px 0; border-bottom: 1px dotted #aaa; font-size: 130%; line-height: 1.25em; font-weight: bold; color: #444;}
  h3 {margin: 1em 0; font-size: 120%; 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: #0a759b; text-decoration: underline;}
  a:link {color: #0a759b; text-decoration: underline;}
  a:visited {color: #0a456b; text-decoration: underline;}
  a:hover {color: #3aa5cb; text-decoration: none;}
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #444; text-decoration: none;}
  h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {color: #444; text-decoration: none;}
  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color: #444; text-decoration: none;}
  img {max-width: 100%; height: auto;}
  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 p,ul blockquote,ul ul,ul ol,ul dl,ol p,ol blockquote,ol ul,ol ol,ol dl {margin: .5em 0;}
  ul li:last-child, ul li:last-child {margin-bottom: 0 !important;}
  dl {margin: 1em 0;}
  dl dt {margin: .5em 0; font-weight: bold;}
  dl dt a {color: #444; text-decoration: none;}
  dl dt a:link {color: #444; text-decoration: none;}
  dl dt a:visited {color: #444; text-decoration: none;}
  dl dd {margin: .5em 0; padding: 0 40px;}
  dl p,dl blockquote,dl ul,dl ol,dl dl {margin: .5em 0;}
/* end rebuild from reset */

div > :first-child:not(div) {margin-top: 0;}
div > :last-child:not(div) {margin-bottom: 0;}
figcaption > :first-child:not(div) {margin-top: 0;}
figcaption > :last-child:not(div) {margin-bottom: 0;}
.pull-quote {font-size: 150%; line-height: 1.3em; color: #666;}
.element-invisible {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px;}
.element-focusable {}
ul.pager {float: right; margin: 30px 0;}
ul.pager:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.pager li {display: block; float: left; margin: 0 7px 0 0; padding: 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; font-family: sans-serif;}
ul.pager li.pager-current {font-weight: normal; padding: 4px 7px; background: #eee;}
ul.pager li a {display: block; text-decoration: none; padding: 4px 7px; color: #444;}
ul.pager li a.active {color: #000;}
ul.pager li a:hover {background-color: #eee;}

.more-link {margin-top: 15px;}
.more-link:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.more-link p {display: block; float: right; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; font-family: sans-serif; text-align: right;}
.more-link p a {display: block; text-decoration: none; padding: 4px 7px; color: #444;}
.more-link p a.active {color: #000;}
.more-link p a:hover {background-color: #eee;}

.video-youtube, .video-vimeo {
	position: relative;
  margin-bottom: 10px;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
	overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.video-youtube iframe, .video-youtube object, .video-youtube embed, .video-vimeo iframe, .video-vimeo object, .video-vimeo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.show-under-330 {display: block;}
.show-under-480 {display: block;}
.show-under-533 {display: block;}
.show-under-600 {display: block;}
.show-under-768 {display: block;}
.show-under-960 {display: block;}
.show-under-1200 {display: block;}
.hide-under-330 {display: none;}
.hide-under-480 {display: none;}
.hide-under-533 {display: none;}
.hide-under-600 {display: none;}
.hide-under-768 {display: none;}
.hide-under-960 {display: none;}
.hide-under-1200 {display: none;}

.two-cols-left > .inner {margin-bottom: 30px;}
.two-cols-right > .inner {margin-bottom: 30px;}

.msg-01 {}
.msg-01 .msg-02 {}
.msg-01 .msg-02 .msggood-01 {margin: 0 0 15px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: #dfd;}
.msg-01 .msg-02 .msggood-02 {}
.msg-01 .msg-02 .msgbad-01 {margin: 0 0 15px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: #fdd;}
.msg-01 .msg-02 .msgbad-02 {}
.msg-01 .msg-02 .msginfo-01 {margin: 0 0 15px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5; background: #faf6ca;}
.msg-01 .msg-02 .msginfo-02 {}

ul.images-sidebar {list-style: none; margin: 0 0 30px; padding: 0;}
ul.images-sidebar li.images-sidebar-row {margin: 0 0 15px; padding: 0;}
ul.images-sidebar li.images-sidebar-row figure {line-height: 0;}
ul.images-sidebar li.images-sidebar-row figure a {display: block;}
ul.images-sidebar li.images-sidebar-row figure img {display: block;}
ul.images-sidebar li.images-sidebar-row figure figcaption {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}

ul.asides {list-style: none; margin: 0 0 30px; padding: 0;}
ul.asides li.asides-row {margin: 0 0 30px; padding: 0;}

#branding-university {}
#branding-university > .inner {}

#branding-site {}
#branding-site > .inner {}

#header-pre {}
#header-pre > .inner {}

#navigation-top {}
#navigation-top > .inner {}

#navigation-dropdown-controls {}
#navigation-dropdown-controls > .inner {}

#navigation-dropdown-menu {padding: 30px 0;}
#navigation-dropdown-menu > .inner {}

#header-full {}
#header-full > .inner {}

#header-primary {}
#header-primary > .inner {margin: 0 0 30px;}

#header-primary-left {}
#header-primary-left > .inner {margin: 0 0 30px;}

#breadcrumb {}
#breadcrumb > .inner {}

#page-title {}
#page-title > .inner {}

#content-pre {padding: 0 0 15px;}
#content-pre > .inner {margin: 15px 0 0;}

#content {padding: 0 0 15px;}
#content > .inner {margin: 15px 0 0;}

#content-post {padding: 0 0 15px;}
#content-post > .inner {margin: 15px 0 0;}

#sidebar-right {padding: 30px 0 0;}
#sidebar-right > .inner {margin: 0 0 30px;}

#navigation-left {padding: 0;}
#navigation-left > .inner {margin: 0 0 30px;}

#sidebar-left {padding: 30px 0 0;}
#sidebar-left > .inner {margin: 0 0 30px;}

#navigation-alternate {padding: 30px 0;}
#navigation-alternate > .inner {}

#footer-top {padding: 30px 0 0;}
#footer-top > .inner {margin: 0 0 30px;}

#footer-middle {padding: 30px 0 0;}
#footer-middle > .inner {margin: 0 0 30px;}

#footer-bottom {padding: 30px 0 0;}
#footer-bottom > .inner {margin: 0 0 30px;}

#footer-bottom-left {}
#footer-bottom-left > .inner {}

#footer-bottom-center {}
#footer-bottom-center > .inner {}

#footer-bottom-right {}
#footer-bottom-right > .inner {}

#branding-footer-university {}
#branding-footer-university > .inner {}

#content-pre #misc-subtitle {margin-top: -5px; font-size: 130%; line-height: 1.4em;}
#content-pre #misc-byline {margin: 15px 0 0; font-style: italic;}
#content-pre #misc-post-date {margin: 15px 0 0; color: #999; font-family: sans-serif; font-size: 80%;}
#content-pre #misc-byline + #misc-post-date {margin-top: 5px;}

ul.asides {list-style: none; margin: 0;}
ul.asides li.aside {margin: 0 0 30px; padding: 0;}

ul.images {list-style: none; margin: 0;}
ul.images li.image {margin: 0 0 15px; padding: 0;}
ul.images li.image figure {}
ul.images li.image figure > a {display: block;}
ul.images li.image figure img {display: block; line-height: 0;}
ul.images li.image figure figcaption {margin-top: 5px; font-family: sans-serif; font-size: 80%; line-height: 1.4em;}
ul.images li.image-last {margin: 0;}
ul.images.images-hf figure, ul.images.images-hp figure, ul.images.images-hpl figure {position: relative;}
ul.images.images-hf figure figcaption, ul.images.images-hp figure figcaption, ul.images.images-hpl figure figcaption {position: absolute; bottom: 0; left: 0;  padding: 5px 10px; color: #fff; background-image: url(../images/caption-background-65.png); background-position: top left; background-repeat: repeat;}

#branding-university-00 {width: 100%; background-color: #000;}
  #branding-university-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #branding-university-02 {padding: 0 15px;}
      #branding-university-02 a {display: block; padding: 15px 0; color: #fff; text-decoration: none;}
      #branding-university-02 a h2 {font-size: inherit; padding: 0; margin: 0; border: none; color: #fff;}

#branding-site-00 {width: 100%; height: 100px; background: #999 url(../_images/brandings-overlay-01.png) bottom left repeat-x;}
  #branding-site-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #branding-site-02 {height: 100px; padding: 0 15px; display: table-cell; vertical-align: bottom;}
      #branding-site-02 a {display: block; padding: 15px 0; color: #fff; text-decoration: none;}
      #branding-site-02 a h1 {font-size: 150%; font-weight: normal; font-family: sans-serif; padding: 0; margin: 0; border: none; color: #fff;}

#navigation-top-00 {width: 100%; height: 40px;
  background: rgb(119,119,119);
  background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(170,170,170,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(170,170,170,1)));
  background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: -o-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: -ms-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: linear-gradient(to bottom,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#aaaaaa',GradientType=0 );}
#navigation-top-00 {display: none;}
  #navigation-top-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #navigation-top-02 {padding: 0 15px;}
      #navigation-top {display: none;}

#navigation-dropdown {width: 100%;}
  #navigation-dropdown-controls-00 {width: 100%; padding: 15px 0;
    background: rgb(119,119,119);
    background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(170,170,170,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(170,170,170,1)));
    background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
    background: -o-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
    background: -ms-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
    background: linear-gradient(to bottom,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#aaaaaa',GradientType=0 );}
    #navigation-dropdown-controls-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
      #navigation-dropdown-controls-02 {}
        #navigation-dropdown-controls {font-family: sans-serif; font-size: 150%; line-height: 1.2em;}
          #navigation-dropdown-controls a {display: block; color: #eee; text-decoration: none; text-align: center;}
          #navigation-dropdown-controls a:hover {color: #fff; transition: color .5s;}
          #navigation-dropdown-controls a span {display: block; padding: 15px 0;}
            #navigation-dropdown-controls .navigation-dropdown-10 {width: 120px; height: 35px; margin: 0 auto;}
            #navigation-dropdown-controls .navigation-dropdown-10 a {display: block; width: 100%; height: 100%;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 {width: 100%; height: 100%; position: relative; border: 1px solid #fff;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11:after {content: "."; height: 0; clear: all; visibility: hidden;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 .navigation-dropdown-12 {position: absolute; top: 5px; left: 5px; width: 40px; height: 5px; background: #fff;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 .navigation-dropdown-13 {position: absolute; top: 15px; left: 5px; width: 40px; height: 5px; background: #fff;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 .navigation-dropdown-14 {position: absolute; top: 25px; left: 5px; width: 40px; height: 5px; background: #fff;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 .navigation-dropdown-15 {display: table; position: absolute; top: 0; left: 45px; width: 75px; height: 100%; color: #fff;}
            #navigation-dropdown-controls .navigation-dropdown-10 .navigation-dropdown-11 .navigation-dropdown-15 p {display: table-cell; width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; vertical-align: middle;}
   #navigation-dropdown-menu-00 {display: none; width: 100%; background-color: #fff; border-bottom: 1px solid #777;}
    #navigation-dropdown-menu-01 {}
      #navigation-dropdown-menu-02 {}
        #navigation-dropdown {}

#navigation-alternate-00 {width: 100%; background-color: #eee;}
  #navigation-alternate-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #navigation-alternate-02 {padding: 0 15px;}
    #navigation-alternate-02:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}

#header-pre-00 {width: 100%; background: rgb(119,119,119);
  background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(170,170,170,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(170,170,170,1)));
  background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: -o-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: -ms-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  background: linear-gradient(to bottom,  rgba(119,119,119,1) 0%,rgba(170,170,170,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#aaaaaa',GradientType=0 );
  color: #fff;}
  #header-pre-00 a {color: #fff;}
  #header-pre-00 a:link {color: #fff;}
  #header-pre-00 a:visited {color: #fff;}
  #header-pre-00 a:hover {color: #fff;}
  #header-pre-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #header-pre-02 {padding: 15px;}
      #header-pre-02 img {max-width: 100%; height: auto;}
      #header-pre {}
      #header-pre div:last-child {margin-bottom: 0;}

#header-full-00 {width: 100%; background-color: #ddd; border-bottom: 1px solid #ddd;}
  #header-full-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #header-full-02 {padding: 15px;}
      #header-full-02 img {max-width: 100%; height: auto;}
      #header-full {}
      #header-full div:last-child {margin-bottom: 0;}

#main-00 {width: 100%; padding: 15px 0 30px; background: #fff;}
#main-00:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
  #main-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #main-02 {padding: 0;}
    #main-02:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
      #primary-01 {}
        #primary-02 {}
          #primary-02 img {max-width: 100%; height: auto;}
          #header-primary-01 {min-width: 320px; margin: 0 auto;}
            #header-primary-02 {padding: 0 15px;}
              #header-primary-02 img {max-width: 100%; height: auto;}
              #header-primary {}
          #primary-left-01 {}
            #primary-left-02 {padding: 0 15px;}
            #primary-left-02:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
              #header-primary-left-01 {min-width: 320px; margin: 0;}
                #header-primary-left-02 {padding: 0;}
                  #header-primary-left-02 img {max-width: 100%; height: auto;}
                  #header-primary-left {}
              #messages-01 {}
                #messages-02 {}
                  #messages {}
              #breadcrumb-01 {}
                #breadcrumb-02 {}
                  #breadcrumb {font-family: sans-serif; font-size: 60%; color: #aaa;}
                    #breadcrumb .breadcrumb {padding: 0;}
                    #breadcrumb .breadcrumb a {margin-right: 5px; margin-left: 5px; color: #aaa; text-decoration: none; font-size: 120%;}
                    #breadcrumb .breadcrumb a:hover {color: #444; text-decoration: none; transition: color .5s;}
                    #breadcrumb .breadcrumb > a:first-child {margin-left: 0;}
              #page-title-01 {}
                #page-title-02 {}
                  h1#page-title {}
              #tabs-01 {}
                #tabs-02 {}
                  .tabs {}
              #action-links-01 {}
                #action-links-02 {}
                  ul.action-links {}
          #primary-right-01 {}
            #primary-right-02 {padding: 0 15px;}
            #primary-right-02:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
      #left-01 {}
        #left-02 {padding: 0 15px 15px;}
          #navigation-left-01 {display: none;}
          #sidebar-left-01 {}
            #sidebar-left-02 {}

#footer-top-00 {width: 100%; background-color: #888; color: #000;}
  #footer-top-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #footer-top-02 {padding: 15px;}
      #footer-top-02 h2 {color: #000; border-color: #000;}

#footer-bottom-00 {width: 100%; background-color: #777;}
  #footer-bottom-01 {min-width: 320px; max-width: 1200px; margin: 0 auto;}
    #footer-bottom-02 {font-family: sans-serif; font-size: 80%; line-height: 1.4em; color: #fff;}
      #footer-bottom-02 a {color: #fff;}
      #footer-bottom-02 a:link {color: #fff;}
      #footer-bottom-02 a:visited {color: #fff;}
      #footer-bottom-02 a:hover {color: #fff; text-decoration: none;}
      #footer-bottom-left-01 {}
        #footer-bottom-left-02 {padding: 15px;}
          #footer-bottom-left {}
      #footer-bottom-center-01 {}
        #footer-bottom-center-02 {padding: 15px;}
          #footer-bottom-center {}
      #footer-bottom-right-01 {}
        #footer-bottom-right-02 {padding: 15px;}
          #branding-footer-university-01 {}
            #branding-footer-university-02 {}
              #branding-footer-university-02 a {display: block; width: 161px; height: 43px; margin: 0 auto; background: url(../_images/appstate-logo.png) no-repeat;}
              #branding-footer-university-02 a h2 {display: none;}
          #footer-bottom-right {}

@media all and (min-width: 330px) {
  .show-under-330 {display: none;}
  .hide-under-330 {display: block;}
}

@media all and (min-width: 480px) { /* mobile landscape */
  .show-under-480 {display: none;}
  .hide-under-480 {display: block;}
}

@media all and (min-width: 533px) { /* kindle fire (new) */
  .show-under-533 {display: none;}
  .hide-under-533 {display: block;}
}

@media all and (min-width: 600px) { /* nexus 7 & kindle fire (original) */
  #branding-university-00 {box-shadow: 0 5px 5px #000; position: fixed; z-index: 200;}
  #branding-university-01 {height: 50px;}
  #branding-university-02 a {height: 50px; padding: 0; background: #000 url(../_images/appstate-logo.png) 0 5px no-repeat;}
  #branding-university-02 a h2 {display: none;}
  #branding-site-00 {height: 200px; padding-top: 50px; background: #999 url(../_images/brandings-overlay-01.png) 0 50px repeat-x}

  #branding-site-01 {}
  #branding-site-02 {height: 200px;}
  #branding-site-02 a {}
  #branding-site-02 a h1 {font-size: 170%; line-height: 2em;}

  #header-pre-01 {}
  #header-full-01 {}
  #main-01 {}
  #footer-top-01 {}
  #footer-bottom-01 {}
  .show-under-600 {display: none;}
  .hide-under-600 {display: block;}
}

@media all and (min-width: 768px) { /* ipad & ipad mini */
  #branding-university-00 {box-shadow: 0 5px 5px #000; position: fixed; z-index: 200;}
    #branding-university-01 {height: 50px;}
      #branding-university-02 {}
        #branding-university-02 a {height: 50px; padding: 0; background: #000 url(../_images/appstate-logo.png) 0 5px no-repeat;}
        #branding-university-02 a h2 {display: none;}
  #branding-site-00 {padding-top: 50px;}
    #branding-site-01 {}
      #branding-site-02 {}
        #branding-site-02 a {}
        #branding-site-02 a h1 {}

  #navigation-top-00 {display: block; height: 60px;}
  body.navigation-top-off #navigation-top-00 {height: 15px;}
  body.navigation-top-off.header-pre-on #navigation-top-00 {display: none;}
    #navigation-top-01 {}
      #navigation-top-02 {}
        #navigation-top {display: block;}
          #navigation-top .menu-block-wrapper {display: table-cell; vertical-align: bottom; height: 60px;}
          #navigation-top ul.menu {list-style: none; margin: 0; padding: 0;}
          #navigation-top ul.menu li {list-style: none; float: left; margin: 0; padding: 5px 15px; font-family: sans-serif; font-size: 90%; line-height: 1.2em; border-left: 1px solid #aaa;}
          #navigation-top ul.menu li.first {border: none;}
          #navigation-top ul.menu li:first-child {border: none;}
          #navigation-top ul.menu li.last {}
          #navigation-top ul.menu li.active-trail {border-top-right-radius: 10px; border-top-left-radius: 10px; background: #fff;}
          #navigation-top ul.menu li.active-trail + li {border-color: transparent;}
          #navigation-top ul.menu li a {color: #eee; text-decoration: none;}
          #navigation-top ul.menu li a:hover {color: #fff; transition: color .5s;}
          #navigation-top ul.menu li.active-trail a {color: #444; text-decoration: none;}
          #navigation-top ul.menu li a.active {}
          #navigation-top ul.menu ul {display: none;}
        body.navigation-top-on #navigation-top:after {display: block; content: "."; clear: both; height: 0; visibility: hidden;}

  #navigation-dropdown {display: none;}

  #header-pre-01 {}
  #header-full-01 {}

  #main-00 {}
    #main-01 {}

  body.left-off #main-00 {}
    body.left-off #main-00 #main-01 {background-image: none;}
      #primary-01 {display: inline; float: left; position: relative; left: 25%; width: 75%;}
      body.left-off #main-00 #primary-01 {left: 0; width: 100%;}
      #left-01 {display: inline; float: left; position: relative; left: -75%; width: 25%;}
        #navigation-left-01 {display: block; margin: 0 0 30px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #f5f5f5, -1px -1px 1px #f5f5f5;}
          #navigation-left-02 {}
            #navigation-left-02 .inner {margin: 0;}
            #navigation-left-02 ul.menu {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
            #navigation-left-02 ul.menu li {list-style-type: none; list-style-image: none; margin: 0; padding: 0; font-family: sans-serif; font-size: 90%; line-height: 1.2em; border-bottom: 1px dotted #aaa;}
            #navigation-left-02 ul.menu > li:last-child {border-bottom: none;}
            #navigation-left-02 ul.menu li.expanded {}
            #navigation-left-02 ul.menu li:not(.active-trail) ul {display: none;}
            #navigation-left-02 ul.menu li.active-trail {background-color: #eee;}
            #navigation-left-02 ul.menu li  a {display: block; padding: 10px 15px; text-decoration: none; color: #444;}
            #navigation-left-02 ul.menu li.active-trail  a {}
            #navigation-left-02 ul.menu li  a.active-trail {}
            #navigation-left-02 ul.menu li  a.active {}
            #navigation-left-02 ul.menu li  ul a.active {font-weight: bold; color: #000;}
            #navigation-left-02 ul.menu li a:hover {text-decoration: none; background: #eee; transition: background .5s;}
            #navigation-left-02 ul.menu li  a:visited {color: #444;}
            #navigation-left-02 ul.menu li ul {}
            #navigation-left-02 ul.menu li li {border-bottom: none; font-size: 95%;}
            #navigation-left-02 ul.menu li li:last-child {padding-bottom: 5px;}
            #navigation-left-02 ul.menu li li a {padding: 10px 7px 10px 27px;}
            #navigation-left-02 ul.menu li li.active-trail a {}
            #navigation-left-02 ul.menu li li li a {padding: 4px 7px 4px 37px;}
            #navigation-left-02 ul.menu li li li li a {padding: 4px 7px 4px 47px;}

  #footer-top-01 {}
  #footer-bottom-01 {}

  body.left-off .two-cols {}
  body.left-off .two-cols:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
    body.left-off .two-cols-left {float: left; width: 50%;}
      body.left-off .two-cols-left > .inner {margin-right: 15px;}
    body.left-off .two-cols-right {float: left; width: 50%;}
      body.left-off .two-cols-right > .inner {margin-left: 15px;}
  .show-under-768 {display: none;}
  .hide-under-768 {display: block;}
}

@media all and (min-width: 960px) { /* ~1024px */
  #branding-site-00 {}
      #branding-site-02 {}
        #branding-site-02 a {}

  body.left-on.sidebar-right-on #main-00 {}
    body.left-on.sidebar-right-on #main-00 #main-01 {}
      body.left-on.sidebar-right-on #main-00 #primary-01 {left: 20%; width: 80%; background-color: transparent;}
        body.left-on.sidebar-right-on #main-00 #primary-left-01 {display: inline; float: left; position: relative; left: 0; width: 60%;}
        body.left-on.sidebar-right-on #main-00 #primary-right-01 {display: inline; float: left; position: relative; left: 0; width: 40%;}
      body.left-on.sidebar-right-on #main-00 #left-01 {left: -80%; width: 20%;}

  body.left-off.sidebar-right-on #main-00 {}
    body.left-off.sidebar-right-on #main-00 #main-01 {}
      body.left-off.sidebar-right-on #main-00 #primary-01 {left: 0; width: 100%;}
        body.left-off.sidebar-right-on #main-00 #primary-left-01 {display: inline; float: left; position: relative; left: 0; width: 70%;}
        body.left-off.sidebar-right-on #main-00 #primary-right-01 {display: inline; float: left; position: relative; left: 0; width: 30%;}

  body.left-on.sidebar-right-off #main-00 {}
    body.left-on.sidebar-right-off #main-00 #main-01 {}
      body.left-on.sidebar-right-off #main-00 #primary-01 {left: 20%; width: 80%;}
        body.left-on.sidebar-right-off #main-00 #primary-left-01 {left: 0; width: 100%;}
      body.left-on.sidebar-right-off #main-00 #left-01 {left: -80%; width: 20%;}

  body.left-off.sidebar-right-off #main-00 {}
    body.left-off.sidebar-right-off #main-00 #main-01 {}
      body.left-off.sidebar-right-off #main-00 #primary-01 {left: 0; width: 100%;}
        body.left-off.sidebar-right-off #main-00 #primary-left-01 {left: 0; width: 100%;}

  #footer-bottom-00 {}
    #footer-bottom-01 {}
      #footer-bottom-02 {padding-top: 0;}
      #footer-bottom-02:after {display: block; content: "."; clear: both; height: 0; visibility: hidden;}
        body.footer-bottom-left-on.footer-bottom-center-off #footer-bottom-left-01 {float: left; width: 75%;}
        body.footer-bottom-left-on.footer-bottom-center-off #footer-bottom-right-01 {float: left; width: 25%;}
        body.footer-bottom-left-on.footer-bottom-center-on #footer-bottom-left-01 {float: left; width: 30%;}
        body.footer-bottom-left-on.footer-bottom-center-on #footer-bottom-center-01 {float: left; width: 45%;}
        body.footer-bottom-left-on.footer-bottom-center-on #footer-bottom-right-01 {float: left; width: 25%;}
        body.footer-bottom-left-off.footer-bottom-center-on #footer-bottom-center-01 {float: left; width: 75%;}
        body.footer-bottom-left-off.footer-bottom-center-on #footer-bottom-right-01 {float: left; width: 25%;}
        body.footer-bottom-left-off.footer-bottom-center-off #footer-bottom-right-01 {width: 100%;}
          #branding-footer-university-02 {float: right; padding-bottom: 30px;}
            #branding-footer-university-02 a {margin: 0;}

  .two-cols {}
  .two-cols:after {display: block; clear: both; content: "."; height: 1px; visibility: hidden;}
    .two-cols-left {float: left; width: 50%;}
      .two-cols-left > .inner {margin-right: 15px;}
    .two-cols-right {float: left; width: 50%;}
      .two-cols-right > .inner {margin-left: 15px;}
  .show-under-960 {display: none;}
  .hide-under-960 {display: block;}
}

@media all and (min-width: 1200px) { /* ~1280px */
  .show-under-1200 {display: none;}
  .hide-under-1200 {display: block;}
}