﻿.header
{
  margin-left: auto;
  margin-right: auto;
  /* background: #29437c url(../image/sr20_banner.jpg) no-repeat center center; */
  background: #29437c;
  min-height:200px;
  background-size: contain;
  /* text-indent: -9999px; */
  padding: 0;
  font-family: Arial;
  font-weight: bold;;
  font-size: 64px;
  line-height:3;
  text-align: center;
  color: #eeaac1;
  }



@media (max-width: 767px) {

.header {min-height:80px;
  font-size: 32px;
  line-height:2;
}


}



/*   .header>.container {
  	background: url(../image/sr16-banner-test.png) no-repeat center bottom;
  	min-height:305px;
  	} */

.navbar {background: #2C2C2C; margin:0 auto;  padding: 0;}
.navbar-inner {max-width: 1170px; margin: 0 auto;  padding: 0; }

.navbar .nav > li > a:hover {
    background-color: #00A5D5;
    color: #FFF;
    text-decoration: none;


}


	/*
  .header h1 {
    font-size: 62px;
	text-shadow: 2px 1px #222;
	background: url(../image/sr16-banner-text.png) no-repeat center bottom;
	background-size: contain;
	min-height:305px;
	text-indent:-9999px
	}*/

  .header #survey {
    float: right;
    text-align: center; }
    .header #survey p {
      font-size: 1.3em;
      color: #fff; }

.main {
  background: #fff;
  padding: 0 0 4em 0;
  min-height: 350px; }
  .main hr {
    border-top: 2px solid #eeeeee;
    border-bottom: 2px solid #ffffff; }

  .main .survey {
    margin-top: 20px;
    margin-left: 25%;
    font-size: 1.6em; }

.footer {
  background: #e3e3d4;
  color: #333333;
  padding: 1em 0 2em;
  margin: 3em 0 0 0;
  text-align: center; }
  .footer a, .footer a:link, .footer a:visited {
    color: #333;
    font-size: 16px; }
  .footer img {
    margin: 1em; }

.home {
  background: #fff; }
  .home .main {
    padding-bottom: 0; }
  .home h3 {
    font-style: italic;
    color: #e7483d;
    margin: 0 0 1em;
    padding: 0.5em 0 0;
    border-top: 1px solid #ccc; }
  .home .librarylogos div {
    text-align: center; }
  .home .actionbuttons div {
    padding: 1em 0 0 0;
    text-align: center; }
  .home #homevideopanel {
    position: relative; }
  .home #homevideo {
    width: 400px;
    position: absolute;
    top: 60px;
    left: 12px; }
  .home .vt_desc {
    height: 35px; }

.booklists h3.grade {
  margin: 1em 0;
  color: #e7483d;
  border-top: 2px solid #e7483d;
  padding: 6px 0; }
.booklists h4 {
  margin: 1em 0;
  text-transform: uppercase;
  color: #000000; }

.sponsorlogos {
  text-align: center; }

.popup-content {
  background: #e7483d;
  font-size: 20px;
  padding: 10px; }
  .popup-content div {
    padding: 5px;
    color: #fff; }
  .popup-content span {
    color: yellow; }

.footer img:first-of-type {max-width:100%}


.form-actions {
    background-color: transparent;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

  .header h1 {
	min-height:220px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

  .header h1 {
	min-height:220px;
	}

}
