/* --- FONTS --- 

 font-family: 'asapregular';
 font-family: 'asapbold';
 font-family: 'latobold';
 font-family: 'latoregular';
 font-family: 'latolight';
 font-family: 'latoblack';

------------ */

.offScreen {
    position: fixed;
    top: -1000000px;
    left: -1000000px;
}
 
/*--- COLOR GUIDE - FIND AND REPLACE THESE COLORS

Dom     : #084766
Ligh Dom: #99c9e2

Sec     : #5A8227

---*/

#ctl00_ContentPlaceHolder1_ctl04_divEdit, #ctl00_ContentPlaceHolder1_ctl04_divSettings, #ctl00_ContentPlaceHolder1_ctl04_divEditMode {
 max-width: 960px;
 margin: 0px auto;
}

/* --------------------- COLORS ---------------------- */

/*--Link Color--*/
a, a:hover {
 color: #084766;
}

.ptl_page a {
 color: #5A8227;
}

/*--Header BG and Border Bottom Color--*/
#header {
 background: #084766;
 border-bottom-color: #5A8227;
}

/*--School Name Color--*/
#school-name h1 {
 color: #ffffff;
}

/*--School Name Extension Color--*/
#school-name h1 span {
 color: #99c9e2;
}

/*--Header Links Color--*/
#header-links a {
 color: #99c9e2;
}

/*--Header Links Circle Color--*/
#header-links span {
 border-color: #5A8227;
}

/*--Menubar BG Color--*/
#menubar {
 background: #5A8227;
}

/*--Menubar Triangle Color Left--*/
#menubar:after {
 border-color: transparent #5A8227 transparent transparent;
}

/*--Menubar Triangle Color Right--*/
#menubar:before {
 border-color: #5A8227 transparent transparent transparent;
}

/*--Footer address BG and text color--*/
#top-footer .inside-padding {
 background: #5A8227;
 color: #ffffff !important;
}

/*--Bottom footer BG, text color, and border color--*/
#bottom-footer {
 background: #084766;
 color: #ffffff;
 border-top-color: #5A8227;
}

/*--Footer left triangle color--*/
#top-footer .inside-padding:after {
 border-color: transparent transparent #5A8227 transparent;
}

/*--Footer right triangle color--*/
#top-footer .inside-padding:before {
 border-color: transparent transparent transparent #5A8227;
}

/*--Footer school name color--*/
#footer-left h3 {
 color: #ffffff;
}

/*--Footer school name extension color--*/
#footer-left h3 span {
 color: #99c9e2;
}

/*----------------- TEMPLATE IMAGES -----------------*/

#footer li.icn a {
 background: url('https://cdnsm4-hosted.civiclive.com/common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png');
}

.ContextBar, a.ContextBar, a.ContextBar:hover {
 color: #ffffff;
 line-height: 38px;
}

body {
 font-family: 'latoregular';
 font-size: 16px;
 line-height: normal;
 color: #292929;
}

#header {
 border-bottom-style: solid;
 border-bottom-width: 7px;
}

.inside-padding {
 max-width: 960px !important;
 margin: 0px auto;
 padding: 0px 15px 0px 15px;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#header .inside-padding {
 padding: 40px 15px 40px 15px;
}

#header ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}

#header-left {
 float: left;
 width: 65%;
}

#logo {
 float: left;
 width: 65%;
}

#logo img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

#school-name {
 float: left;
 width: 85%;
}

#school-name h1 {
 margin: 0px;
 font-family: 'latoblack';
 text-transform: uppercase;
 font-size: 33px;
 padding: 7px 0px 0px 20px;
 font-weight: normal;
}

#school-name h1 span {
 text-transform: none;
 display: block;
 font-family: 'latolight';
 font-size: 70%;
}

#header-right {
 float: right;
}

#header-links ul li {
 display: inline;
}

#header-links a {
 text-decoration: none;
}

#header-links a:hover { text-decoration: underline; }

