@charset "utf-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

body {margin:0; padding:0;   width:100%; font-size:15px;  font-family:Arial, Helvetica, sans-serif; }
body img { max-width:100%; overflow:hidden; height:auto;   white-space:nowrap; text-indent: 100%;  }

figure {    margin: 0;}
.labelforscreenreader{	text-align: left; position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
select {    display: block !important;}

/* ==========================================================================
   Typography
   ========================================================================== */
h2,   #news h2{ font-family: leaguespartan;    font-weight: normal; } 
/* h3, h4, h6{ color:#e18522;}*/
 h3, h4,h5, h6{color:#2b455a;}
h1, a h1{font-size:2.2em;  margin:.8em 0 0.5em 0; 	font-family:leaguespartan;   color:#017688; font-weight:bold; text-transform: uppercase; text-decoration:none;}

h1 a, h1 a:hover{ color:#275f80; font-weight:600; display:block;text-decoration:none; font-size:100%; }
h1.logo{margin:0 0 20px 0; font-size:1.6em; }
h1.small-title{ font-size:1.2em; line-height:1.2em; margin:0.5 0 .2em 0;  font-family: 'Roboto Slab', serif; font-weight:normal;}
span.red-border{border-bottom:1px dashed #ac2a1e; border-top:1px dashed #ac2a1e; }
span.dark-gray-border{ border-bottom:1px dashed #323e49; border-top:1px dashed #323e49;}
span.gray-border{ border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;}
h1 span.white-border{border-bottom:1px dashed #fff; border-top:1px dashed #fff; }
h2 {  font-size: 2em; margin:0.7em 0 0.8em 0 ; font-family:leaguespartan;  color:#323e49; text-transform: uppercase; }
h3 {font-size:1.8em; margin: 0.7em 0;  font-family: 'Roboto Slab', serif; color:#ac2a1e; font-weight:normal; }
h4 {font-size: 1.6em; margin:.6em 0 ; font-family: 'Roboto Slab', serif;  font-weight:normal;  }
h5 {font-size: 1.3em; line-height:1.3em;  margin:0 0 .4em 0 ; font-family: 'Roboto Slab', serif; font-weight:bold;}
h6 {font-size: 1.1em; line-height:1.1em;  font-weight:bold;  margin:0 0 .2em 0; font-family:Arial, Helvetica, sans-serif; }
h2 a {  font-size: 100%; border:none;	}
h3 a, h4 a, h5 a, h6 a,  a h3, a h4, a h5, a h6 { font-weight:normal;   color: #017688; border-bottom:1px dotted #2c9ea2; }
p {  font-size: 1em;   line-height: 1.6em;   margin: 0 0 .9em 0; color:#3f4d5f;}
.table p {  font-size: 1.0em;   line-height: 1.4em; }
li {color:#3f4d5f;}
a {     color: #017688; font-size:100%;   text-decoration: none;  }
a:active, a:hover, a h1:hover {  color:#2c9ea2;}
p a {     font-size: 100%; border-bottom: 1px dashed #a0b4b5;  }
ul li a, ol li a{border-bottom: 1px dashed #a0b4b5; } 
ol li ul li {    list-style-type: disc;}
/* ol li {   list-style-type: decimal; font-size: 0.98em; line-height:1.65em;   margin: .2em 0 .5em .9em ;  } */
ol li, ul li {	  line-height: 1.8em;}
ul li ul li {list-style:circle;	}
ul li ul li, ul li ul li ul li {	font-size:100%;	}

.dark-cyan-text {
color: #017688 !important;
}

em {font-style:italic; }
.display-5 {    font-size: 1.4rem;    font-weight: 300;    line-height: 1.5;}

.card-header{
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.accordion .card .card-header {
 border-bottom: 1px solid rgba(0,0,0,.125);
}
.modal-open .modal { z-index:10000; }

.blue-bg{color:#FFF; background-color:#5a81b2; padding-left:10px; font-weight:normal; }
.blue-bg a{color:#FFF; font-weight:normal; }
.large{font-size:140%;}
.small {  font-size:95% !important;  }
.smaller {  font-size: 88% !important;  }
.smallest {  font-size: 80% !important; }
.arrow{background:url(/global/2011/images/orange-arrow.png) no-repeat 0 2px; list-style-type:none; padding:0 0 0 1.2em; margin:.2em 0 .8em 0em; vertical-align:middle;}

.btn-flat { border: 0; border-radius: 0!important; cursor: pointer;font-weight: normal;   line-height: .8;  padding: 0 12px; text-align: center;    vertical-align: middle;    white-space: nowrap;}
	.btn-floating.btn-sm {    width: 30px;    height: 30px; margin:0 5px; }
.no-border	{border:0;}
	
/* TILES */
/*.........Promo Tiles...........*/
#tile-container{margin-top:40px;}

#tile-container h3.secondary {margin-top:40px;}
ul#tiles{ list-style-type: none;padding: 0px;margin: 0px 0 0 -0.5em; }
ul#tiles li {padding:0.3em 0.7em 1em 0.7em ; margin:0 0 0 0.5em;  border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em; width:16.12%; display:inline-block; vertical-align:top; min-width:100px; height:150px; overflow:hidden;}
ul#tiles li a{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:0; margin:0; width:100%; height:100%; text-align:center; }
ul#tiles li .content{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:0; margin:0; width:100%; height:100%; text-align:center; }

ul#tiles li .date-white{color:#222;  text-transform:uppercase;  font-family:archivonarrow; display:block; padding:3px; background-color: rgba(255, 255, 255, 0.8); border-radius:5px; margin:0; width:100%;  text-align:center; margin:0 0 8px 0;}
ul#tiles li a:hover{ text-decoration:none; opacity:0.75;filter:alpha(opacity=145);}
ul#tiles li:hover, a.badge:hover {filter:alpha(opacity=185); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
.tile-orange{ background-color:#e69221; border:solid 1px #e29d30; box-shadow: 0 0 0 1px #fbb94f inset; }
.tile-green{ background-color:#7dc254; border:solid 1px #7abe56; box-shadow: 0 0 0 1px #a1db7d inset; }
.tile-blue{ background-color:#5395ea; border:solid 1px #4b8ce0; box-shadow: 0 0 0 1px #70aefd inset; }
.tile-purple{ background-color:#bf9aef; border:solid 1px #5600c8; box-shadow: 0 0 0 1px #c297fa inset; }
.tile-yellow{ background-color:#ebdf60; border:solid 1px #dcc900; box-shadow: 0 0 0 1px #f9ef89 inset; }
.tile-lightblue{ background-color:#74abf1; border:solid 1px #5395ea; box-shadow: 0 0 0 1px #8ab6ef inset; }
.tile-lightorange{ background-color:#f1ac42; border:solid 1px #c97a00; box-shadow: 0 0 0 1px #f4ba62 inset; }
.tile-lightgreen{ background-color:#a9cd4c; border:solid 1px #648b00; box-shadow: 0 0 0 1px #c7e183 inset; }


.tile-red{ background-color:#d27056; border:solid 1px #7e1b00; box-shadow: 0 0 0 1px #fdb5a2 inset; }
#tiles li a img { padding:0;  margin:0 auto;  position:relative; bottom:0;}

	/* ==========================================================================
   Master Page Styles
   ========================================================================== */
#header{    margin:0 auto; padding:0;   width: 100%;   z-index: 9000;    background-color: #fff;}
#header.header-fixed{ position:fixed; top:0; }
#top-section.header-fixed{ position:fixed; top:0; }
#form-wrapper.header-fixed {margin-top:185px; width:100%; }
#header.header-fixed.move-header{transition: background .5s ease-in-out,top .5s ease-in-out; top:-130px; scroll-behavior: smooth; }
.video, .video img{    background-color: #44444;    position:relative; bottom:0; top:0; width:auto; display:block; min-height: 100%;z-index: 1; max-width:100%; overflow:hidden; height:auto;}
.slogan{visibility:visible; position:absolute; left:20px; top:-150px;}
.vision-btn{visibility:visible; position:absolute; left:30px; bottom:110px; z-index: 999;}

#img-rotator {min-height: 400px; background-position:center -100px ; background-size: cover; background-repeat: no-repeat;}
.form-inline{margin-right:20px; color:red; margin-bottom:20px;}
.maxwidth{    max-width: 1170px; padding:40px 15px 30px 15px;  overflow: hidden;    margin: 0 auto; }
.full-width{width:100%; max-width:100%; padding-right: 15px;  padding-left: 15px; }
#content-wide{margin:0 auto 0 auto;    max-width: 1530px;    overflow: visible; background-color:#fff; padding:20px;}
.container-wide { background: none repeat scroll 0 0 #fff;   }

.container{    max-width: 1250px;    margin: 0 auto;  }
#content-wrapper{width:100%; background:#f3f3f3; margin:0; padding:0;}
#banner{   background:#21518c url(../images/banner.jpg) 0 0 ;  overflow:hidden; margi:0; padding:0; display:block; border:5px solid #fff;  }
#content{margin: 3% 3% 4% 3%;  width:94%; background-color:#fff;}
.top-box{display:inline-block; width:32.80%;  margin:0; padding:0;  vertical-align:top;}
.modal .modal-side {width:600px;}
.dropdown-menu {z-index:1001!important;}

/* ==========================================================================
   Search
   ========================================================================== */
.form-control {width:88%;  margin-top:3px; border:0;}
.form-control input[type=search-md], input[type=search] {
    border-bottom: 1px solid #de6860!important;     height: 2.1rem;    width: 98%;    font-size: 1.1rem;}
/*.form-control input {    width:65.6%;    float: left;}
.form-control button {    overflow: visible;    float:left; width:30%; margin-top:8px; color:#fff;}*/
.form-control input::-webkit-input-placeholder {  color: #de6860!important;   font-weight: normal;   font-style: italic;} 
.form-control input:-moz-placeholder {  color: #de6860!important;    font-weight: normal;    font-style: italic;}
.form-wrapper input:-ms-input-placeholder {   color: #de6860!important;   font-weight: normal;   font-style: italic;} 
#search-btn {font-size: .85rem; padding: .25rem 1.7rem; font-family: 'Roboto Slab', serif;}

#search-on-scroll{  opacity: 0; -webkit-opacity: 0;
-moz-opacity: 0;  }
 #search-on-scroll .fade { opacity:1;  transition: opacity 1s; -webkit-opacity: 1;
-moz-opacity: 1;} 
/* ==========================================================================
   school boxws Styles
   ========================================================================== */

.bg-rotating-img { background-size: cover; background-repeat:no-repeat;     background-position: top center; }
.cards {  padding:1em; margin-bottom:2em; min-height:200px;  border-radius: .25rem!important; margin-top:60px;  }
.cards a, .cards a h3{border:none;}
.cards:hover { 	transform: scale(1.1); 	background-color:#7c8691; transition: all .3s ease-in-out; }
.card .card-text {    font-size: .98rem;    color: #3C5A78;}
.card-title{font-size:1.35rem;}
img.shift-img {margin-top:-80px;}
.parallax {height: 100%;    background-attachment: fixed;    background-position: center;    background-repeat: no-repeat;    background-size: cover;}

/* ==========================================================================
   Sub menu

   ========================================================================== */

#top-links ul, .horizontal-sub-nav ul {  display:table;    width:100%;    table-layout:fixed; margin: 0; padding:0;}
#top-links ul li, .horizontal-sub-nav ul li{display:table-cell;   text-align:center; padding:0; vertical-align:top;  width:auto; border-right:1px solid #fff;} 
.top-white-border{  border-top:1px solid #fff;}
#top-links ul li a {font-family: 'Roboto Slab', serif; font-weight:normal; display:block; text-decoration: none; vertical-align:middle;   text-transform: uppercase; font-size: 1.05em; line-height: 1.4em; border-bottom:none;}
.horizontal-sub-nav ul li a { font-family: 'Roboto Slab', serif; font-weight:normal;  margin:0;  border:0; display:block; text-decoration: none; vertical-align:middle; color:#FFF;  text-transform: uppercase;  font-size:0.8em;   line-height: 1.8em;}
.bookmark .horizontal-sub-nav ul li a {  line-height:1.6em!important; padding-top:10px; padding-bottom:10px;  font-size:77%;  color:#fff;  }

/*   google translate button  */ 
	#google_translate_element{
			display:none;
		}
        
   #header   .goog-te-gadget-simple .goog-te-menu-value {
     color: #FFF;   
    }
    
     #header   .goog-te-gadget-simple span {
     color: #FFF !important;
         
    }
	#top-links  ul li a.goog-te-menu-value {
		display:inline-block !important;
	} 
   #header .goog-te-gadget-simple { 			
            background-color:#275f80!important;
			padding-top:1px;
			padding-bottom:4px;
			width: 100%;
			color:#FFF;
			box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
			border-bottom:0px;
			float:right;
			font-size:.8rem;
}

#basicExampleNav ul {  display:table;    width:100%;    table-layout:fixed; margin: 0; padding:0;}
#basicExampleNav ul li{display:table-cell;   text-align:center; padding:0; vertical-align:top;  width:auto; border-right:1px solid #fff;} 


	
#basicExampleNav ul li a { font-family: 'Roboto Slab', serif; font-weight:normal;  margin:0;  border:0; display:block; text-decoration: none; vertical-align:middle; color:#FFF;  text-transform: uppercase;  font-size:0.8em;   line-height: 1.8em;}
#basicExampleNav ul li a {  line-height:1.6em!important;   font-size:77%;  color:#fff;  }


a.anchor-point{ position:relative; left: 0; right:0; display:block;  height:0px; top:-150px; border-bottom:none;  }

.dropdown .dropdown-menu .dropdown-item { color:#275f80!important;}
.dropdown .dropdown-menu .dropdown-item:hover{ background-color:#2c9ea2!important;}
.end-btn{ border-right:0px!important;}
li.hover-cyan a.active-tab,  li.hover-cyan a.tab,  li.hover-cyan.active {background-color:#2c9ea2!important; color:#fff ;}
li.hover-orange a.active-tab,  li.hover-orange a.active , li.hover-orange.active {background-color:#de6860!important; color:#fff ;}
.btn.lang{font-size: 13px!important; line-height: 1.5em!important; font-family: 'Roboto Slab', serif;  padding-top:.48rem!important; padding-bottom:.48rem!important;}
/* ==========================================================================
Background Colors and buttons

   ========================================================================== 

/*........Font Colors...........*/
.light-cyan-text {    color: #91ffff!important;}
.cyan-text {    color: #2c9ea2 !important;}
.dark-gray-text {color:#323e49!important; }
.light-gray-text, .gray{ color:#7c8691!important;}
.dark-blue-text{ color:#275f80!important;}
.orange-text{color:#de6860!important; }
.red, .red-text{color:#ac2a1e!important; background-color:transparent!important;}
.light-cyan-text{color:#91ffff!important;}
/*.........buttons...........*/
.btn-primary{ background-color:#275f80!important;  } 
.btn-primary:visited, .btn-primary:active{ background-color:#275f80!important;  }
.btn-primary:hover{  background-color:#215472!important;  } 
.btn-default{  background-color:#2c9ea2!important;   } 
.btn-default:visited{  background-color:#2c9ea2!important;   } 
.btn-default:hover{  background-color:#288d91!important;   }
.btn-cyan {    background-color:#91ffff !important;}
.btn-cyan:hover {background-color:#8bebeb !important;}
.btn.btn-cyan {color:#212931!important;}
.btn-unique{  background-color:#ac2a1e!important;  }
.btn-unique:visited{  background-color:#ac2a1e!important;  }
.btn-unique:hover{  background-color:#d73d2e!important;  }
.btn-secondary {    background-color: #384450!important;}
.btn-secondary:hover {    background-color: #5b6c7d !important;}
.btn-secondary.active, .btn-secondary:active, .btn-secondary:focus {
    background-color: #212931 !important;}
.btn-danger{ background-color:#de6860!important;}
.btn-danger:visited  { background-color:#de6860!important;}
.btn-danger:hover{ background-color:#cd5e56!important;}
.btn-elegant{ background-color:#212931!important;}
.btn-elegant:visited  { background-color:#212931!important;}
.btn-elegant.dropdown-toggle {background-color:#212931!important;}
.btn-elegant:hover{ background-color:#2e3842!important;}
.btn-blue-gray { background-color:#7c8691!important;}
.btn-blue-gray:hover { background-color:#96a1ae!important;}
.btn-blue-gray:visited { background-color:#7c8691!important;}
.btn-success{ background-color:#05a677!important;}
.btn-success:visited  { background-color:#068f67!important;}
.btn-success:hover{ background-color:#068f67!important;}
.fixed-back-top-btn {    position:fixed;    z-index: 998; bottom:0; right:2%;}
.btn-outline-info,  .btn-outline-info:visited{border: 2px solid #fff;color: #fff!important; background-color: transparent;}
.btn-outline-info:hover {border: 2px solid #91ffff; color:#91ffff!important;}
a.btn-outline-info{  color: #fff!important;   font-family: 'Roboto Slab', serif;  font-weight: normal; font-size: .8rem;  text-transform:uppercase;  line-height: 1.4em;}
.btn-outline-info .fa-2x { font-size: 2em!important;}
.btn-outline-cyan {    border: 2px solid #91ffff;    color: #91ffff!important;    background-color: transparent;}
.pills-cyan .nav-item .nav-link.active, .tabs-cyan {    background-color: #2c9ea2!important; padding-top:8px;}
.classic-tabs li:first-child {    margin-left: 35px;}
.classic-tabs li a {   font-size: 14px; color:#fff; border-bottom:0px;    padding: 10px 20px 8px 20px;}
.classic-tabs li {color:#fff;}
.classic-tabs.tabs-cyan li a.active {    border-color:#fff; color:#0f1317; background-color:#fff; border-radius: .3rem .3rem 0 0;  opacity: 0.5;}
 .btn-orange.dropdown-toggle  {box-shadow:0; background-color:#de6860!important; color:#fff!important;}
.btn-outline-primary {    border: 2px solid #2c9ea2;    color: #275f80 !important;}

.btn-teaser-link {    position:absolute;    left: 0;right: 0;bottom:0%;}
.btn-teaser-body {    position: relative;    line-height: 0;    width: 100%;}
.btn-teaser { position:relative; cursor:pointer; display:inline-block;  background-color:rgba(255,255,255,.7)!important; color:#323e49; text-transform: uppercase; font-size: 0.85em;  padding:0 20px 0 10px; font-family: 'Roboto Slab', serif;}
.btn-teaser::after,.btn-teaser::before { position:absolute; top:0; content:'';}
.btn-teaser:hover>span { margin-right:1em; padding-right:2em;}
.btn-teaser:hover::before { right:0;}
.btn-teaser::before { transition:all .45s ease-in-out 0s; left:0; right:4em; height:100%; background-color:rgba(255,255,255,.7)!important; z-index:2;}
.btn-teaser::after { right:0; display:inline-block; z-index:3; width:4em; height:4em; background-position:1.3em center;}
.btn-teaser::after {    background-color:#2c9ea2 ;    vertical-align: middle;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjk2NXB4IiBoZWlnaHQ9IjIyLjAwOHB4IiB2aWV3Qm94PSIwIDAgMjIuOTY1IDIyLjAwOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjIyLjk2NSwxMS4wMjEgMTEuNzgzLDAgMTAuMTM1LDEuNjIzIDE4LjU4LDkuOTE1IDAsOS45MTUgMCwxMi4xIDE4LjYwOSwxMi4xIDEwLjE4MiwyMC40MDYgMTEuODA3LDIyLjAwOCAyMi45NjUsMTEuMDIxIDIyLjk2NSwxMS4wMjEgIi8+PC9zdmc+);
 background-repeat:no-repeat;}

 .btn-teaser > span{    padding-left: 0;}
.btn-teaser > span > span {    display: inline-block;    padding-top: 1em;}
.btn-teaser > span {    transition: all .45s ease-in-out 0s;    position: relative;    z-index: 10;
    display: block;    height: 4em;    padding-right: 4.6em;    padding-left: 1.3em;	}


/*........Background colors and hover backgrounds..........*/
.bg-charcoal{ background-color:#212931!important;}
.bg-dark-gray { background-color:#323e49!important; }
.bg-gray{ background-color:#384450!important;}
.bg-dark-blue, li.hover-blue:hover, .hover-blue:hover{  background-color:#275f80!important; box-shadow:none; } 
.bg-light-cyan, li.hover-light-cyan:hover{ background-color:#91ffff!important;}
li.hover-light-cyan a:hover{ color:#275f80!important;}
.bg-light-gray{ background-color:#7c8691!important;}
.cyan, .bg-cyan, li.hover-cyan:hover, .hover-cyan:hover{  background-color:#2c9ea2!important;   } 
 .bg-dark-cyan{  background-color:#017688!important;   } 
.border-dark-cyan{  border:1px solid #017688;   } 
.btn-orange, .bg-orange,  li.hover-orange:hover, .hover-orange:hover{  background-color:#de6860!important; color:#fff!important;  } 
.bg-red, li.hover-red:hover, {background-color:#ac2a1e!important;}
.bg-light{ background-color:#eeeeee!important;}
.bg-light-indigo{ background-color:#dbdee1!important;}
li.hover-orange:hover a,  li.hover-cyan:hover a {color:#fff;}

.bg-transparent-light:not(.bg-transparent-content){ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";filter: alpha(opacity=93);-moz-opacity:0.93;-khtml-opacity: 0.93;opacity: 0.93;}
.bg-transparent:not(.bg-transparent-content){  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;}

.bg-opaque{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important; filter: alpha(opacity=100)!important;	-moz-opacity:1!important; -khtml-opacity:1!important; opacity:1!important; }
.bg-gray a, .bg-gray li, .bg-dark-gray a,  .bg-dark-gray li, .bg-gray a h2, .bg-dark-gray a h2, .bg-gray a h3, .bg-dark-gray a h3 {color:#91ffff; }
.bg-gray  h3, .bg-dark-gray  h3, .bg-gray  h2, .bg-dark-gray  h2, .bg-charcoal h2, .bg-charcoal h3 {color:#2c9ea2;}
.bg-gray p, .bg-dark-gray p, .bg-charcoal p {color:#fff;}
.bg-gray h1, .bg-dark-gray h1 {color:#fff;  } 
.rgba-white-medium {    background-color: rgba(255,255,255,.6) !important;}
.rgba-white-medium:hover {    background-color: none!important;}


/* =================  Main Menu Styles=========================== */
/*.........Main Menu...........*/

#btn-menu{  width:90px; margin:0; height:3.5em; padding:25px 0 0 30px; position:relative; display:inline-block; vertical-align:middle;   }
 .menu-overlay {  opacity:1;   width: 100%;    left: 0px;    z-index: 1000;     position: fixed; overflow-y: scroll;   height:100vh; content: ''; color: white;    }
/* .overlay-top{ background-color:#212931!important;}
 .overlay-top a h1 {color:#91ffff!important;}*/
#full-nav-container{		width:100%;background-color:#212931;   }

.hide-full-menu{display:none;}
ul.top-menuList li { float:left; text-decoration:none; font-size: 100%; margin:0;  padding:0; list-style-type:none;}
ul.top-menuList li a{ line-height:4.2em ;padding:0 1em; font-size:0.84em; border:none;  font-family: 'Roboto Slab', serif;    font-weight:normal; color:#91ffff;  text-decoration:none; text-transform:uppercase; display:block; }
ul.top-menuList li:hover{opacity: 0.8;    filter: alpha(opacity=50); }
ul.top-menuList li a:hover{color:#b8fefe;}
.mobile-nav{  background-color: #212931;}
#nav-wrapper{ background-color:#323e49; margin:-3.5em 0 0 180px;  }
#nav-wrapper.es {  margin:0px!important;}

 #nav-wrapper ul{ padding:0 ; margin:0;}
#nav-wrapper ul:after {		content: ""; clear: both; display: block;}
.nav-center{ margin:0 auto; }
.top-lemulist ul., ul.menuList, ul.menuList li, ul.menuList ul { list-style: none;}
ul.menuList {  width:350px; height:100%;}
ul.nav-submenu{border-left:1px solid #91ffff; border-bottom:0px; animation:grow 4s forwards;  position: absolute; left:100%; bottom: auto; overflow: visible; width:500px; min-width:100%; margin-top:-50px; margin-left:-20px; padding-left:0px; margin-bottom:30px;}
ul.menuList li ul.move-top {   margin-top:-280px; }

ul.menuList li {  text-decoration:none; font-size: 100%; padding:0 ; margin:0;  color:#91ffff; dispay:block; list-style-type:none; position: relative; vertical-align: middle;display: block; height: auto; width: auto;}
ul.menuList li a{line-height: 2em; padding: 0 1em; font-size: 1.6em;  border:none; font-family: 'Roboto Slab', serif;    font-weight:normal; color:#91ffff;  text-decoration:none; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }


ul.nav-submenu li a{ line-height:2em ;padding:0 1em; font-size:1.2em;   display:block;   text-decoration:none;  }
ul.menuList li.toggle-menu { padding: 0 1px 0 1px;}


ul.menuList:hover > li, ul.nav-submenu:hover > li{  opacity:0.3; }
ul.menuList:hover > li:hover, ul.nav-submenu:hover > li:hover  {  opacity: 1.0;}

a#nav-toggle{  height:3.6em; margin:0; padding:0;  border:none; }

#nav-toggle p{  display:inline-block; width:80px; font-size:14px; font-family: 'Roboto Slab', serif; vertical-align:middle; margin-top:15px;  color:#91ffff;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {  cursor: pointer;  border-radius: 1px;  height: 5px;  width: 35px;  background:#91ffff;  position: absolute;  content: '';}
#nav-toggle span:before {  top: -10px;}
#nav-toggle span:after {  bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {  transition: all 500ms ease-in-out;}
#nav-toggle.active span {  background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {  top:0px;}
#nav-toggle.active span:before {  transform: rotate(45deg);}
#nav-toggle.active span:after {  transform: rotate(-45deg);}

.staff-dir{position:absolute!important; right:0;     background-color: #212931!important;}
.menu-btn {position:absolute; top:-35px; right:0px;}


/* ==========================================================================
   Old Template Inner Pages Layout
   ========================================================================== */
/*.........Global Layout Properties...........*/

.floatl{float:left; margin-right:1.8%;}
.floatr{float:right; }
.twocol{width:45%;  padding:0 0 0 1%; overflow:hidden; }
.twocolvideo{width:38%;  padding:0 0 0 1%; overflow:hidden;  }
.twocolplayer{width:54%;  padding:0 1%; overflow:visible; }
.narrowcol{width:24%;  padding:0 1%; overflow:visible;  }
.widecol{width:80%;  padding:0 1%; overflow:visible;}
.twocolplus{width:60%;  padding:0 1%; overflow:hidden; }
.twothirdcol{width:61.225%;  padding:0 1%; overflow:hidden; }
.threecol{width:29.2%; padding:0 1%; overflow:hidden;   }
.onethirdcol{ width:32.1%;  float:left;  overflow:hidden; }
.onefourthcol{ width: 23.2%; padding:0 1%; overflow:hidden;}
.threefourthcol{ width:70.7%; padding:0 1%; overflow:hidden;}
.primarycol {    margin: 0;    width: 70%;}
.onefourthcol-small{ width:21.2%; padding:0 1%; overflow:hidden;}
.threefourthcol{ width:70.7%; padding:0 1%; overflow:hidden;}
.column {    width: 18%;    float: left;    margin: 0 0 0 1.9%;    padding: 0;}
#innercontent {    width: 69%;    margin-left: 20px;    float: left;  }
.hide-desktop { display: none; visibility:hidden; }
#photoblock {    padding: 0;	width: 48%;	height: auto;}
.subcontent {    width: 70%;}
.secondarycol {     margin: 0 2% 0 0;    width: 25%;}
.secondarycolright {    margin-left:2%;    width: 25%;	float:right;}
.secondarycolleft {        margin: 0 3% 0 0;    width: 25%;}
.primarycolright {   margin: 0;    width: 72%;}
.video-buttons{position:absolute; top:20px; right:20px; z-index:99;}
a#videoPlay, a#videoPause {font-size:35px; color:#fff; border-bottom:0;}
#videoPlay{margin-right:20px;}
.scroll-down {position:absolute; top:10px; left:48%; z-index:99;}
/*......... Clear Float ...........*/
.clear{clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
/*......... Emergency Message ...........*/
.emergency {color: #990000;    font-size: 1em;    padding: 0 ;}
.emergency h3 { color: #990000; font-size:1.1em; border-bottom:1px dotted #990000;}
.emergency p {margin-bottom:10px; color: #990000; font-size: .88em;
    line-height: 1.5em;}

.MSG_EMER {color: #990000;    font-size: 1em;    padding: 0 ;}
.MSG_EMER h3 { color: #990000; font-size:1.1em; border-bottom:1px dotted #990000;}
.MSG_EMER p {margin-bottom:10px; color: #990000; font-size: .88em;
    line-height: 1.5em;}


.MSG_INFO {color: #068f67;    font-size: 1em;    padding: 0 ;}
.MSG_INFO h3 { color: #068f67; font-size:1.1em; border-bottom:1px dotted #008319;}
.MSG_INFO p {margin-bottom:10px; color: #068f67;}
h3.ekmenu_accessible_submenu_navheading {
    background: #323e49!important;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #0a0c0e inset;
    color: #fff;
    font-size: 20px;
    margin: 20px 0 0 0;
    padding: 8px 10px;}
	 .shuttermenu_mcps .ekmenu_submenu, .shuttermenu_mcps .ekmenu_accessible_submenu_navheading {
    background: #323e49!important;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #0a0c0e inset;}

/* ==================  Home Page  ========================================== */
/*.........Home Page News Rotator...........*/

.story h2 a{ color:#ac2a1e; font-family: 'Roboto Slab', serif; text-transform:none; line-height:1.4em; font-size:86%; }
.story h2 a:hover{text-decoration:none; color:#4a83c8;}
.story, .maininfo{float:left;width:60%;  padding: 0; border:0; }
.mainimg, .photoblock {   float: right; margin: 1.5em 0 2.5em 0  ; width:37%;  padding: 0;   height:auto;}
.mainimg img, .photoblock img {border:1px solid #e6e9ec; padding:6px;background:#fff; }
.story p{font-size:98%; }

.mainimgsub {   float: right; margin: 0em 1.5em 1.5em 0  ; width:45%;  padding: 0 0 0 5px;   height:auto;}
#storyselector{ display: table;width: 100%;table-layout: fixed;  height:2.2em; border-top:1px solid #7c8691; padding:0;   }
#storyselector li{display: table-cell; padding: 0 20px 0 0; vertical-align: top; list-style:none;  margin: 0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#storyselector li a:before {    counter-increment: section;    width: 15px;    height: 15px;   border-radius: 50%;  display: block;    content: counter(section);    font-size: 1px;    background: #7c8691;    color: #7c8691;
    padding: 0px;    margin: 10px 0;    line-height: 40px;    text-align: left;}
#storyselector li a{color:#323e49; display:block; line-height:1.2em; border:0;  font-family: 'Roboto Slab', serif; margin-top:-18px;  }
#storyselector li a:hover{  text-decoration:none; color:#ac2a1e;   }
#storyselector li.selected a:before {    background: #ac2a1e;    color:#ac2a1e;    }
#storyselector li:hover{  color:#ac2a1e; }
#storyselector li.selected a{  color:#ac2a1e!important; transform: scale(1.1); 	 transition: all .3s ease-in-out;  margin-top:-16px; margin-left:10px;  }
.blueline{border-bottom: 5px solid #e0e3e7;}
#imgStory{margin:1em 0 .5em 0;}
#tabs-1{ min-height:100%!important;}

/*.........Live Steam Video...........*/
.live-stream-section{width:450px;position: fixed;z-index:999999;bottom:0px;right:0px;-webkit-animation: mymove 5s infinite;    -webkit-animation-delay: 10s;  
  animation: mymove 5s infinite;  animation-delay: 10s;}
#live-stream-section h3{font-size:18px;}
.live-stream-section-colapse .closebtn{ position: relative;  right: 0px; padding: 10px; width: 100%; height: 50px; z-index: 999999;	background-color: #212931;}
.hide-icon{display:none!important;}
.dispay-icon{display:block;}
.live-stream-section-expand .full-screen{display:none!import; visibility:hidden;} 
.live-stream-section .exit-full-screen{display:none!import; visibility:hidden;} 
 .full-screen{position:absolute; left:40px; top:20px;  font-size:1.6em!important; z-index:998;}
.exit-full-screen{font-size:1.6em!important; left:40px; top:20px;  position:absolute;}
.closebtn-img{position:relative; z-index:999; top:-4px; }
.closebtn {position:relative;}
#search-on-scroll{  opacity: 0;   position: absolute;    right: 186px; }
 #search-on-scroll.fade { opacity:1!important;  visibility:visible!important; transition: opacity 1s;} 
  .jw-icon-fullscreen{display:none!important; opacity:0!important; visibility:hidden; }

/*.........Side Menu. Usualy used at the top left side...........*/

#sidenav{ margin-bottom:1.5em ; padding:.25em;  border:1px solid #ecedef; width:25%}
.sidenav-content{ width:68.5%;  padding:0 1%; overflow:hidden;}
#sidenav ul{    margin: 0; padding: 0;  list-style-type:none; }
#sidenav ul li { margin:0; padding:0; background-color:#f4f4f4;  list-style-type: none; border-bottom: 1px solid #cccccc;  border-top: 1px solid #ffffff; }
#sidenav ul li h4, #sidenav h4{ background:#323e49 ;	border-top:1px solid #394652;    border-bottom:  1px #192026 solid; color: white ;border:0;  text-align:left; margin:0; padding:.5em 0 .5em .5em; font-size:.99em; line-height:1.3em;  }
#sidenav ul li a {   border-top:0; border-bottom:0; display:block;  padding:.3em 0 .3em .8em; margin:0;  color:#3a4148; font-size:90%; font-weight:normal;}
#sidenav ul li:hover {  background-color:#e8e8e8;  }
#sidenav ul li a:hover{color:#384450; font-weight:normail;  text-decoration:none;}
#sidenav ul li:first-child {  border-top: none;}
#sidenav ul:last-child {  border-bottom: none;}
/* Video Landing pages */
ul#tv_programs { overflow: hidden; padding: 0; margin:0; }
ul#tv_programs li {  float: left;  list-style:none;  margin: .1em .1em; padding:0;  ;width:16.25%; min-width:90px;	height:auto;position: relative;   font-size: .68em;	line-height:1em;text-align:left;}
ul#tv_programs a { text-decoration: none; display: block; }
ul#tv_programs li img { display: block; position: relative; z-index: -1; } 
ul#tv_programs li:not([class=na]) img { position: static; } 
ul#tv_programs a:hover, ul#tv_programs a:focus{ display: block;outline: none; -moz-box-shadow: 3px 3px 5px #06173f;  -webkit-box-shadow: 3px 3px 5px #06173f; box-shadow: 3px 3px 5px #06173f;}
ul#tv_programs a:hover:after,ul#tv_programs a:focus:after{   content: attr(title);   color: #fff;   position: absolute;  bottom: 0; height:90%;  width: 95%;background:#06173f;	 opacity:0.8;  filter:alpha(opacity=80);    display: block;	padding:.2em;}
div.video-box div.tab { display: none; }
div.video-box div.current { display: block; }
/*.........Elements...........*/

.carousel-control-next, .carousel-control-prev {z-index:999;}
#mediaplayer_wrapper img{width:auto; height:auto;}
.bottom-margin-padding {padding-bottom:1em; margin-bottom:1em; margin-top:0;padding-top:0;}
.top-margin {margin-top: 1.5em;	}
.margin-top-bottom { margin:1.5em 0; }
.marginl{margin-left:.6em;}
.marginbottom { margin-bottom:1.5em; }
.bold {font-weight:bold;}
.padded { padding:20px 15px; }

.darkblue {  color: #3C5A78;  }
.notopmargin {margin-top:0px;}
.backtotop {border:1px solid #ecebeb;   background-color: #f4f4f4;padding: .25em .5em;   float:right;   cursor:pointer;}
.backtotop:hover {background-color:#ecebeb;}
.backtotop:after {    clear: both;}
ul#tiles li:hover, a.badge:hover , a img:hover, .view .full-bg-img, .view .mask{filter:alpha(opacity=185); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
/*.........Side Menu...........*/
.submenu {    margin-right:  2% ;    width: 25%;}
#submenulist{ margin: 1.5em 0;background:#f4f4f4;padding:0 0px 0 0px;border-radius: 0.25em;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;border:1px solid #ecebeb;  box-shadow: 0 0 0 1px #fff inset; overflow:hidden; 	list-style-type: none; }
#submenulist .secondary-menu {  border-size: 1px;  border-width: 1px;}
#submenulist ul {  list-style: none;  padding: 0px;  margin: 0px;}
#submenulist li {  list-style: none;  padding: 0px;  margin: 0px;  color:#2c2c2a;  padding-left:0em; font-size:96%;}
#submenulist li h2{margin:0px;padding:6px 10px;text-decoration:none;background-color: #2c9ea2 ; color:#FFFFFF;font-weight:normal;font-size:1em;line-height: 1.5em;}
#submenulist  li a {display: block;  text-decoration: none; color:#323e49; font-weight:normal;  padding: 8px 3px 8px 10px;	border-bottom:1px solid #CCCCCC;border-top:1px solid #FFFFFF;}
#submenulist li  a:hover {  color: #4A463E;background-color:#ecebeb;}
#submenulist li  a:active {  color: #4A463E;}
.subcontent  {   width: 70%;}
 .subnav {	background-color: #e9ecef;    border: 1px solid #E6E4DA;    margin-bottom: 1.5em;    padding: 0.25em; }
  .subnav ul{    list-style: none;    margin: 0;    padding: 0;}
  .subnav li {    padding: 8px 3px 10px 20px;  margin:0;  text-indent: 0;    color: #333;    text-decoration: none;    display: block;    font-weight: normal;    font-family: Arial,Helvetica,sans-serif;
    font-size: .875em;    line-height: 1.5em;    border-bottom: 1px solid #CCC;    border-top: 1px solid #FFF;}


/*.........Calendar on Home Page..........*/
.box-calendar{background: #f4f4f4; padding:0 .5em .5em .5em;   border-radius: 0.25em 0.25em 0.25em 0.25em;	border:1px solid #ecebeb;    box-shadow: 0 0 0 1px #fff inset; overflow:hidden; }
#events{ margin:0 ; padding:0; background-color:#fff; display:table; width:100%;  border-collapse: separate;  border-spacing: 20px;   margin: 0 auto;  width:100%; max-width:1800px; }
#events .fa {font-size:35px; }
#events dl{    display: table-cell;  width: 20%; vertical-align:top;    border: 1px solid #7c8691;      padding:10px 10px 40px 10px; position:relative;  }
#events h3{ margin:.5em 0 .8em 0.5em; border-bottom:0; font-size:90%; display:none;}
#events dl dt{  margin:0; padding:0.3em 0 .1em 0;   font-size:1.1em;  line-height:1.8em; color:#ac2a1e; text-align:center;   font-family: 'Roboto Slab', serif; text-transform:uppercase; }
#events dl dt span{  margin:0; padding:0.1em 0 .3em 0;   font-size:2.1em;     }
#events dd{  padding:.8em .2em .2em .5em; list-style-type:disc;}
dd {font-size:1em;line-height:1.4em; font-weight:normal; border-bottom:1px dashed #ccc;  display:block; color:#3f4d5f;  font-family: 'Roboto Slab', serif; position:relative }

#events dl a.ical-homepage{ position:absolute; bottom:5px; right:8px; top:auto;}
dd a:hover{color:#435a70;   }
h3.calendar{border-bottom:0; margin:0 0 10px 0;}
a.calendar{border-bottom:0; margin:.5em 0 0.6em 1em; }
.icon-cal{  padding: 0 0 0 0.5em; }
#events dl.first{ margin-right:0; }
#calendar-link{width:200px; position:relative; left:80%; margin:10px 0 0 0;}
#calendar-link a{text-ailgn:right;  font-size:80%;   font-size:1em; text-decoration:underline;}

/*.........END Calendar..........*/


.office-info-left {
	margin:10px;
	margin-left:20px;
	margin-top:1.5em;
	text-align:left;
	float: right;
    padding: 10px;
    width: 29%;
	}


.office-info-left h3 {
    border-bottom: 1px dotted #CCCCCC;
   
    font-weight: bold;

    margin: 0.3em 0 .8em 0;
    padding-bottom: 0.5em;
}

.office-info-left p {
    font-size: 0.95em;
    
}

/* Thin Promos */
.thinpromo{ width:32%; padding:0; margin:0; padding-top:.316666%;float:left;}
.twocolpromo {width:64.5%; padding:0; margin:0;  padding-top:.316666%; float:right;	}
.twocolpromo img:hover, .thinpromo img:hover{opacity:0.75;filter:alpha(opacity=75);} /* For IE8 and earlier */
.widthsmall	{ width: 35%;}

/* ............SCHOOLS START ..........*/
h4.capped {    background: none repeat scroll 0 0 #F0EEE5;    border-bottom: 0 none;    border-radius: 0 0 0 0;    font-size: 1em;    max-width: none;    padding: .125em .5em;	width:100%;}
.togglebox{display: block;}
.slidedown{display: block; position: relative; text-align:right;}
#map-canvas img {max-width:1029px;}/*.........This is only fo the school-o-dex pages...........*/

/* ............Staff Directory ..........*/
#dept-info{ margin:0 0 1.5em 0;}
#dept-info h2{ margin:0 0 .2em 0}
#staffdir-search p{font-style:italic; font-size:80%; margin-top:15px;}
.staffinfo{ display:inline-block; width:50%; min-width:300px;   }
.staffinfo p {margin:.1em 0; padding:0;}
.contactcard{display:inline-block; width:210px; padding:4px;   text-align: center;}
.contactcard a{font-size:17px;  line-height:35px; font-weight:lighter; display:block; color:#666; margin:0 0 10px;  }	
ul.box-one-light{padding:0 1em; margin-left:0;}
#staffdir-search {margin:.5em 0 1em 0; background-color:#2c9ea2 ; padding:1em;  border-radius: 0.25em 0.25em 0.25em 0.25em; color:#fff;	border:1px solid #279195;    box-shadow: 0 0 0 1px #34b9bc inset; overflow:hidden;}
#staffdir-search input[type="text"] { color:#fff; border-bottom: 1px solid #fff;
box-shadow:0;}
#staffdir-search h4{color:#fff; margin:6px 0; font-weight:normal;}
label.directory{	clear:both;width: 20%;float: left;text-align: right;margin-right: 1.5%;display: block;font-weight:bold;}
.submit{margin-left: 21.5%;} 

	
.breadcrumb,.breadcrumbs  {
margin-top:1em;	

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;

}

	/* Gray button with orange font */
.jQueryBookmark {display:none; font-size:16px;	font-family:Arial;	font-weight:normal;	-moz-border-radius:8px;	-webkit-border-radius:8px;	border-radius:8px;	border:1px solid #dcdcdc;
	padding:4px 4px;	text-decoration:none;	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );	background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');	background-color:#ffffff;
	color:#e37805;	display:inline-block;	text-shadow:1px 1px 0px #ffffff; 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff; 	box-shadow:inset 1px 1px 0px 0px #ffffff; margin-bottom:1em;
}.jQueryBookmark:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}.jQueryBookmark:active {	position:relative;	top:1px;}
a.jQueryBookmark {	color:#323e49;}


.jQueryBookmarkblue {	font-size:18px;	font-family:Arial;	font-weight:bold;	-moz-border-radius:8px;	-webkit-border-radius:8px;	border-radius:8px;	border:1px solid #185093;
	padding:10px 20px;	text-decoration:none;	width:50%;	background-color:#4479b5;
	color:#FFF;	display:inline-block;		-webkit-box-shadow:inset 1px 1px 0px 0px #3cb0fd;
 	-moz-box-shadow:inset 1px 1px 0px 0px #3cb0fd; 	box-shadow:inset 1px 1px 0px 0px #3cb0fd; margin-bottom:1em;
}.jQueryBookmarkblue:hover {

	background-color:#185093;
}.jQueryBookmarkblue:active {	position:relative;	top:1px;}
a.jQueryBookmarkblue {	color:#FFF;}

 
  /* Tech Products Styles */
 .techicon { padding-right: 0.5em; padding-bottom: 0em; float:left; } 
 .subnav {	background-color: #e9ecef;    border: 1px solid #E6E4DA;    margin-bottom: 1.5em;    padding: 0.25em; }
 .subnav  ul li a{border-bottom: 0; } 
  .productimg {	float: left; text-align: center; width: 30%; margin: 0px; padding: 0px 0.8em 0.2em 0px;  }
  .techproducttitle {	margin: 0px 0px 0.4em; padding: 0px;  }
 .specheading {margin: 0px; padding: 0px;  }
   .producticon {	margin: 0px; padding: 0px .8em 0px 0px; width:10%; float:left; } 
 .whiteboxlinks { padding:.6em 1em .6em 1em ; margin:0 0 0em 0; border:1px solid #ebebea; background-color:#FFFFFF; overflow:hidden;}
  .grayboxlinks { padding:.6em 1em .6em 1em ; margin:0 0 0em 0; border:1px solid #ebebea; background-color:#f3f3f1; overflow:hidden;} 
 .nospace {	 margin: 0; padding: 0; height:0; }
 td {  font-size: 1em !important; line-height: 2em; }
td a { font-size: 100%;}   /* END Tech Products Styles */
  .icon {font-weight:bold;font-size:larger;padding: 0 1em 0 0;color: #3C5A78;	}
    /* start schoolodex search styles */
 #searchwrap {margin: .5em 0 1em 0;	padding:4% 2% 15% 2% !important;	border:#c1c0c0 solid 1px;	background:#FFFFFF url(/images/BGstripe.png) repeat;}
#searchwrap .searchtext {    width: 63%;	float:left;}
#searchwrap .searchbtn {    width: 31%;	float:right;  background-color: #de6860!important; color:#fff;      font-size: .8rem;    padding: .85rem 1.13rem;    margin: 6px;    border-radius: 2px;    border: 0;    -webkit-transition: .2s ease-out;    transition: .2s ease-out;    white-space: normal!important;    cursor: pointer; display: inline-block; }
#searchwrap .searchbtn:focus {  outline: 0;  background: #fff;}
#searchwrap .searchbtn:hover{   background: #c56906;}
#searchwrap .searchbtn:hover{   background: #c56906;}  
#searchwrap .searchbtn:active,.form-wrapper button:focus{   outline: 0; }
#searchwrap .searchbtn:hover:before{   border-right-color: #e37805;}
#searchwrap .searchbtn:focus:before,.form-wrapper button:active:before{  border-right-color: #e37805;} 
#searchwrap .searchbtn:-moz-focus-inner {  border: 0;    padding: 0;}   
   /* end schoolodex search styles */
.presspage p, .textblack{ color: #444444;}p span.header {    border-bottom: 1px dotted #3c5a78;    color: #444444;    font-size: 1.6em;    font-weight: bold;    line-height: 1.5em;    margin: 0.4em 0 0.9em;
}
#employeenews li {
    list-style-type: none;
    border-bottom: 1px dotted #8ca8c9;

}
#employeenews ul {
    padding-left:0px;

}
#employeenews a {
   
    border-bottom: 0;

}
#employeenews ul li::before {
    font-family: icomoon;
    content: "\e042";
    font-size: .9 em;
    color: #666;
    float: left;
    width: 1.8em;}
	


#employeenews h4 {

    margin: 1em 0 1em 0;
    font-size:18px;}
.carousel-control-next, .carousel-control-prev {    top: 35%; height:200px;}

/* ==========================================================================
    Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width:575.98px) {
body { font-size: 14px;}
h1.logo{font-size:1.2em;}
a h1, ul.menuList li {border-bottom: 0;}
#top-links{position:relative; top:140px;}

#basicExampleNav ul {  display:block;    width:auto;  }
#basicExampleNav ul li{display:block;   text-align:left; padding:0; vertical-align:middle;   border-right:0px; border-bottom: 1px dashed #a0b4b5; } 


	
#basicExampleNav ul li a { font-family: 'Roboto Slab', serif; font-weight:normal;  margin:0;  border:0; display:block; text-decoration: none; vertical-align:middle; color:#FFF;  text-transform: uppercase;  font-size:0.8em;   line-height: 1.8em;}
#basicExampleNav ul li a {  line-height:1.6em!important;   font-size:77%;  color:#fff;  }




 .emergency{width:100%; margin:50px 0 0 0 ;padding:0; display:block;  backgroun-color:#fff; }
.MSG_INFO {  backgroun-color:#fff; overflow:hidden;display:block; }
.jQueryBookmark { display:block;}
.hide-mobile{display:none!important; visibility:hidden!important;}
.hide-desktop { display: block;	visibility:visible; }
.menu-btn {      top:90%;  left: 0px; border-top: 1px dashed #91ffff;}
#header.header-fixed {    position: relative;}
#form-wrapper {position:relative; top:10px;}
#form-wrapper.header-fixed{    margin-top: 50px; }
.mobile-nav{position:absolute; top:0; width:100%;  }
#nav-wrapper {    background-color:transparent;     margin: -5em 0 0 80px; padding-top:20px;}
#nav-wrapper.es {     margin:-5em 0 0 80px!important;}
ul.menuList {    width: 200px; margin:0; padding:0px;    height: 100%;}
.top-menuList{display:none;}

.top-box{width:100%;  display: block; }


.form-control {  width: 88%;    margin: 40px auto 0 auto;}
.container { position:relative; top:0; }
#content-wide{margin:0 auto 0 auto;    max-width: 100%;   }
.container-wide {    top:0px;}

.maxwidth, #content-wrapper, .nav-center, .story, .narrowcol, .threecol, .subnav, .twocol, .onethirdcol, .twothirdcol, .full, .threefourthcol, .onefourthcol, .onefourthcol-small, .mainimg, .tabs-wrapper,.maininfo , #sidenav,.sidenav-content, #mainbox, .twocolvideo, .primarycol, .staffmain, .staffboxmain, .secondarycol, .columnstaff, .subcontent, .secondarycolleft, .primarycolright, .submenu, .widecol, .secondarycolright {width:100%; margin:0 ;padding:0; display:block;overflow:hidden;  }

.twocolplayer {width:100%; margin:0 ;padding:0; display:block;overflow:visible; }
.box,   .borders, .borderr, .borderl {border-radius:0px;  border:0px ; }
 .hide, .story p,  #photoblock, #mainbox img, .thinpromo, .twocolprom,.twocolpromo, .staffmainimg, .staffboxfigure {display:none; visibility:hidden; border:none; margin:0;} 
.mainimg, .photoblock, .mainimgsub {width:100%; height:auto; margin:10px auto ;  }


.box, .box-one-narrow, .box-pattern {-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px solid #e2e5e8;  }
.tanbg {background:#fff;}
.column{width:140px;float:left;}
.columnbig{width:140px;float:left;}
.widthsmall{width:100%;min-width:300px; margin:0 ;padding:0; display:block;overflow:hidden; }


ul#tiles { margin:0; }
ul#tiles li {    margin: 0.2em 0 0.3em 0.3em;    min-width:85px;  min-height:80px;   padding: 0.2em ; 	font-size:80%;}



	/* SCHOOLS PAGE  */
#school-tabs .active-panel{ height:auto; overflow:auto;}
.tabs-wrapper-full { padding:0 0 0 0; }
#storyselector ul li{margin:0;}
#storyselector li{      margin: 1.2em;    align: center;}
	#storyselector li a {     text-indent: -9999999px; display: block;   border-radius: 50%; margin: 0;    background-color: #017688;     height:2em;    width: 2em; }
	#storyselector li a:before {   width: 0;    height:0;    display: none;}
	#storyselector {    border-top: 0; margin:0 auto; width:87%;}
	#storyselector li.selected {   margin:0;   }
	#storyselector li.selected a{  background: #ac2a1e; border-radius: 50%; margin:0;}

#secondarynav img {width:90%; align:center; margin:10px auto 5px auto; padding:0px;  }
#secondarynav{float:none; width:100%;   }
#sidenav {    background-color: #fff;    border: 0;}

/* ....Calendar..... */
#events{ padding: 0 0 1em 0;  margin:0 ;border:1px solid #e6eaea; background-color: #fff;  display:block;border-left:1px solid #d9dde1;  border-right:1px solid #d2d7db; border-bottom:2px solid #c5ccd2; }
#events dl{width:100%;  display:block;   margin: 0; border: 0; }
#events dl dt {  background-color:#f6f8fa; border-bottom:1px solid #e6eeee; border-top:4px solid #5b6e7f;  }
#events dd{margin:.2em 0 .3em .1em;}
dd a{font-size:0.87em;line-height:1.2em; padding:.5em .2em .4em 1em; vertical-align: middle; border:0;  }
#calendar-link{ left:0;}
h3.calendar {margin-top:20px;}

/* CALENDAR PAGE  */
.data th {	font-size:0.7em;}
.data td {	vertical-align:middle;	}
.data-date {text-align:center;}
.data-day {	display:block;	}
.staffinfo{width:100%;}
ul.box-one-light{padding:5px;}
ul.box-one-light li{list-style-type:none; margin:0; padding:0;}
/*.........FOOTER ...........*/
#footerwrapper{margin:0; padding:0; top:0;}
 footer#contact-info {background-color:#012d5b; padding:10px 0;  }
 #contact-info p,  #contact-info h3{text-align:center; float:none;}
.footer{ margin: 3%;  width:94%; } 
.footer li {  display: inline-block; padding:0 0 .65em 0;}
.footer h3{  margin-bottom:.45em; padding-bottom:0; } 
.column{width:auto; }
.columnbig{width:auto; }
.footer li:not(:last-child):after {   color: #444;   content: " |";   padding: 0 2px 0 4px;}
img.left{float:none; display:block;}
#contact-info img { display:none;}


    /* ............RESPONSIVE TABLE STYLES ..........*/ 
table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { 		display: block; 	}
	/* Hide table headers (but not display: none;, for accessibility) */
.responsive th { position: absolute;top: -9999px;left: -9999px;	}
	.responsive tr { border: 1px solid #ccc; }
	.responsive  td {/* Behave  like a "row" */	border: none;border-bottom: 1px solid #eee;	position: relative;}
	.responsive  td:before {/* Now like a table header */	position: absolute;	/* Top/left values mimic padding */	top: 6px;left: 6px;	width: 45%; padding-right: 10px; white-space: nowrap;}
	.office-info-left { background: none repeat scroll 0 0 #F3F3F3; float: none; margin: 0; padding: 0 0 12px; width: 100%; }
	.expand div{width:100%; float:none;}	
	
	
ul.nav-submenu{  width:100%; -moz-border-radius:0px; border-radius:0px; padding:0;}
.nav-submenu li {float:none; width:100%; border-bottom:1px solid #88a1b9; margin:0px; }	
 ul.nav-onlinelearning {  width:100%; -moz-border-radius:0px; border-radius:0px; padding:0;}
.nav-onlinelearning li {float:none; width:100%; border-bottom:1px solid #88a1b9; margin:0px; }	
#subbanner img { display:none;}
#subbanner hgroup{width:100%; font-size:80% padding:10px;}

.mobile-nav{position:absolute; top:0; width:100%;  z-index:999; } 
.top-menuList{display:none;}
.menu-overlay {      z-index: 99999;     position: fixed;     content: ''; color: white;    }

#full-nav-container {   background-color: #fff; padding:5px;  z-index:999999; }
.mobile-nav{ background-color: #fff;}
.menu-overlay { background-color:#212931!important;}
#btn-menu {background-color:#017688!important; border-radius: 50%;	width: 60px;	height: 60px; padding: 28px 0 0 13px;}
ul.menuList {    width: 100%; margin:0; padding:20px 0 0 0px;    height: 100%;}
ul.nav-submenu {    position: relative; left:15%;  width: 100%;  min-width: 100%; margin-top: 10px; margin-left: 0px;  padding-left: 10px; }
ul.menuList li ul.move-top {    margin-top:0px!important;}
ul.menuList li a {   line-height: 1.8em;   padding:0 ;   font-size: 1.8em;}
ul.menuList ul li a {    line-height: 2em;    font-size: 1.6em; border-bottom:none; text-decoration:none;}


.horizontal-sub-nav { display: -webkit-inline-box!important; width:100%;    display: -ms-inline-flexbox!important; padding:5px 10px; position:relative; right:0!important;  }
.horizontal-sub-nav ul {  display:block;     margin: 0; padding:0;}
.horizontal-sub-nav ul li{ text-align:center; padding:0; vertical-align:top;  width:auto; border-right:0;} 
.bookmark .horizontal-sub-nav ul li a {   padding:5px 10px;}
#sticker{top:0px!important; right:0px!important; }
.exit-full-screen{display:none!important;}
.live-stream-section {
    width: 100%!important;
    position: relative!important;
    z-index: 999999;
    bottom: 0px;
    right: 0px;}
	.msgBtn{top:50px; position:relative;}
}
 /*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.msgBtn{top:50px; position:relative;}
body { font-size: 14px;}
a h1, ul.menuList li {border-bottom: 0;}
#top-links{position:relative; top:130px;}
.MSG_INFO { position:relative; top:50px;  backgroun-color:#fff; overflow:hidden; }
#header.header-fixed {    position: relative;}
#form-wrapper.header-fixed{    margin-top:0px;}

.hide-mobile{display:none!important; visibility:hidden!important;}
.hide-desktop { display: block!important;	visibility:visible!important; }
.form-control {    width: 88%;    margin: 40px auto 0 auto;}

#news h3{ font-size: 90%;  margin: 10px 0 0 0;  text-align:left;  } 
#news a{ font-size: 85%; } 	
#news img{ margin:10px 0 0 0; width:auto; }

dd a{font-size:0.95em; padding:.5em .2em .4em 1.4em;}

ul#tiles li {    min-height:50px;height:50px; font-size:60%;}

h1.logo {font-size:1.4em;}
#nav-wrapper {    background-color:transparent;    margin: -3.5em 0 0 100px;}
#nav-wrapper.es {  margin: -3.5em 0 0 100px!important;}

#basicExampleNav ul {  display:block;    width:auto;  }
#basicExampleNav ul li{display:block;   text-align:left; padding:0; vertical-align:middle;   border-right:0px; border-bottom: 1px dashed #a0b4b5; } 


	
#basicExampleNav ul li a { font-family: 'Roboto Slab', serif; font-weight:normal;  margin:0;  border:0; display:block; text-decoration: none; vertical-align:middle; color:#FFF;  text-transform: uppercase;  font-size:0.8em;   line-height: 1.8em;}
#basicExampleNav ul li a {  line-height:1.6em!important;   font-size:77%;  color:#fff;  }



.mobile-nav{position:absolute; top:0; width:100%;  z-index:999; background-color: #fff; } 
#full-nav-container {   background-color: #fff; padding:5px;z-index:999999; }
.menu-overlay { background-color:#212931!important;     z-index: 99999;     position:relative;   padding-bottom:50px;  content: ''; color: white; }
#btn-menu {background-color:#017688!important; border-radius: 50%;	width: 60px;	height: 60px; padding: 28px 0 0 13px;}
.top-menuList{display:none;}
#es .top-menuList{display:block!important;}

ul.menuList {    width: 100%; margin:0; padding:20px 0 0 0px;    height: 100%;}
ul.nav-submenu {    position: relative; left:15%;  width: 100%;  min-width: 100%; margin-top: 10px; margin-left: 0px;  padding-left: 10px; }
ul.menuList li ul.move-top {    margin-top:0px!important;}
ul.menuList li a {   line-height: 1.8em;   padding:0 ;   font-size: 1.8em;}
ul.menuList ul li a {    line-height: 2em;    font-size: 1.6em; border-bottom:none; text-decoration:none;}

.horizontal-sub-nav { display: -webkit-inline-box!important;     display: -ms-inline-flexbox!important; width:100%; padding:5px 10px; position:relative; right:0!important; z-index:9999; background: rgba(0, 0, 0, 0.55);    border-radius: 2px 0px 0px 2px; }
.horizontal-sub-nav ul {  display:block;     margin: 0; padding:0;}
.horizontal-sub-nav ul li{ text-align:center; padding:0; vertical-align:top;  width:auto; border-right:0;} 
.bookmark .horizontal-sub-nav ul li a {   padding:5px 10px;}
#sticker{top:0px!important; right:0px!important; }
.form-control input[type="search-md"], input[type="search"] {  height: 2.1rem;   width: 400px; position:relative; top:-10px; left:40%;}
/* ....Calendar..... */
#events{ padding: 0 0 1em 0;  margin:0 ;border:1px solid #e6eaea; background-color: #fff;  display:block;border-left:1px solid #d9dde1;  border-right:1px solid #d2d7db; border-bottom:2px solid #c5ccd2; }
#events dl{width:210px;  display:inline-block;   margin: 0 ; border: 0; }
#events dl dt {  background-color:#f6f8fa; border-bottom:1px solid #e6eeee; border-top:4px solid #5b6e7f; }
#events dd{margin:.2em 0 .3em .1em;}
dd a{font-size:0.87em;line-height:1.2em; padding:.5em .2em .4em 1em; vertical-align: middle; border:0;  }
#calendar-link{ left:0;}
h3.calendar {margin-top:20px;}
#img-rotator {    min-height: 400px;    background-position: center center;}
.exit-full-screen{display:none!important;}
#live-stream-section{margin-top:40px!important;}
.live-stream-section {
    width: 100%!important;
    position: relative!important;
    z-index: 999999;
    bottom: 0px;
    right: 0px;}

}



/*Medium devices (tablets, 768px and up)*/
@media  only screen and (min-width: 768px) and (max-width:991.98px) {

body { font-size: 14px;}
.hide-desktop { display: block!important;	visibility:visible!important; }
.hide-tablet{display:none!important; visibility:hidden!important;}
.top-menuList, .staff-dir{display:none;}

#es.top-menuList{display:block!important;}
ul#tiles li { font-size:85%;  margin: 0.2em 0 0.8em 0.5em;    height:85px; width:155px!important; padding: 0.3em ; }
#basicExampleNav ul {  display:block;    width:auto;  }
#basicExampleNav ul li{display:block;   text-align:left; padding:0; vertical-align:middle;   border-right:0px; border-bottom: 1px dashed #a0b4b5; } 


	
#basicExampleNav ul li a { font-family: 'Roboto Slab', serif; font-weight:normal;  margin:0;  border:0; display:block; text-decoration: none; vertical-align:middle; color:#FFF;  text-transform: uppercase;  font-size:0.8em;   line-height: 1.8em;}
#basicExampleNav ul li a {  line-height:1.6em!important;   font-size:77%;  color:#fff;  }


.menu-overlay {      z-index: 99999;     position:relative; }
ul.menuList  {margin-bottom:150px;}
.form-control {    width: 88%;    margin: 10px auto;}
#form-wrapper.header-fixed {  margin-top: 200px;} 
#top-links ul li a {font-size:98%; text-transform:capitalize;}
ul.menuList li a{line-height: 1.6em; padding: 0 1em; font-size: 1.4em!important;  } 
ul.menuList ul li a{ line-height:1.5em ; font-size:1.2em!important; }
#img-rotator.jarallax {min-height: 300px; }
#img-rotator { background-position:0 0!important; }

.staff-dir {  right: auto; position:relative!important;}  
/* ....Calendar..... */
#events{ padding: 0 0 1em 0;  margin:0 ;border:1px solid #e6eaea; background-color: #fff;  display:block;border-left:1px solid #d9dde1;  border-right:1px solid #d2d7db; border-bottom:2px solid #c5ccd2; }
#events dl{width:210px;  display:inline-block;   margin: 0 ; border: 0; }
#events dl dt {  background-color:#f6f8fa; border-bottom:1px solid #e6eeee; border-top:4px solid #5b6e7f; }
#events dd{margin:.2em 0 .3em .1em;}
dd a{font-size:0.87em;line-height:1.2em; padding:.5em .2em .4em 1em; vertical-align: middle; border:0;  }
#calendar-link{ left:0;}
h3.calendar {margin-top:20px;}
#sticker{top:117px!important;}

}
/*Large devices (desktops, 992px and up)*/
@media  only screen and (min-width: 992px) and (max-width:1199.98px){
	h1.logo {    margin: 0 0 10px 0;    font-size: 1.26em;}
.hide-tablet{display:none!important; visibility:hidden!important;}
ul.top-menuList li a { padding:0 .8em; font-size:11px; line-height:60px;}  .btn-floating.btn-sm {margin:0 5px;}
#form-wrapper.header-fixed {    margin-top: 150px;}
.menu-overlay {      z-index: 99999;     position:relative; }
ul.menuList  {margin-bottom:200px;}

#img-rotator {min-height: 350px; background-position:10% center;}
.horizontal-sub-nav ul li a {    font-size:88%;} .horizontal-sub-nav ul li { max-width:80px;} 
#top-links ul li a {font-size:12px;}
.form-control {width:100%;  margin-top:0px;}
#img-rotator { background-position:0 0!important; }
ul.menuList li a{line-height: 1.6em; padding: 0 1em; font-size: 1.4em!important;  } 
ul.menuList ul li a{ line-height:1.5em ; font-size:1.2em!important; }
ul.menuList li ul.move-top {    margin-top:-180px!important;}



.btn.lang {    font-size: .8rem;    padding: .85rem;} 
ul.top-menuList li a {    padding: 0 0.6em;    font-size: 12px;   line-height: 60px;}
#nav-wrapper {   margin: -3.5em 0 0 80px;}
#search-on-scroll {right:124px!important;}

}

@media  (min-width: 1200px) and (max-width:1380px){ul.top-menuList li a { padding:0 .8em;}  .btn-floating.btn-sm {margin:0 2px;}
#form-wrapper.header-fixed  { margin-top: 160px;}
h1.logo {    margin: 0 0 10px 0;    font-size: 1.4em;}
.btn.lang {    font-size: .8rem;    padding: .85rem;} 
.menu-overlay {      z-index: 99999;     position:relative;  height:100%; }
ul.menuList  {margin-bottom:200px;}
ul.nav-submenu {margin-bottom:30px;}
ul.menuList li a{line-height: 1.6em; padding: 0 1em; font-size: 1.4em!important;  } 
ul.menuList ul li a{ line-height:1.5em ; font-size:1.2em!important; }
ul.menuList li ul.move-top {    margin-top:-180px!important;}
.horizontal-sub-nav ul li { max-width:80px;} 
#img-rotator.jarallax {min-height: 350px!important; }
#img-rotator {  background-position:0 0!important; }
.form-control {width:100%;  margin-top:0px;}
ul.top-menuList li a {    line-height: 4.8em;    font-size: 0.73em;}
#sticker{top:52px!important;}
#search-btn {    font-size:.75rem;    padding:.25rem 1rem;}
#search-on-scroll {    right: 156px!important;}
.hide-small-screens{display:none!important; visibility:hidden!important;}

}
@media  (min-width: 1380px) and (max-width:1540px){
	#search-on-scroll {    right: 180px!important;}
.hide-small-screens{display:none!important; visibility:hidden!important;}
   ul.top-menuList li a { font-size: 0.73em!Important;}
   #search-on-scroll {right:160px!important;}
}