@media all {

  .floatImg {float: left; margin: 0 25px 25px 0;}
  .floatImgRight {float: right; margin: 0 0 25px 25px;}
  .floatImg + p, .floatImgRgtCol {float: left; width: 70%; margin-bottom: 35px;}
  li {margin: 1em 0;}
  
  .clrnone{clear: none !important;}/*needed to override float clears on h2 elements*/
  .margin10{margin: 10px;}
  .clearboth{clear: both;}
  .listnone{list-style: none;}
  #panelCarousel {list-style: none; margin: 0; padding: 0;}
  #panelCarousel li {margin: 0;}

}


@media screen {

  body {font: 14px/1.4 'Open Sans',sans-serif;}
  #masthead {padding-top: 25px;}
  #search-form {text-align: right; padding-top: 15px;}
  #search-form input[type="text"] {float: right; width: 200px; border-radius: 6px; border: 2px solid #707070; padding: 5px; margin-right: 4px;}
  #search-form button {background: #7E092A; border: 1px solid #707070; color: #fff; border-radius: 50%; font-size: 12px; padding: 4px 8px;}
  #search-form .search-advanced {text-align: left;}
  #search-form .search-advanced input[type="text"] {float: none;}
  #search-form .search-advanced button {border-radius: 0;}
  #masthead nav {font: 16px/1.3 'PT Sans', sans-serif;}
  #masthead nav ul {margin: 0; padding: 0; list-style: none; text-align: right;}
  #masthead nav li {display: inline-block; margin: 0 0 0 15px; text-transform: uppercase; position: relative; top: 0; left: 0;}
  #masthead nav li:first-child {margin-left: 0;}
  #masthead nav a {color: #7E092A; padding: 0;}
  #masthead nav a:hover, #masthead nav a:focus {background: transparent;}
  #masthead .active:after, #masthead .active-trail:after {content: url(/drupal/i/toparrow.png); position: absolute; top: 10px; left: 50%; margin-left: -5px;}
  #masthead .active a, #masthead .active-trail {color: #7E092A; font-weight: bold;}
  #masthead nav .block-title, #localNav .block-title {display: none;}
  #mobileNav select {width: 100%; margin-bottom: 10px;}
  #homeBG {margin-top: 10px; padding-top: 25px; background: url(/drupal/sites/default/files/pictures/home-bg.jpg) top center no-repeat; background-size: cover; height: 405px;}
  #briefHolder {margin-top: -25px; margin-bottom: 5px;}
  #briefHolder .briefBox {border: 2px solid #70B0F0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff; padding: 8px 15px; margin-bottom: 15px; min-height: 220px;}
  #briefHolder h2 {text-transform: uppercase; font: bold 17px/1.3 'PT Sans', sans-serif; color: #1268B1; margin: 0 0 8px;}
  #briefHolder a {color: #000; text-decoration: underline;}
  #footer {background: #666; color: #fff; border-radius: 8px; font: 14px/1.5 'PT Sans', sans-serif; padding: 15px 20px 0; margin-bottom: 25px;}
  #footer address {font-style: normal; margin-bottom: 15px;}
  #footer a, .sidebarLinks a {color: #fff;}
  #footer .phone {cursor: auto; text-decoration: none;}
  #footer ul {margin: 0 0 15px; padding: 0; list-style: none;}
  #footer li {margin: 0;}
  #subContent {margin-top: 10px; padding-top: 20px; border-top: 2px solid #000;}
  #localNav {border: 1px solid #70B0F0; border-radius: 6px; font: bold 16px/1.3 'PT Sans', sans-serif; padding: 15px 20px;}
  #localNav a {color: #333;}
  #localNav a:hover, #localNav a:focus {background: transparent;}
  #localNav ul, .sidebarLinks ul {margin: 0; padding: 0; list-style: none;}
  #localNav li {margin: 10px 0;}
  #localNav li li {padding-left: 25px;}
  #localNav li li.active {padding-left: 25px;}
  
//  #localNav li.active {background: url(/drupal/i/local-arrow.png) 0 6px no-repeat; padding-left: 25px;}
  #localNav li.active {padding-left: 0px;}
  #localNav li.active > a {color: #1268B1;}
  #localNav a {padding: 0;}
  #subContent h1, #subContent h2, #subContent h3 {color: #1268B1;}
  #subContent h1 {font: 26px 'Open Sans', sans-serif; margin-top: 0;}
  #subContent h2 {font: 20px 'Open Sans', sans-serif; margin-bottom: 0.25em; clear: both;}
  #subContent h3 {font: 17px 'Open Sans', sans-serif; margin-bottom: .5em;}

  .titleAdr strong {font-size: 120%;}
  .contentRow {margin-bottom: 25px;}
  .newsCol {background: #333; height: 336px; overflow: hidden;}
  .newsCol h1 {font: 36px 'PT Sans', sans-serif; letter-spacing: 1px; color: #70B0F0; margin: 5px 0;}
  .newsCol ul {margin: 0; padding: 0; list-style: none;}
  .newsCol li span {float: right; color: #C69C6D; font-size: 10px; margin-top: 4px;}
  .newsCol li {color: #fff; font: 18px/1.3 'PT Sans', sans-serif; border-top: 1px solid #999; padding: 10px 0; margin: 0;}
  .newsCol a {color: #fff;}
  .sidebarLinks {font-size: 12px; font-weight: bold; padding: 15px; background: #333; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
  .sidebarLinks li {padding: 10px 0; border-top: 1px solid #fff; margin: 0;}
  .sidebarLinks li:first-child {border: 0;}
  .sideCol {margin-top: 10px;}
  .sideCol .img-responsive {margin-left: auto; margin-right: auto;}
  .site-map-menus {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
  .content > ul:first-of-type > li.first {margin-top: 0;}
  .view .date-nav-wrapper .date-prev {right: 80px;}


.table-striped-faculty > tbody > tr:nth-child(2n+1) > td, .table-striped-faculty > tbody > tr:nth-child(2n+1) > th {
   background-color: #efdde2;
box-shadow: 3px 3px 1px 0px #7E092A;
}

/* biggest screens */
@media screen and (max-width: 1200px) {

  #masthead nav {font-size: 14px;}
  #masthead nav li {margin-left: 10px;}
  #footer {font-size: 12px;}
  .floatImg + p {width: 65%;}

}


/* moderate sized screens */
@media screen and (max-width: 990px) {

  #masthead nav ul {margin-top: 10px; text-align: left;}
  .carouselHolder img {display: block; height: auto; max-width: 100%;}

}


/* small screens */
@media screen and (max-width: 795px) {

  #search-form > div {margin-top: 15px;}
  #footer ul {margin-bottom: 0;}
  #footer {padding-bottom: 15px;}
  #footer li {margin-bottom: 10px;}
  #homeBG {height: auto;}
  #briefHolder {margin-top: 10px;}

}


@media screen and (max-width: 780px) {

  #search-form input[type="text"] {width: 100%;}  
  #seach-form .input-group-btn {display: none;}
  #seach-form .form-group {margin-bottom: 0;}
  #briefHolder .briefBox {min-height: auto;}

}


/* x-small screens */
@media screen and (max-width: 600px) {

  #homeBG {background: transparent;}
  #logo {max-width: 100%; height: auto; display: block;}
  .floatImg {float: none; max-width: 100%; height: auto; margin: 10px auto; display: block;}
  .floatImg + p {width: 100%;}
 
}

  
@media print {
  
  body, h1, h2, h3 {font: 12pt/1.3 arial, sans-serif;}
  h1 {font-size: 20pt;}
  h2 {font-size: 17pt;}
  h3 {font-size: 14pt;}
  a {color: #000;}
  a[href]:after {content: "";}
  footer {margin-top: 25pt;}
  #mobileNav, .search-form, footer .row .row {display: none;}

}