﻿/*
  ╔════════════════════════════════════════════════╗
  ║	         eSchoolView Website © 2016			   ║
  ╚════════════════════════════════════════════════╝
*/
#mobileLogo,#mobileLeftNav,#mobileMenu,.icon-menu,#mobileTouts,#mobileFooter
{
display:none;
}

.slick-slide{margin-right:50px !important;}

a:hover {text-decoration:underline;}
a img {border:none;}
.eventCalendar_main_hasEvents
{
	background-color: Silver;	
}
.gallerycomponent_titletext
{
	font-size:12pt;
	color: black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.gallerygrouping_item
{
	margin-left: 5px;
	margin-right: 10px;
	float: left;	
	width: 130px;
	height: 150px;
}
.gallerycomponent_smalllink
{
	font-size: 9pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.loggedin_whitetext
{
	font-family:  Arial;
	font-size: 10pt;
	font-weight: normal;
	color: White;	
}
.loggedin_whitetext500
{
	font-family:  Arial;
	font-size: 10pt;
	font-weight: 500;
	color: White;	
}
.schoolclosings_titletext
{
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	font-weight: 500;
	color: White;	
}
.schoolclosings_maintext
{
	font-family: 'Roboto', sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: White;	
}
.dynamicnav_mainlink
{
	font-size:24px;
	color:#284F9B;
	font-weight:bold;
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration: none;
	text-transform:uppercase;
}
.dynamicnav_smalllink
{
	font-size:16px;
	color:#3f6ed3;
	font-weight:bold;
	font-family:"source-sans-pro", sans-serif;	
	text-decoration: none;
}
.DynamicNav
{
    list-style-type: none;
    padding:0;
    margin:0;
}
.DynamicNav > li > a
{
    display:block;
    padding:5px 15px;
    border-bottom:solid 1px #E1E1E1;
}
.DynamicNav > li > a:hover
{
    text-decoration:none;
	color:Black;
}
.DynamicNavChild > li > a
{
    padding-left:30px;  
}
.dynamicdropdown_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: 'Roboto', sans-serif;	
}
.staticnav_mainlink
{
	font-size: 10pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;	
}
.dynamicbuildinginfo_maintext
{
	font-size: 9pt;
	color: Black;
	font-family: 'Roboto', sans-serif;	
}
.linkcomponent_linktext
{
	font-size: 10pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.links
{
	font-size: 10pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.linkcomponent_linkdesc
{
	font-size: 9pt;
	color: Black;
	font-family: 'Roboto', sans-serif;	
}
.eventcomponent_linktext
{
	font-size:15px;
	color:#505050;
	font-weight:bold;
	font-family:"source-sans-pro", sans-serif;
	text-decoration: none;	
}
.eventcomponent_maintext
{
	font-size:15px;
	color:#737373;
	font-family:"source-sans-pro", sans-serif;
	text-decoration: none;	
}
.eventComponentSpacer
{
	float:left;
	width:99%;
	height:1px;
	background-color:#ff0000;
	margin-top:8px;
	padding-bottom:8px;
}
.eventDateBubble
{
	float:left;
    width:65px;
    height:65px;
    margin-right:10px;
    background-color:#3A6CC2;
    text-align:center;
    border-radius:6px;
}
.eventText
{
	font-size:26px;
	font-weight:bold;
	font-family:'Open Sans Condensed', sans-serif;
	color:White;
	text-transform:uppercase;
	line-height:32px;
}
.eventcomponent_item
{
    display:table;
    width:100%;
    margin:0 !important;
}
.eventcomponent_leftcontainer
{
    display:table-cell;
    width:20%;
    vertical-align:middle;
}
.eventcomponent_textcontainer
{
    display:table-cell;
    vertical-align:middle;
}
.alumni_titletext
{
	font-size: 12pt;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.alumni_maintext
{
	font-size: 11pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.alumni_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.alumni_mainlink
{
	font-size: 11pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.alumni_smalllink
{
	font-size: 9pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.boardmeeting_titletext
{
	font-size: 11pt;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.boardmeeting_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.boardmeeting_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.boardmeeting_mainlink
{
	font-size: 11pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.boardmeeting_smalllink
{
	font-size: 9pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.downloadcomponent_linktext
{
	font-size: 10pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
	}
.downloadcomponent_maintext
{
	font-size: 9pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;		
}
.gallerycomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.gallerycomponent_smalltext
{
	font-size: 9pt;
	color: black;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;	
}
.postInfo
{
      font-size:8pt;
      color:#4C5051;
      font-style:italic;
      font-family:Verdana;
      font-weight:500;
}
.readMoreLink
{
      font-family:Verdana;
      color:#067EB2;
      font-size:10px;
      text-decoration:none;
      font-weight:500;
      padding:6px;
      float:right;
}
.newscomponent_header
{
	font-size: 16pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;	
}
.newscomponent_mainlink
{
	font-size:18px;
	color:Black;
	font-family:"source-sans-pro", sans-serif;
	text-decoration: none;
	font-weight:bold;	
}
.newscomponent_smalllink
{
	font-size: 10pt;
	color: #1e7ea8;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	font-weight: normal;	
}
.newscomponent_maintext
{
	font-size: 10pt;
	color: Black;
	font-family: 'Roboto', sans-serif;	
}
.newscomponent_maintext a
{
	font-size: 10pt;
	color: #3e699e;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
.newscomponent_maintext a:hover
{
	text-decoration:underline;
}
.newscomponent_smalltext
{
	font-size: 9pt;
	color: #222222;
	font-family: 'Roboto', sans-serif;
}
.newscomponent_smalltext a
{
	font-size: 9pt;
	color: #3e699e;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
.newscomponent_smalltext a:hover
{
	text-decoration:underline;
}
.newscomponent_thumbimage
{
	padding-left: 0;
	padding-right: 8px;
	text-align: left;
	float: left;
}
.newsComponentSpacer
{
	float:left;
	width:99%;
	height:0;
	margin-top:5px;
}
.textwindow_maintext
{
	font-family:"source-sans-pro", sans-serif;
	font-weight:bold;
	font-size:18px;
}
.title
{
	font-family:"source-sans-pro", sans-serif;
	font-weight:bold;
	font-size:18px;
}
.textwindow_smalltext
{
	font-size: 10pt;
	color: Black;
	font-family: 'Roboto', sans-serif;	
}
.textwindow_smalltext a
{
	font-size: 9pt;
	color: #3e699e;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
.textwindow_smalltext a:hover
{
	text-decoration:underline;
}
.textwindow_text
{
	font-size: 9pt;
	color: Black;
	font-family: 'Roboto', sans-serif;
}
.textwindow_text a
{
	font-size: 9pt;
	color: #3e699e;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
.textwindow_text a:hover
{
	text-decoration:underline;
}
.survey_maintext
{
	font-size: 11pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.survey_smalltext
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
}
.survey_smalltext a
{
	font-size: 9pt;
	color: #3e699e;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}
.survey_smalltext a:hover
{
	text-decoration:underline;
}
.survey_questiontext
{
	font-size: 11pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.survey_mainlink
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.survey_spacer
{
	height: 4px;
}
.survey_divider
{
	height: 1px;
	background-color: Black;		
}
.survey_background
{
	background-color: gainsboro;	
}
.survey_errormsg
{
	font-weight: 500;
	font-size: 10pt;
	color: red;
	font-family: 'Verdana';
	text-decoration: none;	
}
.employment_titletext
{
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
	color: #666666;
	font-weight: 500;	
}
.employment_maintext
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.employment_smalltext
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #333333;	
}
.employment_mainlink
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.staffdirectory_gridtext
{
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight:normal;	
}
.staffdirectory_gridtitle
{
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.staffdirectory_gridlink
{
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	color: #001430;
	text-decoration: none;	
}
.staffdirectory_header
{
	font-size: 14pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.staffdirectory_maintext
{
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.staffdirectory_mainlink
{
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.staffdirectory_smalltext
{
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	color: #333333;	
}
.staffdirectory_smalltext_500
{
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	color: #222222;
	font-weight: 500;	
}
.staffdirectory_tinytext
{
	font-size: 9pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.staffdirectory_altBG
{
	background-color: #E7E7E7;		
}
.staffdirectory_vertsep
{
	background-color: Gainsboro;	
}
.adminmessage_image
{
	padding-left: 0;
	padding-right: 10px;
	text-align: left;	
}
.adminmessage_titletext
{
	font-family:"source-sans-pro", sans-serif;
	font-weight:bold;
	font-size:18px;
}
.adminmessage_maintext
{
	font-size: 11pt;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #222222;
}
.adminmessage_smalltext
{
	font-size: 9pt;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.podcast_titletext
{
	font-size: 12pt;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.podcast_maintext
{
	font-size: 10pt;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #333333;	
}
.podcast_smalltext
{
	font-size: 9pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.podcast_mainlink
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.podcast_altBG
{
	background-color:#dfebf7;	
}
.blog_maintext
{
	font-size: 11pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.blog_mainlink
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.blog_smalltext
{
	font-size: 8pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.blog_smalllink
{
	font-size: 8pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.blog_titletext
{
	font-size: 16pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: normal;	
}
.blog_posttitle
{
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
	color: #222222;
	font-weight: 500;	
}
.blog_sideBG
{
	background-color:#dfebf7;	
}
.mastercalendar_header
{
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: 500;	
}
.mastercalendar_title
{
	font-size: 16pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: normal;	
}
.mastercalendar_maintext
{
	font-size: 11pt;
	font-family: 'Roboto', sans-serif;
	color: #222222;
	font-weight: normal;	
}
.mastercalendar_smalltext
{
	font-size: 9pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
	font-weight: normal;	
}
.mastercalendar_mainlink
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	font-weight: normal;
	text-decoration: none;	
}
.mastercalendar_bgColor
{
	background-color: #dddddd;	
}
.mastercalendar_cellcolor
{
	background-color:#3A6CC2;	
}
.mastercalendar_tinylink
{
	font-size: 8pt;
	font-family: 'Roboto', sans-serif;
	color: #1e7ea8;
	text-decoration: none;	
}
.videowindow_header
{
	font-size: 14pt;
	font-family: 'Roboto', sans-serif;
	color: Black;
}
.videowindow_maintext
{
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: Black;	
}
.errormsg
{
	font-weight: 500;
	font-size: 10pt;
	font-family: 'Roboto', sans-serif;
	color: Red;	
}
.titletext
{
	font-weight:600;
	font-size:69px;
	color:White;
	font-family:"kepler-std-condensed-display", serif;
	text-decoration: none;
	transition: all 0.4s ease-out 0.1s;
	-webkit-transition: all 0.4s ease-out 0.1s;
}
.titletext2
{
	font-weight:300;
	font-size:32px;
	color:White;
	font-family:"kepler-std-caption", serif;
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing:8px;
}
.titletext:hover
{
	text-decoration: none;
	text-shadow:0 3px 4px #000;
}
.headertext
{
	font-size: 15px;
	color:White;
	font-family:"source-sans-pro", sans-serif;
}
.subheadertext
{
	font-size: 11pt;
	color: Black;
	font-family: 'Arial';	
}
.maintext
{
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	font-family: 'Arial';	
}
.navtext
{
	font-weight: normal;
	font-size: 11pt;
	font-family: 'Verdana';
	color: #2b5b7f	
}
.footertext
{
	font-family:"source-sans-pro", sans-serif;
	color:White;
	font-size:16px;	
	text-decoration: none;
}
.esvlink
{
	font-family:"source-sans-pro", sans-serif;
	color:#DDE8FB;
	font-size:16px;	
	text-decoration: none;
	transition: all 0.4s ease-out 0.1s;
	-webkit-transition: all 0.4s ease-out 0.1s;
	behavior:url(PIE.html);
}
.esvlink:hover
{
	color:#ffffff;
	text-decoration:none;
	text-shadow:1px 1px 1px #000000;
}
.smalltext
{
	font-weight: normal;
	font-size: 8pt;
	color: #333333;
	font-family: 'Verdana';		
}
.mainlink
{
	font-weight: normal;
	font-size: 12pt;
	color:  #1e7ea8;
	font-family: 'Arial';
	text-decoration: none;	
}
.smalllink
{
	font-weight: normal;
	font-size: 9pt;
	color:  #1e7ea8;
	font-family: 'Arial';
	text-decoration: none;		
}
.imagealign_left
{
	padding-right: 1px;
	padding-left: 1px;
	float: left;
	padding-bottom: 1px;
	margin: 3px;
	vertical-align: top;
	border-top-style: none;
	padding-top: 1px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	text-align: left;
	border-bottom-style: none;
}
.imagealign_center
{
	display: block;
  margin-left: auto;
  margin-right: auto;

}
.imagealign_right
{
	padding-right: 1px;
	padding-left: 1px;
	float: right;
	padding-bottom: 1px;
	margin: 3px;
	vertical-align: top;
	border-top-style: none;
	padding-top: 1px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	text-align: right;
	border-bottom-style: none;	
}

.background_window0
{}
.background_window1
{}
.eventCalendar
{
    border:solid 1px black !important;
    font-size:13px;
	font-family:'Open Sans', sans-serif;
}
.eventCalendar a
{
    text-decoration:none !important;
	font-family:'Open Sans', sans-serif;
}
.eventCalendar_titleStyle
{
	background-color:#999999;
	color: White;
    font-size:16px;
    text-transform: uppercase;
}
.eventCalendar_nextPrevStyle a
{
    color:White !important;
    text-decoration:none !important;
    font-size:14px;
}
.eventCalendar_dayHeaderStyle
{
	color:#FFFFFF;
	background-color:#000000;
}
.eventCalendar_dayStyle
{
    padding:5px;
	background-color:#FFFFFF;
}
.eventCalendar_dayStyle:hover
{
	background-color:#F4F4F4;
}
.eventCalendar_dayStyle a
{
    color:#1B1B1B !important;
}
.eventCalendar_otherMonthDayStyle
{
	background-color: #F4F4F4;
}
.eventCalendar_otherMonthDayStyle a
{
    color:#1B1B1B !important;
}
.eventCalendar_todayDayStyle
{
    background-color:#999999; 
    transition: all 0.4s ease-out 0.1s;
}
.eventCalendar_todayDayStyle:hover
{
    text-decoration:none;
    background-color:#BBBBBB; 
}
.eventCalendar_todayDayStyle a
{
    color:White !important;
}
.downloads_spacer
{
	height: 8px;	
}
.employment_spacer
{
	height: 8px;	
}
.event_spacer
{
	height: 6px;	
}
.gallery_spacer
{
	height: 5px;	
}
.gallery_divider
{
	color: Black;
	height: 1px;	
}
.gallery_thunbnail_spacer
{
	height: 6px;	
}
.links_spacer
{
	height: 6px;
}
.news_spacer
{
	height: 8px;	
}
.header_spacer
{
	height: 4px;	
}
.rightheader_spacer
{
	height: 4px;	
}
.staff_short_spacer
{
	height: 2px;	
}
.staff_spacer
{
	height: 8px;	
}
.nav_spacer
{
	height: 5px;	
}
.EmailArtileDisplay
{
	display:none;
}
.FooterDivStyle
{
	clear: left; 	
}
.BodyDivStyle
{
	clear: left;
	float:left;
	margin:15px 0;
}
.MainDivStyle
{
	margin:0 auto;
}
.HeaderDivStyle
{
	
}
.containerDiv
{
    float:left;
	width:100%;
}
body
{
    margin:0px;
    padding:0px;
}
.header
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#284F9B;
	text-transform:uppercase;
}
.configs
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#284F9B;
	text-transform:uppercase;
}
.cblAreas
{
	font-weight: normal;
	font-size: 8pt; 
	color: #333333;
	font-family: 'Verdana';	
}
.cblAreas tr td
{
	width:33%;	
}

.HeaderContainer
{
    height:162px;
    background-image:url(sysimages/headerBG.png);
    background-position:center top;
    background-repeat:no-repeat;
    background-color:#335395;
    border-top:solid 1px #284F9B;
}
.gsc-search-button-v2,.gsc-search-button-v2:hover,.gsc-search-button-v2:focus
{
   color:#ffffff !important;
}
.HeaderDiv
{
    width:1100px;
    margin:0 auto;
}
.TopNavContainer
{
    height:43px;
    background: #1f2022; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f2022 0%, #0d0d0e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1f2022 0%,#0d0d0e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1f2022 0%,#0d0d0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color:#0d0d0e;
    border-top:solid 1px black;
    border-bottom:solid 1px #555555;
}
.TopNavDiv
{
    width:1100px;
    height:50px;
    margin:-8px auto 0;
    background: #383838; /* Old browsers */
    background: -moz-linear-gradient(top,  #383838 0%, #010101 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #383838 0%,#010101 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #383838 0%,#010101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color:#010101;
    border:solid 1px black;
    border-bottom:0;
    border-radius:10px 10px 0 0;
    box-shadow:inset 0 1px 0 0 #484848;
}
.FooterContainer
{
    height:284px;
    background-color:#656565;
    box-shadow:inset 0 -56px 0 0 #656565;
}
.FooterDiv
{
    width:1100px;
    margin:0 auto;
}

/* ADA button */
.divCompliance
{
	float:left;
	width:100%;
	background-color:#1c1c1c;
	text-align:center;
	padding:8px 0 8px 0;
}
.divCompliance a
{
	font-size:1em;
	font-family:Sans-Serif;
	color:White;
}
.divCompliance a:hover
{
	color:Yellow !important;
}
.slideshow
{
    height:385px;
    background: #545454; /* Old browsers */
    background: -moz-linear-gradient(top,  #545454 0%, #737373 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #545454 0%,#737373 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #545454 0%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color:#545454;
    border-bottom:solid 1px #555555;
}
.cycle-overlay
{
    float:right;
    width:410px;
    margin:30px 36px 0 0;
}
.caption
{
	font-family:"source-sans-pro", sans-serif;
    color:White;
    font-size:16px;
}
.captiontitle
{
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
    color:White;
    font-size:31px;
}
.captionlink
{
    float:left;
    padding:5px 12px;
	font-family:"source-sans-pro", sans-serif;
    color:White;
    font-size:16px;
    text-decoration:none;
    background: #2E5BB2; /* Old browsers */
    background: -moz-linear-gradient(top,  #2E5BB2 0%, #25498F 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2E5BB2 0%,#25498F 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2E5BB2 0%,#25498F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius:5px;
    box-shadow:inset 0 1px 0 0 rgba(127, 159, 225, .45), 0 1px 1px 0 #000;
}
.hpDivNews
{
    float:left;
    width:100%;
    padding:30px 0;
}
.hpDivEvents
{
    float:left;
    width:100%;
    padding:30px 0;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(left,  #f8f8f8 0%, #f8f8f8 50%, #eeeeee 50%, #eeeeee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f8f8f8 0%,#f8f8f8 50%,#eeeeee 50%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f8f8f8 0%,#f8f8f8 50%,#eeeeee 50%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-top:solid 1px #E1E1E1;
}
.hpDivSchools
{
    float:left;
    width:100%;
    background-color:#CFD1D6;
}
.hpEvent
{
    padding:15px 20px;
    display:block;
    background-color:White;
    border-radius:4px;
    box-shadow:0 1px 0 0 #E1E1E1;
}
.hpTitle
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	font-size:31px;
	color:#284F9B;
	text-transform:uppercase;
}
.hpLink
{
	font-family:"source-sans-pro", sans-serif;
    color:Black;
    font-size:18px;
    text-decoration:none;
}
.hpSchools
{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	font-size:31px;
	color:White;
	text-transform:uppercase;
	text-decoration:none;
}

.ddl_buildings
{
	width:210px;
}
.filterTitle
{
	font-weight: 500;
	font-size: 13px;
	color: #333333;
	font-family: 'Verdana';	
	padding:10px 0 5px 0;		
}
.filterContainer
{
	width:225px;float:left;
	background-color:#f3f3f3;
	padding:10px 10px 30px 10px; 
	margin-bottom:10px;
	font:13px arial;
	border:solid 1px black;
}
.pagingMenu
{
	padding:5px 5px 10px 5px;
	font-family:Arial;
	font-size:14px;
	font-weight:500;
	background-color:#f3f3f3;
	border:solid 1px black;
	margin-bottom:10px;
}
.monthDiv
{
	margin:5px 5px 15px 5px;
	padding:5px;
	background-color:#f3f3f3;	
	display:none;
	font-size:12px;
	font-family:Arial;
	border:solid 1px black;
}
.altNewsItem
{
    background-color:#f3f3f3;
}
.monthTitle
{
	margin:5px;
	padding:5px;
	font-weight:500;
}
.NewsItemDiv
{
	padding:5px 0 15px 0;	
}
.modalBackground
{
	background-color:#1E407E;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
.modalWindowOn
{
	border-radius:5px;
	-webkit-box-shadow: 4px 4px 4px #313131;
    box-shadow: 4px 4px 4px #313131;
    behavior:url(PIE.html);
	min-width:400px;
    min-height:230px;
    background:white !important;
    padding:10px;
    z-index: 9999; border:1px solid #FEBA01;
}
.modalWindowOnLogin
{
	border-radius:5px;position:absolute;top:400px;left:400px;right:0;bottom:0;
	-webkit-box-shadow: 4px 4px 4px #313131;
    box-shadow: 4px 4px 4px #313131;
    behavior:url(PIE.html);
	width:460px;
    height:230px;
    background:white !important;
    padding:10px;
    z-index: 9999; border:1px solid #FEBA01;
}
.modalWindowOff
{
  display: none;
}

/* Dropdown styles */
.dropdown
{
    float: left;
    padding:0 35px;
    border-right:solid 1px #010101;
}
.dropdown:hover
{
    text-shadow:0 0 5px rgba(255, 255, 255, .5);
}
.dropdown:last-child
{
    border-right:0;
}
.dropdown a
{
    color:White;
    font-family:"source-sans-pro", sans-serif;
    font-size:18px;
    text-transform:uppercase;
    text-decoration: none !important;
    line-height:45px;
}
.dropdowns ul, .dropdowns li
{
    list-style-type: none;
}
.navDD
{
    padding:10px;
    background-color:rgba(255, 255, 255, .9);
    z-index: 99999;
    position: inherit;
    margin-left:-30px;
    width:200px;
    border-radius:0 0 10px 10px;
}
nav ul li [id*='lnkGroupItem']
{
    font-size:14px;
    text-shadow:none;
    line-height:normal;
    color:Black;
}
nav ul li
{
    position: relative;
    list-style: none;
}
nav ul li a
{
    padding:5px;
    display: block;
}

nav ul li a:hover
{
    background:#335395;
    color:White;
    text-decoration: none;
}
/**HIDE DROPDOWNS THEN SHOW WHEN YOU HOVER**/
nav li ul.navDD
{
    display: none;
}

nav li:hover ul.navDD
{
    display: list-item;
    position: absolute;
    margin-top:0px;
    z-index: 999;
}
/*
  ╔════════════════════════════════════════════════╗
  ║	         eSchoolView Website © 2016			   ║
  ╚════════════════════════════════════════════════╝
*/
@import "responsive.css";
@import "normalize.css";
