/*---- Elements ----*/

body {
	margin: 0;
	background: #3c352e url("images/BgRepeat.gif") repeat-x 0 0;
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #517693;}

address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, th, td, ol, ul {
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #000000;}

h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0 0 0.75em 0; font-family: Arial;} /* sets the heading font style and removes margins */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px; font-weight: bold;}
h4 {font-size: 12px; font-weight: bold;}
h5 {font-size: 11px; font-weight: bold;}

img {border:0} /* makes all images default border=0 */

hr {border: none; background-color: #ccc;  color: #ccc; height: 1px; margin-bottom: 5px; margin-top: 5px;}

/*---- List Items ----*/
#SideNavContainer ul {list-style-type: none;}
#SideNavContainer ul li {padding-left: 17px; background: transparent url(images/Bullet.gif) no-repeat 0 0.25em;}

.formitem1 {font-family: Arial; border: #000000 1pt solid; background-color: #FFF;	font-size: 9px; color: #000;}
.formitem2 {font-family: Arial; border: #000000 1pt solid; font-size: 9px; color: #000000;}
.smalltxt {font-size: 9px; color: #000000;}
.redtxt {color: #990000;}
.whitetxt {color: #FFFFFF;}
.popup {background-color: #517693;}

#SiteWrapper {background: #3C352E url("images/BgRepeat.gif") repeat-x 0 0;}
#BgOverflow {background: transparent url("images/BgOverflow.gif") no-repeat 50% 0;}
#SiteHeader {height: 184px; overflow: hidden; background: transparent url("images/HeaderBg.jpg") no-repeat;}
#HeaderSearch #Keyword {border: 1px solid #000; width: 120px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
#SideNavContainer {width: 200px; margin: 15px 7px; overflow:hidden;}
#PageWrapper {width: 874px; background: url("images/PageBg.png") repeat-y;}
#SlideShow {width: 643px; height: 353px; margin: 0 0 12px; background: #665D51; text-align: center; overflow:hidden;}
#DefaultIncludes {padding: 8px}
body #Legal {margin: 6px 1px 0; padding: 6px 15px 0; height: 34px; _margin-bottom: 2px;}
#BottomRnd {padding: 0 25px; height: 45px; _margin-top:-5px; overflow: hidden; background: url("images/FooterBg.png") no-repeat 0 0; text-align:center;}

/*---- Navigation ----*/
a:link, a:visited {color: #666; text-decoration: underline;}
a:hover, a:active {color: #517693; text-decoration: none;}

/*---- Table colors ----*/
.td1 {background-color: #424242; color: #fff; font-weight: bold;}
.td2 {background-color: #eee; color: #517693; font-weight: bold;}
.td3 {background-color: #eee; color: #424242; font-weight: bold;}
.td4 {background-color: #e5e5e5;}

/*---- Headers ----*/
.header {font: bold 18px/1.5em Arial; color: #5E5448;}
.subheader {font-size: small; font-weight: bold; color: #517693;}

/*---- Page Links ----*/
.linkstd1{border: 1px solid #424242; font: bold 11px Arial, Helvetica, sans-serif; background-color: #424242; color: #fff;}
.linkstd2{border: 1px solid #424242; font: normal 11px Arial, Helvetica, sans-serif; color: #000;}

/*---- Pictures ----*/
.caption {font-size: 9px; color: #fff; font-weight: bold;}
.picturetd{border: #3C352E 1pt solid; background-color: #665D51;}

/*---- Calendar ----*/
.calheader{font-size: 14px; font-weight: bold; color: #666;}
a.calnav1:link, a.calnav1:visited {color: #fff; text-decoration: underline;}
a.calnav1:hover, a.calnav1:active {color: #fff; text-decoration: none;}
a.calnav2:link, a.calnav2:visited {color: #fff; text-decoration: underline;}
a.calnav2:hover, a.calnav2:active {color: #fff; text-decoration: none;}
.caltd1, .caltd2{background-color: #424242; color: #fff; font-weight: bold;}
.caltd3 {background-color: #EEE; color: #000; font-weight: bold;}
.caltd4 {background-color: #E5E5E5;}

/*---- Small Calendars ----*/
.scal{border-top: 1px solid #000; border-left: 1px solid #000; background-color: white}
.scalheader{font-family: Arial; font-weight: bold; font-size: 14px; background-color: #EEE;}
a.scalnav1:link {font-family: Arial; color: #666; text-decoration: underline;}
a.scalnav1:visited {font-family: Arial; color: #666; text-decoration: underline;}
a.scalnav1:hover {font-family: Arial; color: #517693; text-decoration: none;}
a.scalnav1:active {font-family: Arial; color: #517693; text-decoration: none;}
.scaldayofweek{font-family: Arial; font-size: 10px; color: white; font-weight: bold; background-color: #666;}
.scalday1{font-family: Arial; font-size: xx-small; color: #E5E5E5; background-color: #E5E5E5;}
.scalday2{font-family: Arial; font-size: 10px;}
.scalw{font-family: Arial; font-size: 10px; background-color: #EEE;}
.scaltoday{font-family: Arial; font-size: 10px; color: #666; font-weight: Bold;}

/*---- Calendar View ----*/
.cvheader {background-color: #424242; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.cvdayofweek{background-color: #EEE; font-size: 11px; font-weight: bold; color: #000;}
.cvday1{background-color: #E5E5E5; font-size: 9px; color: #000000;}
.cvday2{font-size: 9px; color: #000000;}

/*---- HomePage News Portal ---- */
.IndexNews {width: 208px; overflow:hidden; text-align: left; margin-right: 10px;}
.IndexNews .IndexNewsHeader, .IndexNews .IndexNewsFooter {width: 208px; height: 6px; line-height: 1px; font: 1px; overflow:hidden;}
.IndexNews .IndexNewsHeader {background: transparent url("images/NewsCtnrTop.gif") no-repeat 0 0;}
.IndexNews .IndexNewsFooter {margin-bottom: 8px; background: transparent url("images/NewsCtnrBottom.gif") no-repeat 0 0;}
#IndexNewsPortalDistrict, #IndexNewsPortalSchool, #IndexNewsPortalEvents {border: 3px solid #D3D0CD; border-top: 0; border-bottom:0; padding: 5px;}
td.IndexNewsPortalDistrict, td.IndexNewsPortalSchool, td.IndexNewsPortalEvents {border: 0;}
div.IndexNewsPortalDistrict, div.IndexNewsPortalSchool, div.IndexNewsPortalEvents {}
div.IndexNewsPortalEvents a, div.IndexNewsPortalSchool a, div.IndexNewsPortalDistrict a  {
	display:block; text-decoration: none;}
div.IndexNewsPortalDistrict a:link, div.IndexNewsPortalDistrict a:visited,
div.IndexNewsPortalSchool a:link, div.IndexNewsPortalSchool a:visited,
div.IndexNewsPortalEvents a:link, div.IndexNewsPortalEvents a:visited {
	display:block; font: bold 14px/0.3em Arial, Helvetica, sans-serif; color:#5E5448; padding: 0 0 6px; margin-bottom: 6px; border-bottom: 1px solid #D3D0CD;}
div.IndexNewsPortalDistrict span a:link, div.IndexNewsPortalDistrict span a:visited,
div.IndexNewsPortalSchool span a:link, div.IndexNewsPortalSchool span a:visited, 
div.IndexNewsPortalEvents span a:link, div.IndexNewsPortalEvents span a:visited  {
	display: block; margin: 0; padding: 0 0 3px 0;  font: normal 12px Arial;  color: #c60;  text-decoration: underline; border: 0;}
div.IndexNewsPortalEvents > span a:link, div.IndexNewsPortalEvents > span a:visited  { /* For Non-IE Browsers Only*/
	}
div.IndexNewsPortalDistrict span a:hover, div.IndexNewsPortalDistrict span a:active,
div.IndexNewsPortalSchool span a:hover, div.IndexNewsPortalSchool span a:active,
div.IndexNewsPortalEvents span a:hover, div.IndexNewsPortalEvents span a:active {color: #F7A300;}

/*---- News Page Styling----*/
.News {font-family: Arial; font-size: 10px; color: #000;}
.News a:link, .News a:visited {color: #517693; text-decoration: underline;}
.News a:hover, .News a:active {color: #900; text-decoration: none;}
.NewsTitle {color: #000; font-size: 11px;}
.NewsTitle a:link, .NewsTitle a:visited {color: #333; text-decoration: none;}
.NewsTitle a:hover, .NewsTitle a:active {color: #900; text-decoration: none;}

/*---- TOP NAVIGATION ----*/
#TopNav {margin: 134px 20px 0 225px; height: 50px;overflow: hidden;text-transform: capitalize; font: normal 11px Arial, Helvetica, sans-serif}
#TopNav .divider {padding: 0 2px;color: #CCC;}
#TopNav a, #TopNav a:link, #TopNav a:visited {text-decoration: none;color: #fff;}
#TopNav a:hover, #TopNav a:active {text-decoration: underline;}
	
/* ----------------------------------------- */
/* ----- BEGIN COMMON SIDE-NAV STYLES  ----- */

/*---- Side Navigation Menus ----*/

#NavDivisions {} /*Indent for Divisions*/ 

a.IncNavDivision, a.IncNavDepartment, a.IncNavSubDepartment, a.SubNav, a.IncNavLinks, a.QuickLinks, a.UniversalQuickLinks {
	display: block; padding: 4px 0 5px 15px; margin:0; font: 12px Arial, Helvetica, sans-serif;
	background: transparent url(images/Bullet.gif) no-repeat 1px 0.6em;
	border-bottom: 1px solid #9F9F9F; border-top: 1px solid #fff;}
a.IncNavDivision:link, a.IncNavDivision:visited, a.IncNavDepartment:link, a.IncNavDepartment:visited, a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited, a.SubNav:link, a.SubNav:visited, a.IncNavLinks:link, a.IncNavLinks:visited, a.QuickLinks:link, a.QuickLinks:visited, a.UniversalQuickLinks:link, a.UniversalQuickLinks:visited  {
	text-decoration: none; color: #665D51;}
a.IncNavDivision:hover, a.IncNavDivision:active {
	text-decoration: none; background-image: url(images/Bullet2.gif); color: #c90;}
a.IncNavDepartment:hover, a.IncNavDepartment:active, a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active, a.SubNav:hover, a.SubNav:active, a.IncNavLinks:hover, a.IncNavLinks:active, a.QuickLinks:hover, a.QuickLinks:active, a.UniversalQuickLinks:hover, a.UniversalQuickLinks:active {
	text-decoration: none;}
 
 #IncNavActiveDivision {font-weight: bold; background: transparent url(images/Bullet2.gif) no-repeat 1px 0.6em; color: #333; border-bottom: 0;}
 a#IncNavActiveDivision:hover, a#IncNavActiveDivision:active {}
 
#NavDepartments {margin-left: 22px;} /*Indent for departments*/ 
a.IncNavDepartment {background: none; padding: 2px 0; border:0;}
a.IncNavDepartment:link, a.IncNavDepartment:visited {color: #666;} 
a.IncNavDepartment:hover, a.IncNavDepartment:active {color: #517693;}
 
 #IncNavActiveDepartment {font-weight: bold;}
 a#IncNavActiveDepartment:hover, a#IncNavActiveDepartment:active {}
 
#NavSubDepartments {margin-left: 22px;} /*Indent for Sub Departments*/ 
a.IncNavSubDepartment {background: none; padding:2px 0; border:0;}
a.IncNavSubDepartment:link, a.IncNavSubDepartment:visited {color: #666;}
a.IncNavSubDepartment:hover, a.IncNavSubDepartment:active {color: #517693;}
 
 #IncNavActiveSubDepartment {font-weight: bold;}
 a#IncNavActiveSubDepartment:hover, a#IncNavActiveSubDepartment:active {}
 
a.IncNavPages {display: block; font: 12px Arial; padding: 2px 0 2px 22px;}
a.IncNavPages:link, a.IncNavPages:visited {text-decoration: none; /*font-weight: bold;*/ color:#666;}
a.IncNavPages:hover, a.IncNavPages:active {text-decoration: none; color: #517693;}
 
a.ActivePage:link, a.ActivePage:visited, a.ActivePage:hover, a.ActivePage:active {/*font-weight:bold;*/ color:#517693;}/*This is the current page*/
 
/*---- User Links Menus  ----*/
#UserLinksMenu {}
#UserLinksMenu  a.IncNavLinks:link, #UserLinksMenu  a.IncNavLinks:visited {}
#UserLinksMenu  a.IncNavLinks:hover, #UserLinksMenu  a.IncNavLinks:active {}
 
/*---- Quick Links Menus  ----*/
#QuickLinks, #UniversalQuickLinks {
	margin: 15px 0 0 0;}
#QuickLinks .QuickLinksTitle, #UniversalQuickLinks .UniversalQuickLinksTitle {
	font-weight:bold; color: #999; text-align:center; padding: 1px 5px 2px 0;}
#QuickLinks a.QuickLinks, #UniversalQuickLinks a.UniversalQuickLinks {text-transform: none;}
#QuickLinks a.QuickLinks:link, #QuickLinks a.QuickLinks:visited, #UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#QuickLinks a.QuickLinks:hover, #QuickLinks a.QuickLinks:active, #UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
#UniversalQuickLinks {}
#UniversalQuickLinks .UniversalQuickLinksTitle {}
#UniversalQuickLinks a.UniversalQuickLinks {}
#UniversalQuickLinks a.UniversalQuickLinks:link, #UniversalQuickLinks a.UniversalQuickLinks:visited {}
#UniversalQuickLinks a.UniversalQuickLinks:hover, #UniversalQuickLinks a.UniversalQuickLinks:active {}
 
/*---- SubNav Links Menus  ----*/
#SubNav {}
#SubNav a.SubNav {}
#SubNav a.SubNav:link, #SubNav a.SubNav:visited {}
#SubNav a.SubNav:hover, #SubNav a.SubNav:active {}


/* ----- END COMMON SIDE-NAV STYLES  ----- */
/* ----------------------------------------- */




/*---- Minipage ----*/
 
/* =================================================================== */
/*   FONTS
/* =================================================================== */

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

/* =================================================================== */
/*   GENERAL STYLESHEET
/* =================================================================== */

p, div {
  color: #5F5E5E;
}

p, div, li, a {
  font-family: 'Lato', Arial;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', Arial;
  text-transform: uppercase;
}

h1 {
  font-size: 2.2em;
  font-weight: 700;
}
h2 {
  font-size: 1.35em;
  font-weight: 300;
}
h3 {
  font-size: 1.5em;
  font-weight: 300;
}
.color-red {
  color: #e8112d;
}
.color-maroon {
  color: #9a023f;
}
.color-yellow {
  color: #e3ba23;
}

.clear {
  clear: both;
}

#page a {
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

/* =================================================================== */
/*   BUTTONS
/* =================================================================== */

a.btn-medium {
  cursor: pointer;
  padding: .5em 1.5em;
  color: #fff!important;
  font-family: "Lato",Arial,sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none!important;
  text-transform: uppercase;
  background: #9a023f;
  border-radius: 5px;
}

a.btn-medium:hover, a.btn-large:hover {
  background: #ad0448; 
}

a.btn-large {
  cursor: pointer;
  padding: .5em 1.5em;
  color: #fff!important;
  font-family: "Lato",Arial,sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none!important;
  text-transform: uppercase;
  background: #9a023f;
  border-radius: 5px;
}

/* =================================================================== */
/*   FRAMEWORK
/* =================================================================== */

#page {
  width: 600px;
}

.fl {
  float: left;
}
.fr {
  float: right;
}

.col-1-2 {
  width:50%;
}
.col-1-3 {
  float: left;
  width: 33.3%;
}
.col-2-3 {
  width: 66.66%;
}

.pad-l-2 {
  padding-left: 20px;
}

#grid:after {
  content: "";
  display: table;
  clear: both;
}

/* =================================================================== */
/*   HERO SECTION
/* =================================================================== */

#hero {
  height: 466px;
  text-transform: uppercase;
  background: url('images/bg_header.jpg') no-repeat top left;
}
.logo {
  margin: 10px 40px 0 20px;
  width: 50%;
  text-align: right;
}
.logo .main {
  color: #ffffff;
  font-size: 2em;
  font-weight: 700;
}
.logo .sub {
  color: #ffffff;
  font-size: 1.5em;
}

.logo .tagline {
  font-size: 1em;
  color: #e3ba23;
}
.cta-hero {
  margin: 65px 0 0 60px;
  width: 28%;
}
.cta-hero a {
  display: block;
  height: 55px;
  color: #e3ba23;
  font-size: 2.5em;
  line-height: 1em;
  text-decoration: none;
  background: url('images/btn_arrow.png') no-repeat 90% 50%;
}

.cta-hero a:hover {
  color: #f8c509;
  background-position: 95% 50%;
}

.cta-soft-hero {
  clear: both;
  width: 25%;
  color: #9a023f!important;
  font-size: 1.6em!important;
  text-align: center;
}

/* =================================================================== */
/*   SECTION 1
/* =================================================================== */

.sec1 p {
  font-size: 1.2em
}

/* =================================================================== */
/*   SECTION 2
/* =================================================================== */

.sec2 {
  background: url('images/bg_grad-cap.jpg') no-repeat top left;
}

.sec2 .destination-graduation {
  clear:both;
  width: 55%;
  padding: 210px 0 20px 20px;
}

.sec2 .destination-graduation p {
  color: #fff!important;
  font-size: 1.2em;
  line-height: 1.8em;
}

.sec2 ul {
  margin:40px 0 30px 0;
  padding: 0;
  list-style: none;
}

.sec2 li {
  color:#ffffff;
  font-size: 1.5em;
  line-height: 1.2em;
}

/* =================================================================== */
/*   SECTION 3
/* =================================================================== */

.sec3 p {
  padding: 0 1em;
  font-size: 1.2em;
  text-align: center;
}

/* =================================================================== */
/*   SECTION 4
/* =================================================================== */

.sec4 {
  padding: 1em 0;
  border-top: 1px #9a023f solid;
  border-bottom: 1px #9a023f solid;
}

.sec4 p {
  padding-bottom:1em;
  color: #9a023f;
  font-size: 1.5em;
}

/* =================================================================== */
/*   SECTION 5
/* =================================================================== */

.sec5 {
  padding: 1em 0;
}

.cta-title {
  padding-bottom: 1em;
  font-size: 1.5em!important;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}