﻿@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,700%7CMuli");
/*

  ______   .__   __.  __      ____    ____     __    __  .______    _______       ___   .___________. _______ 
 /  __  \  |  \ |  | |  |     \   \  /   /    |  |  |  | |   _  \  |       \     /   \  |           ||   ____|
|  |  |  | |   \|  | |  |      \   \/   /     |  |  |  | |  |_)  | |  .--.  |   /  ^  \ `---|  |----`|  |__   
|  |  |  | |  . `  | |  |       \_    _/      |  |  |  | |   ___/  |  |  |  |  /  /_\  \    |  |     |   __|  
|  `--'  | |  |\   | |  `----.    |  |        |  `--'  | |  |      |  '--'  | /  _____  \   |  |     |  |____ 
 \______/  |__| \__| |_______|    |__|         \______/  | _|      |_______/ /__/     \__\  |__|     |_______|
                                                                                                              
     _______.  ______     _______.     _______.    _______  __   __       _______     _______.
    /       | /      |   /       |    /       |   |   ____||  | |  |     |   ____|   /       |
   |   (----`|  ,----'  |   (----`   |   (----`   |  |__   |  | |  |     |  |__     |   (----`
    \   \    |  |        \   \        \   \       |   __|  |  | |  |     |   __|     \   \    
.----)   |   |  `----.----)   |   .----)   |      |  |     |  | |  `----.|  |____.----)   |   
|_______/     \______|_______/    |_______/       |__|     |__| |_______||_______|_______/    
                                                                                              
*/
@import url("/apps/js/polls/polls-pack.css");
body:before {
  border-top: 34px solid #fe0000;
  background: #204f90; }
body #header_title {
  background: #204f90; }
  body #header_title a {
    background-image: url("/pics/school_header.png"); }
    @media screen and (min-width: 768px) {
      body #header_title a {
        padding: 0 0 0 120px; } }
    @media screen and (min-width: 1044px) {
      body #header_title a {
        background-position: 40px bottom; } }
body #social_nav a:hover svg {
  fill: #204f90; }
body #topnav > ul > li > a {
  color: white;
  padding: 0 10px; }
  @media screen and (min-width: 768px) {
    body #topnav > ul > li > a {
      padding: 0 15px; } }
  @media screen and (min-width: 1044px) {
    body #topnav > ul > li > a {
      padding: 0 25px; } }
body #topnav > ul > li:hover {
  background: #fe0000; }
body #topnav ul ul {
  background: white; }
  body #topnav ul ul a, body #topnav ul ul li:hover ul a {
    color: black; }
  body #topnav ul ul li:hover a, body #topnav ul ul li:hover ul li:hover a {
    color: white;
    background: #204f90; }
body #topnav.open {
  background: #fe0000; }
body #pageNav {
  background: #204f90; }
body #news_container .section-title a, body .spotlightmessage-title a {
  color: white;
  background: #204f90; }
body #index_main section:before {
  background: #fe0000; }
body #index_motto {
  color: #204f90; }
body #footer_main {
  background: #204f90; }
  body #footer_main:before {
    background: #fe0000; }
body #footer_address svg {
  fill: white; }
body #countdown_container {
  padding: 60px 0;
  margin-bottom: 0;
  background: white url("/pics/shadow.png") top center no-repeat; }
body #countdown {
  max-width: 1024px;
  margin: 0 auto; }
  body #countdown .section-title, body #countdown .message {
    font-size: 2em;
    text-align: center;
    color: black; }
  body #countdown .countdown-active {
    margin: 0 5px; }
  body #countdown .time_circles {
    position: relative; }
    body #countdown .time_circles > div {
      position: absolute;
      text-align: center;
      font-family: arial, sans-serif;
      color: black; }
    body #countdown .time_circles h4 {
      font-weight: 400;
      text-transform: uppercase;
      margin: 0 0 .875em; }

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