#header-links span {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-width: 4px;
 border-style: solid;
 border-radius: 50%;
 margin: 0px 8px 0px 8px;
 position: relative;
 top: 3px;
}

#header-links h3, #header-links h3 a {
 color: #ffffff;
 margin: 9px 0px 0px;
 text-align: right;
 font-size: 19px;
}

#menubar {
 max-width: 960px;
 margin: -7px auto 0px;
 position: relative;
 z-index: 3000;
 min-height: 40px;
}

.inner-bar {
 padding: 0px 10px 0px 10px;
}

#menubar:after {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 40px 40px 0;
 position: absolute;
 top: 0px;
 left: -40px;
}

#menubar:before {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 40px 40px 0 0;
 position: absolute;
 top: 0px;
 right: -40px;
}

#top-footer .inside-padding {
 font-size: 16px;
 font-family: 'latolight';
 text-align: center;
 padding: 12px 0px 6px;
 position: relative;
 z-index: 9;
}

#bottom-footer {
 border-top-width: 7px;
 border-top-style: solid;
}

#bottom-footer .inside-padding {
 padding: 40px 15px 40px 15px;
}

#top-footer .inside-padding:after {
 content: '';
 position: absolute;
 top: 0px;
 left: -40px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 0 40px 40px;
}

#top-footer .inside-padding:before {
 content: '';
 position: absolute;
 top: 0px;
 right: -40px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 40px 0 0 40px;
}

#footer-left {
 float: left;
}

#footer-right {
 float: right;
}

ul#social {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

#social li.icn {
 display: inline-block;
 padding: 0px 3px 0px 3px;
}

#social li.icn a {
 width: 40px;
 height: 40px;
 display: inline-block;
}

#social li.icn.facebook a { background-position: 0px 0px; }
#social li.icn.twitter a { background-position: -40px 0px; }
#social li.icn.youtube a { background-position: -80px 0px; }
#social li.icn.email a { background-position: -120px 0px; }

#footer-left h3 {
 margin: 0px;
 font-family: 'latoblack';
 text-transform: uppercase;
 font-size: 33px;
 font-weight: normal;
}

#footer-left h3 span {
 text-transform: none;
 display: block;
 font-family: 'latolight';
 font-size: 70%;
}

.credits {
 background: #333333;
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

.label_skin_corporation {
 font-size: 13px;
 font-family: 'latolight';
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
 font-family: 'latolight';
}

.label_skin_corporation a:hover {
 text-decoration: underline;
}

/************** MEDIA QUIRES *************/

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

 #top-footer .inside-padding:after, #top-footer .inside-padding:before {
  display: none;
 }

 #top-footer .inside-padding {
  max-width: 100% !important;
 }

 #menubar {
  margin: -7px 40px 0px 40px;
 }

}

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

 #footer-left, #footer-right {
  float: none;
  width: 100%;
  text-align: center;
 }

 #footer-left {
  margin-bottom: 15px;
 }

}

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

 #header-right {
  text-align: center;
  margin-top: 7px;
 }

 #header-links a {
  font-size: 14px;
 }

 #header-links span {
  width: 4px;
  height: 4px;
  top: 2px;
 }

 #header-links h3 {
  font-size: 15px;
  text-align: center;
 }

 #header-right {
  float: none;
 }

 #header-left {
  width: 100%;
  float: none;
 }

 #school-name h1 {
  padding: 0px;
 }

}

#social li.icn a:hover {
 opacity: 0.8;
}

/*------------------------------ FONTS ---------------------------------*/


@font-face {
    font-family: 'asapregular';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-regular-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-regular-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-regular-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'asapbold';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-bold-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-bold-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-bold-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'latobold';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bol-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bol-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bol-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-reg-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-reg-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-reg-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'latolight';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-lig-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-lig-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-lig-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bla-webfont.eot');
    src: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bla-webfont.woff') format('woff'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bla-webfont.ttf') format('truetype'),
         url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_10300072/Templates/Font/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------------------------------*/