/*************************
*******Original******
**************************/

@font-face {
    font-family: 'Barlow Semi Condensed';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Chalkboard";
    src: url('../fonts/Chawp.woff') format('woff'),
    url('../fonts/Chawp.ttf')  format('truetype');
}

@font-face {
    font-family: "Spills";
    src: url('../fonts/CCSpills.woff') format('woff'),
    url('../fonts/CCSpills.ttf')  format('truetype');
}

@font-face {
    font-family: "SpillsMedium";
    src: url('../fonts/CC Spills Medium.woff') format('woff'),
    url('../fonts/CC Spills Medium.ttf')  format('truetype');
}

.spills{
	font-family:'Spills';
}

.medium-spills{
	font-family:'SpillsMedium';
}

#s4-workspace{
	-webkit-overflow-scrolling: touch;	
	width:100%;
	height:100%;
	overflow-x: hidden;
}

#s4-bodyContainer{
	padding-bottom:0;
}

.img-responsive {
	width: 100%;
}

.list-no-style{
	margin-left:-40px;
    list-style: none;
}

.padding-below{
	padding-bottom:15px;
}

.ContentPlaceHolderMain{
	margin-top:0;
}

#searchpage{
	margin-top:55px;
}

.container-fluid {
	padding-left:0;
	padding-right:0;
}

.lookup-link {
	display:none;
}

.lookup-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
}

.lookup-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
}


/*************************
*******Typography*********
**************************/
body {
   font-family:'Barlow', sans-serif !important;
    color: #000000; 
    font-size:16px;
}
a, a:visited {
    color: #005E94;
   
}

.board-member a.collapsed{
	color:rgb(0,97,133) !important;
}

a.ng-binding.collapsed{
	color:white !important;
}

p.accordion-button{
	background-color:rgba(0,62,90,1);
}

p.accordion-button a{
	color:white !important;
}

a:focus, 
a:hover {
    outline: none;
    cursor:pointer;
}

#suiteBar a{
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: #003B5C;
}
.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4, .ms-rtestate-field h5, .ms-rtestate-field h6 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: #003B5C;
}

/*************************
**items for screen reader*
**************************/
.skiplinks a {
    position: absolute !important;
    left: -999em;
}

.skiplinks a:focus {
    z-index: 10000;
    background: rgb(251,249,240);
    color: #005E94;
    padding: 5px;
    border: 1px solid #357;
    box-shadow: 2px 2px 2px #777;
    border-radius: 5px;
    font-size: 0.7em;
    margin-left: auto;
    margin-right: auto;
    /*top: 30px;*/
    left: 375px;
}

.invisible {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: visible !important;
}

/*************************
*******Navigation CSS*****
**************************/
.navbar{
	z-index:10;
}

.navbar-toggle {
    margin:10px 30px 10px;
    float:left;
    border:1px solid #363739 !important;
   	background:rgba(168,177,184,.3);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000 !important;    
}
.icon-bar {
	border: 1px solid black;
}
.navbar-brand {	
    position: relative;
    left:5px;
    padding:5px;
}

.navbar-brand a {
	font-size:70px;
	padding-bottom:7px;
}

.navbar-brand a:hover, .navbar-brand a:focus {
   	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

#main-nav {
	padding-left:0;
	padding-right:0;
	z-index:20;
}
#main-nav2 {
	width:100%;
	position:absolute;
	border-top:6px solid #0077C8;
	padding-left:0;
	padding-right:0;
	z-index:20;
}

#main-nav2 .collapse{
	padding-left:0;
	padding-right:0;
}

.utility-nav {
    display:inline-block;
    padding-top:15px;
    margin-bottom:0;
	font-size:14px;
}

.utility-nav a{
    padding-left:20px;
}

.secondary-nav-links{
	display:inline-block;
}

#district-portal{
	display:inline-block;
}


.navbar-default {
	background:transparent;
	border:none;
	margin-bottom:0;
}

.goog-te-menu-value {
	padding-left:0 !important;
}

.top-row { 
    display: block;
    background-repeat: repeat-x;
    height:99px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content {
    display: block;
}

#system-quick-links .dropdown-menu, #translate .dropdown-menu{
	position: relative;
    z-index: 10000;
}

#translate-options{
	width:100%;
}

.navbar.navbar-default{
	margin-bottom: 0px;
}
.row .well{
	height: 105px;
  	margin: 5px 5px 0 5px;
  	text-align: center;
}
.top_link{
	padding: 15px;
}

.well {
    padding: 0;
    margin-bottom: 0;
    background-color:transparent;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*************************
*****Calloutbox CSS*******
**************************/

#ContactusLink{
	display:inline-block;
}

.js-callout-mainElement{
	border-radius:10px;
}

.ms-commandLink a{
	font-family:'Barlow', sans-serif !important;
	text-transform:none;
	font-size:14px !important;
	padding:0;
	margin:0;
}

.js-callout-closeButton{
	width:25px !important;
	height:25px !important;
}

.js-callout-closeButton:hover, .js-callout-closeButton:focus,
.ms-calloutLink:hover, .ms-calloutLink:focus{
	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

#coCallOut\20 ID_callout{
	left:-20px !important;
}

.contact-licensure #coCallOut\20 ID_callout{
	left:265px !important;
}

.js-callout-content{
	border-radius:10px;
}

.callout-section{
	padding-bottom:5px;
}

.callout-section > label{
	width:80px;
}

.callout-section > input{
	width:77%;
	border-radius:5px;
}

#topicPicker{
	width:77%;
	border-radius:5px;
}

#CommentsArea{
	border-radius:5px;
}

/*************************
********page title********
**************************/
.page-titles {
	margin-top:20px;
}

.page-titles h1{
	margin-top:0px;
}

.page-titles h2{
	margin-bottom:0px;
}

/*************************
********Search CSS********
**************************/
#ctl00_ctl56_csr_SearchLink{
	margin-top:3px;
}

.ms-srch-sb-searchLink:hover, .ms-srch-sb-searchLink:focus {
   	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

.search{
	padding-left:15px;
	display:inline-block;
}

.search input{  
    color:#003B5C;
    height:23px;
}

.search .ms-srch-sb-border {
	border-color:#003B5C;
}

.search-row {
	background-color:#0077C8;
}

.new-search-row{
	background-image:url('../../../../PublishingImages/exploreeducation.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.new-search-row #SearchBox{
	margin-top:17%;
	margin-bottom:10%;
	margin-left:4%;
}

input.ms-helperText {
	color:#003B5C;
}

/*************************
*******audience CSS*******
**************************/
.audience-row {
	background-color: #fff;
    position: relative;
    padding-left:15px;
    padding-right:15px;
}

.audience-row i{
	display: inline-block;
	padding: 1% 2%;
	border: 4px solid transparent;
	border-radius: 50%;
	font-size: 1.5em;
	background: rgba(255,255,255,0.1);
	-webkit-transition: border .5s;
	-moz-transition: border .5s;
	-o-transition: border .5s;
	-ms-transition: border .5s;
	transition: border .5s;
}

/*************************
*******NewsMedia CSS******
**************************/
.header-icon{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid black;
	border-radius: 50%;
	background:#003B5C;
	color:#fff !important;
	-webkit-transition: border .5s;
	-moz-transition: border .5s;
	-o-transition: border .5s;
	-ms-transition: border .5s;
	transition: border .5s;
	font-size:.8em;
}

.header-icon:hover{
	background: #B7DB57;	
	text-decoration:none;
	color:#003B5C !important;
}

.header-icon-nohover{
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid black;
	border-radius: 50%;
	background:#003B5C;
	color:#fff !important;
	-webkit-transition: border .5s;
	-moz-transition: border .5s;
	-o-transition: border .5s;
	-ms-transition: border .5s;
	transition: border .5s;
	font-size:.8em;
}

.news-row {
	background-color:#C2E7FF;
}

.left-news{
	padding-top:30px;
	margin-top:25px;
	margin-bottom:25px;
}

.right-news{
	border-left:1px solid silver;
	margin-top:25px;
	margin-bottom:25px;
}

.faq{
	padding-top:30px;
}

.stacked-header-icon {
	color:#003B5C;
}

.stacked-header-icon:hover{
	color:#B7DB57;
}
.stacked-inverse:hover{
	color:#003B5C;
}

/*************************
*****Announcements CSS****
**************************/
.announcements-row {
	background-color:#C2E7FF;
}

.left-announcements{
	margin-top:25px;
	margin-bottom:25px;
}

.right-announcements{
	border-left:1px solid #003B5C;
	margin-top:25px;
	margin-bottom:25px;
}

/*************************
********Topics CSS********
**************************/
.topic-column { /* Masonry bricks or child elements */
    display: inline-block;
    padding-left:10px;
	padding-right:10px;
	margin-top:20px;
    width: 25%;
    vertical-align:top;
}

.partner-column { /* Masonry bricks or child elements */
    display: inline-block;
    padding-left:10px;
	padding-right:10px;
	margin-top:20px;
    width: 25%;
    vertical-align:top;
}

.topic-column2 { /* Masonry bricks or child elements */
    display: inline-block;
    padding-left:10px;
	padding-right:10px;
	margin-top:20px;
    width: 33%;
    vertical-align:top;
}

.topic-column ul{
	padding-left:20px;
}

.topic-heading .topic-title{	
	background-color:#B7DB57;
	margin-top:-20px;
	height:70px;
}

.topic-heading h2:hover{	
	text-decoration:underline;
}

.topic-title h2{
	top: 50%;
	position: relative;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
}

.partner-heading .partner-title{	
	background-color:#B7DB57;
	margin-top:-20px;
	height:90px;
}

.partner-heading h2:hover{	
	text-decoration:underline;
}

.partner-title h2{
  top: 50%;
  position: relative;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
}

.img-frame {
  position: relative;
  border:2px solid #ececec;
}

.img-holder {
  height: 125px;
  position: relative;
  background:#ececec;
  border:2px solid #fff;
}

.img-holder img {
	max-height:100%;
	max-width:100%;
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
  	padding:5px;
}

.img-frame-peer {
  position: relative;
  border:2px solid black;
}

.img-holder-lppeer {
  height: 159px;
  position: relative;
  background:black;
  border:2px solid #fff;
}

.img-holder-lppeer img {
	max-height:100%;
	max-width:100%;
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
  	padding:5px;
}

/*************************
****Current Topics CSS****
**************************/
.current-topic-column{
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
}

.current-topic-column ul{
	padding-left:20px;
}

.current-topic-heading h2{	
	background-color:#003B5C;
	margin-top:0;
	color:#FFFFFF !important;
}

.current-topic-heading h2:hover{	
	text-decoration:underline;
}

.current-topic-heading a, .current-topic-heading a:link, .current-topic-heading a:active{	
	color:#005E94;
}

.clear{
	clear:both;
}
	
.current-topic-column  {
    width:33%; 
    float:left;
}
	
/*************************
******Footer CSS**********
**************************/
.footer {
	border-top:5px solid #0077C8;	
	background: rgba(186,184,157,0.8);
	background: -moz-linear-gradient(left, #f1770b 0%, #f1770b 100%);
	background: -webkit-linear-gradient(rgba(186,184,157,0.8) 0%, #f1770b 100%);
	background: -o-linear-gradient(rgba(186,184,157,0.8) 0%, #f1770b 100%);
	background: -ms-linear-gradient(rgba(186,184,157,0.8) 0%, #f1770b 100%);
	background: linear-gradient(rgba(186,184,157,0.8) 0%,rgba(186,184,157,0.0001) 100%);
	padding-top: 25px;
}

.tag-line {
	font-size: x-large;
	padding-bottom:20px;
}

.legal span a {
    padding:5px;
    display:inline-block;
}

.address {
    padding-left:10px;
}

.legal  {
	text-align: center;
}

.social-icons {
    display:inline-block; 
}

.social-icons a {
    padding:5px;
    display:inline-block; 
}

.social-icons a:hover, .social-icons a:focus {
   	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

.social-icons img {
    height:18px;
}

.legal-links {
    display:inline-block; 
}

.legal-links a {
	padding-left:15px;
    display:inline-block; 
}

#ct100_ct166_ExplicitLogin.ms-signInLink{
	color:white !important;
}

.SignIn span a {
	color:white !important;
}

/*************************
****Breadcrumb************
**************************/
.isbe-breadcrumb{
  margin-top: 20px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
}

.isbe-breadcrumb li{
  float: left;
}

.isbe-breadcrumb li:after {
    content:">";
    padding-left:5px;
    /*padding-right:5px;*/
}

.isbe-breadcrumb li:last-child:after {
    content:" ";
}

.isbe-breadcrumb a{
  float: left;
}

.isbe-breadcrumb .current,
.isbe-breadcrumb .current:hover{
  font-weight: bold;
}

.breadcrumb-item {
	margin:5px;
}
.breadcrumb-item img{
	height:16px;
	width:16px;
	margin-top:-5px;
}
.breadcrumb-item a {
    display:inline-block; 
    padding:0 5px;
    /*padding:5px;*/
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
   	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

/*************************
****** Accordion *********
**************************/
.accordionContents, accordionContents_2, accordionContents_3, accordionContents_4, .accordionContentsOpen, accordionContents_gray {
	margin-bottom:0;
}

.panel {
	border: 1px solid #ddd !important;
}

.panel-title a{
	color:white !important;
}

.panel-title.collapsed a{
	color:white !important;
}

.panel-default {
	border:none;
}

.panel-default > .panel-heading {
	border: 1px solid rgb(65,84,27); 
	background:rgba(0,62,90,1);
	color:white !important;

}

.accordion-button{	
	border: 1px solid rgb(65,84,27); 
	background:rgba(91,91,77,.2);
	border-radius: 3px;
	padding: 10px 15px;
	margin-bottom:20px !important;
}

.panel-title:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
	font-size:large;
	padding:0;
	margin-top:-25px;
}

#accordion .panel-title:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
	font-size:large;
	padding:0;
	margin-top:-20px;
}

.panel-heading:hover {
    cursor: pointer;
}

.panel-title a.ng-binding{
	color:white !important;
}

.accordionContents .ms-webpart-titleText {
	display:none;
}

.accordionContents_2 .ms-webpart-titleText {
	display:none;
}

.accordionContents_3 .ms-webpart-titleText {
	display:none;
}

.accordionContents_gray .ms-webpart-titleText {
	display:none;
}

.accordionContents_4 .ms-webpart-titleText {
	display:none;
}

.accordionContentsOpen .ms-webpart-titleText {
	display:none;
}

.accordionH3Contents .ms-webpart-titleText {
	display:none;
}

.tab-pane .ms-webpart-titleText {
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    color:#000000;
    font-size:30px;
}

.panel-group .panel + .panel {
	margin-top: 20px;
}

/*************************
*****Side Navigation******
**************************/
.side-nav{
	background:#F2F2F2;
	width:100%;
	border:1px solid silver;
	border-radius:5px;
}

.side-header{
	padding-top:15px;
	padding-bottom:10px;
	background:#003B5C;	
	font-weight:bold;
	padding-left:10px;
}

.side-header a{
	color:#ffffff !important;
}

.side-header .level-0{
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:300;
    font-size:1.3em !important;
}

.side-header .level0 a{
    font-weight: normal !important;   
}

.side-nav-titles{
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	margin-left:15px;
}

.active-bread{
	font-weight:bold;
}

.active-nav{
	padding-left:15px;
	background:#B7DB57;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}

/*************************
********* Tables *********
**************************/
.default-table table, 
.default-table th, 
.default-table td {
   border-style: ridge;
   padding:5px;
   vertical-align:middle;
}

.default-table table{
	width: 100%;
}

.default-table thead th {
	font-size:medium;
	text-align:center;
	padding:15px 5px 15px 5px;
	background-color: #F2F2F2;
}

.default-table tr:nth-child(even) {
	background-color: #F2F2F2;
}

.default-table .ms-webpart-titleText nobr {
    white-space: normal;
}

/*************************
******** links ***********
**************************/
.file-type-icon{
	padding:0px 5px 5px 5px;	
}

.ms-webpart-titleText{
	text-align:left !important;
}

.ms-webpart-titleText nobr span {
	white-space:normal !important;
}

.invalid-link{
	position:relative;
}

#invalid-link{
	background-image:url('../../../../PublishingImages/Broken-Link.png');
	background-size:100% 100%;
}

.section-header {
	background-color:rgb(246,244,225);
}

.filter-items{
	background-color:white;
}

.filter-footer{
	background-color:#666666;
	color: white !important;
}

.filter-items a:hover{
	color:rgb(0,97,133) !important;
}

.twitter-timeline{
	height:500px !important;
}
/*************************
******** tooltip ***********
**************************/
.tooltip{
	text-transform:none;	
	font-family: 'Open Sans', sans-serif;
	
}

.tooltip> .tooltip-inner{
	background:white;
	color:black;
	border:1px solid black;
}

.tooltip ul{
	text-align:left;
	padding-left:10px;

}
/************************
*****AddToCalendar ******
************************/
.EventHeader{    
    margin-bottom: 0px;
    text-align: center;
    background-color: rgba(183,219,87,.75);
    padding-top: 5px;
    padding-bottom: 5px;
}
    
.EventTable{
	margin-top: 45px;
	border-left: rgb(0,163,224) 20px solid;
}

.EventRow{
	padding-top:30px;
	padding-bottom:30px;
	border-top:rgb(91,91,77) 1px solid;
}

.EventRow td{
	padding-top:30px;
	padding-bottom:30px;
}

.addtocalendar var{
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
    float: left;
    background-color: #F2f2f2;
    color: #003e5a;
    border-radius: 5px;
    border: solid 2px #003e5a;
    font-weight: bold;
    font-size: inherit;
}

.atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link {
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
    margin: 0;
    padding: 7px 25px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: large !important;
    text-decoration: none;
    outline: none;
    line-height: 20px;
    vertical-align: middle;
    border:1px solid #ABABAB;
    border-radius: 4px;
    zoom: 1;
    font-weight:bold;
    color:#003e5a !important;
}

.atc-style-blue .atcb-link:hover{
	background:#B7DB57;
}

.atc-style-blue .atcb-list {
    width: 170px;
    border: 1px solid rgb(186,186,186);
    border-radius: 2px;
    box-shadow: 0 0 5px #AAA;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item {
    background: #fff;
    color: #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: large !important;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
    font-weight:bold;
    color:#003e5a !important;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #fff;
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: #B7DB57;
}

#searchpage{
	padding-top:50px;
}

.btn-calendar{
	font-family: 'Open Sans', sans-serif !important;
    font-size: large !important;
    padding: 4px 25px !important;
}

/*************************
****** Tabs **************
**************************/
.nav-pills > li{
	background: #B7DB57; /* Old browsers */
	background: -moz-linear-gradient(top,  #B7DB57 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7DB57), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B7DB57, #fff); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #B7DB57, #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #B7DB57, #fff); /* IE10+ */
	background: linear-gradient(top, #B7DB57, #fff); /* W3C */
	border-radius: 10%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	display: inline-block;
	margin: 0 5px 10px 5px;	
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	width:130px;
	height:85px;
	float:none;
} 

.nav-pills > li > a{
	font-weight:bold;
	height:85px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    width:130px;
}

.nav-pills > li.active > a {
	border-radius: 10%;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #B7DB57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#B7DB57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff, #B7DB57); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff, #B7DB57); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff, #B7DB57); /* IE10+ */
	background: linear-gradient(top, #fff, #B7DB57); /* W3C */
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(0,62,90,1);
	color:#003B5C;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus,
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	border-radius: 10%;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #B7DB57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#B7DB57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff, #B7DB57); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff, #B7DB57); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff, #B7DB57); /* IE10+ */
	background: linear-gradient(top, #fff, #B7DB57); /* W3C */
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(0,62,90,1);
	color:#003B5C;	
}

.nav-pills > li {
    display:inline-block;
}

.nav-pills {
    text-align:center;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: #B7DB57;
}

.nav-tabs {
    border-bottom: 1px solid #0077C8;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border-top: 1px solid #0077C8;
	border-left: 1px solid #0077C8;
    border-right: 1px solid #0077C8;
}

.tab-content>.tab-pane {
    border: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px -10px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
    margin-top: 15px;
}

/************************
*****Miscellaneous ******
************************/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
    
.nav-button{
	background:rgb(0, 62, 90);
	color:#ffffff !important;
	margin-bottom:15px;
	height:55px;
	width:200px;
	white-space:normal;
}

.nav-button:hover, .nav-button:focus{
	background:rgb(0, 62, 90);
	color:#B7DB57 !important;
	border-bottom:5px solid #B7DB57;
}
.title-row{
	background-image:url('../../../../PublishingImages/texture.png');
	margin-top:-1px;
	min-height:240px;
	
}
.title-row h1{
	margin-top:45px;
}

.title-row img{
	margin-top:20px;
	border:1px solid #9E2A2B;
	padding:5px;
}

.title-row .s4-wpcell-plain{
	margin-bottom:-20px;
}

.inline {
	background: #B7DB57; /* Old browsers */
	background: -moz-linear-gradient(top,  #B7DB57 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B7DB57), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #B7DB57, #fff); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #B7DB57, #fff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #B7DB57, #fff); /* IE10+ */
	background: linear-gradient(top, #B7DB57, #fff); /* W3C */
	border-radius: 10%;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	display: inline-block;
	margin: 0 30px 30px 0;	
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}

.inline:hover, .inline:focus {
	border-radius: 10%;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #B7DB57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#B7DB57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff, #B7DB57); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff, #B7DB57); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff, #B7DB57); /* IE10+ */
	background: linear-gradient(top, #fff, #B7DB57); /* W3C */
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(0,62,90,1);	
}

.inline a:hover, .inline a:focus {
	border-radius: 10%;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #B7DB57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#B7DB57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff, #B7DB57); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff, #B7DB57); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff, #B7DB57); /* IE10+ */
	background: linear-gradient(top, #fff, #B7DB57); /* W3C */
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(0,62,90,1);	
}

.wrap {
	display: table;
	height: 110px;
	width: 165px;
	text-align:left;	
}

.wrap2 {
	display: table;
	height: 73px;
	width: 165px;
	text-align:left;	
}

.wrap2 p {
	display:  table-cell;
	vertical-align: middle;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	padding:5px;
}

.wrap p {
	display:  table-cell;
	vertical-align: middle;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	padding:5px;
}

.social-icons-page {
    display:inline-block; 
}

.social-icons-page a {
    padding-left:5px;
    padding-right:5px;
    display:inline-block; 
    margin-right:10px;
    margin-left:5px;
}

.social-icons-page a:hover{
    color:#B7DB57 !important;
    text-decoration: none !important;
	background:rgb(0,97,133);
}

#PollQuestion .panel-title:after {
    content:none;
}

/************************
*******ESSA - AJU - 10/04/2016********
************************/
.buttonBox{
	margin-right:10px;
	width:200px;
	height:150px;
	color:white;
	border:solid 4px #b7db57;
	border-radius:5%;
	background-image: -ms-linear-gradient(top, #0077C8 0%, #1B3585 100%);
	background-image: -moz-linear-gradient(top, #0077C8 0%, #1B3585 100%);
	background-image: -o-linear-gradient(top, #0077C8 0%, #1B3585 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0077C8), color-stop(100, #1B3585));
	background-image: -webkit-linear-gradient(top, #0077C8 0%, #1B3585 100%);
	background-image: linear-gradient(to bottom, #0077C8 0%, #1B3585 100%); 
}

.buttonBox p{
	margin: 28px 15px 53px 15px;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
}

.container.buttonbox{
	display:inline-flex;
}

.essa-icons p{
	display: inline;
	font-weight: bold;
	color: rgba(0, 62, 90, 1);
	font-size: 20px;
}

/************************
*******Careers - AJU - 10/31/2016********
************************/

.icon-how:before{
	color:white !important;
}

/************************
*******Testimonial*******
************************/

.mb-style-3 blockquote{
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 
		inset 0 2px 0 rgba(0, 163, 224, 0.7), 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
}

.mb-style-3 blockquote:after  {
	border-top-color: #ffffff;
	border-width: 10px;
	left: 65%;
	margin-left: -10px;
}

.mb-style-3 blockquote:before {
	border-top-color: rgba(0,0,0,0.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px;
}

.mb-style-3 blockquote p {
	font-size:large;
	color: #686868;
	line-height: 1.5em;
	font-style: italic;
	text-indent: 100px;
	position: relative;
}

.mb-style-3 blockquote p:before{
	content: '\201C';
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: 0px;
	left: -105px;
	color: rgba(0, 163, 224, 1);
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.mb-style-3 .mb-attribution {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}

.mb-style-3 .mb-thumb {
	display: block;
	width: 70px;
	height: 70px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: url('../../../../PublishingImages/super-img.jpg') no-repeat center center;
	position: absolute;
	right: 10px;
	top: 10px;
	box-shadow: 
		inset 1px 1px 4px rgba(0,0,0,0.5),
		0 2px 3px rgba(0,0,0,0.6);
}

.mb-style-3 .mb-author{
	font-size: medium;
	color: rgba(0, 62, 90, 1);
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

.contact p{
	display: inline;
	font-weight: bold;
	color: rgba(0, 62, 90, 1);
	font-size: 20px;
}

.contact-info{
	background:#C2E7FF;
}

.apple-button{
	border-radius: 5px;
	height:50px;
	width:160px;
	background: transparent url('../../../../PublishingImages/apple-button.png') no-repeat scroll 0% 0%; 
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, .3);
}

.lic-button{
	border-radius: 5px;
	height:50px;
	width:160px;
	background: transparent url('../../../../PublishingImages/Pages/Teachers/lic-button(1).png') no-repeat scroll 0% 0%; 
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, .3);
}

.stan-button{
	border-radius: 5px;
	height:50px;
	width:160px;
	background: transparent url('../../../../PublishingImages/Pages/Teachers/standards-button(2).png') no-repeat scroll 0% 0%; 
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, .3);
}

.ms-srch-bestBetItem-icon{
	background: transparent url('../../../../PublishingImages/best-bet.png') no-repeat scroll 0% 0%; 
}

.apple-button a{
	color: white !important;
	font-size:large; 
	padding-left:10px;
	position:relative;
	top:16px;
}

.lic-button a{
	color: white !important;
	font-size:large; 
	padding-left:26px;
	position:relative;
	top:11px;
}
.stan-button a{
	color: white !important;
	font-size:large; 
	padding-left:25px;
	position:relative;
	top:8px;
}

.apple-button a:hover, .apple-button a:focus, .lic-button a:hover, .lic-button a:focus, .stan-button a:hover, .stan-button a:focus{
	text-decoration:none;
	color:#B7DB57 !important;
}

.slider-row{
	background-image:url('../../../../PublishingImages/texture.png');
}

.banner-row{
	background-color:#003B5C;
	color:white !important;
}

.banner-row a{
	color:#1AB6FF !important;
}

.plaintext{
	font-family:'Barlow', sans-serif !important;
	text-transform:none !important;
	font-size:16px;
	padding:0;
	margin:0;
	line-height:19.6px;
	font-weight:normal !important;
}

.header1{
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    color:#003B5C;
	font-size:xxx-large;
}

.header2{
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    color:#003B5C;
	font-size:xx-large;
}

.header3{
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    color:#003B5C;
	font-size:x-large;
}

.header4{
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    color:#003B5C;
	font-size:large;
}

.data-systems{
	padding:2px !important;
	border:none;
	min-width:2px;
	text-align:center;
}

#system-quick-links .dropdown-menu {
	width:235px;
	text-align:left;
	position:absolute !important;
	left:auto;
}

#translate .dropdown-menu {
	width:250px;
	text-align:left;
	position:absolute !important;
	right:0 !important;
	left:auto;
}

#system-quick-links .dropdown-menu > li > a, #translate .dropdown-menu > li > a{
	white-space:normal;	
}

#system-quick-links .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, #translate .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#B7DB57 !important;
}

.data-systems:hover, .data-systems:hover, .data-systems:hover, .data-systems:hover,
.data-systems:focus, .data-systems:focus, .data-systems:focus, .data-systems:focus{
	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0; 
}

.red, .ms-rteForeColor-2{
	color:#9E2A2B;
}

.green{
	color:#288054;
}

/*change color for IASA survey typeahead dropdown llb 1/12/2017*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff !important;
    background-color: #337ab7 !important;
}

/************************
*******Newsletter********
************************/
.newsletter-greeting {
	position: relative;
    z-index: 1;
}

.deadline-info {
	margin-left:160px;
}

.deadlines img{
	float:left;
	z-index:1;
	margin-left:-15px;
	margin-top:-10px;
}

.two-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    list-style-position: inside;
}

.two-columns .keep-together {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;
    list-style-position: inside;
}

.three-columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    list-style-position: inside;
}

.three-columns .keep-together {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;
    list-style-position: inside;
}

.green-header {
	width:100%;
	font-family:Barlow;
	text-align:center;
	padding:10px 0 5px 0;
	background: rgba(183,219,87,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
 
.yellow-header {
	width:100%;
	font-family:Barlow;
	text-align:center;
	padding:10px 0 5px 0;
	background: rgba(253,224,94,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blue-header {
	width:100%;
	font-family:Barlow;
	text-align:center;
	padding:10px 0 5px 0;
	background: rgba(0,163,224,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/**button**/
.register-button {
    background-color: #b7db57;
    color: black !important;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid black;
    font-weight: bold;
    font-size: larger;
    padding:7px 10px 7px 10px;
    margin:2px;
    font-weight:bold;
}

/*************************
********* Ribbon *********
**************************/

/* Ribbon Box */
.ribbon,
.ribbon * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ribbon {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #444;
    margin: 10px auto 10px;
    padding: 0 10px 4px;
    position: relative;
    width: 350px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ribbon h3 {
    border-top: 1px solid hsl(203, 97%, 53%);
    border-bottom: 1px solid hsl(203, 71%, 48%);
    color: #fff !important;
    font-family:'Barlow', sans-serif !important;
	font-size:14px;
    left: -16px;
	line-height:19.6px;
    margin: 0 0 20px 0;
	padding:5px 0 5px 0;
    position: relative;
    text-shadow: 0 1px 1px #155b88;
	text-transform:none;
    top: 8px;
    width: 360px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 1px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00557c), to(#003E5A));
    background: -webkit-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -moz-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -ms-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -o-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: linear-gradient(top, #00557c 0%, #003E5A 100%);
}

#RibbonBox .bts h3{
	border-top: 1px solid #deb53a ;
    border-bottom: 1px solid #deb53a ;
	color: #003e5a !important;
	font-weight:bold;
	text-shadow: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#deb53a ), to(#deb53a ));
    background: -webkit-linear-gradient(top, #deb53a  0%, #deb53a  100%);
    background: -moz-linear-gradient(top, #deb53a  0%, #deb53a  100%);
    background: -ms-linear-gradient(top, #deb53a  0%, #deb53a  100%);
    background: -o-linear-gradient(top, #deb53a  0%, #deb53a  100%);
    background: linear-gradient(top, #deb53a  0%, #deb53a  100%);
    font-weight:bold;
}

.ribbon.bts h3::after,
.ribbon.bts h3::before {
    background: #f6bd5b;
    border: none;
    border-color: #f6bd5b transparent transparent transparent;
    bottom: -4px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ribbon h3::before {
	left: 0;
	background: #f6bd5b;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#f6bd5b), to(#F7C978));
    background: -webkit-linear-gradient(left, #f6bd5b 0%, #F7C978 100%);
    background: -moz-linear-gradient(left, #f6bd5b 0%, #F7C978 100%);
    background: -ms-linear-gradient(left, #f6bd5b 0%, #F7C978 100%);
    background: -o-linear-gradient(left, #f6bd5b 0%, #F7C978 100%);
    background: linear-gradient(left, #f6bd5b 0%, #F7C978 100%);
}

.ribbon h3::before,
.ribbon h3::after {
    background: #242424;
    border: none;
    border-color: #389ddd transparent transparent transparent;
    bottom: -4px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ribbon h3::before {
	left: 0;
	background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#33aaf8), to(#0674bb));
    background: -webkit-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
}

.ribbon h3::after {
	right: 0;
    background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#0674bb), to(#33aaf8));
    background: -webkit-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
}

#RibbonBox .yellow h3::before,#RibbonBox .yellow h3::after {
	background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#e5d317), to(#e5d317));
    background: -webkit-linear-gradient(left, #e5d317 0%, #e5d317 100%);
    background: -moz-linear-gradient(left, #e5d317 0%, #e5d317 100%);
    background: -ms-linear-gradient(left, #e5d317 0%, #e5d317 100%);
    background: -o-linear-gradient(left, #e5d317 0%, #e5d317 100%);
    background: linear-gradient(left, #e5d317 0%, #e5d317 100%);

}

#RibbonBox .socialicons img:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

/* Ribbon Box Wide */
.ribbonwide,
.ribbonwide * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ribbonwide {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #444;
    margin: 10px auto 10px;
    padding: 0 10px 4px;
    position: relative;
    width: 91.5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ribbonwide h3, .ribbonwide h2 {
    border-top: 1px solid hsl(203, 97%, 53%);
    border-bottom: 1px solid hsl(203, 71%, 48%);
    color: #fff !important;
    font-family:'Barlow', sans-serif !important;
	font-size:17px;
    left: -16px;
	line-height:19.6px;
    margin: 0 0 20px 0;
	padding:9px 0 12px 0;
    position: relative;
    text-shadow: 0 1px 1px #155b88;
	text-transform:none;
    top: 8px;
    width: calc(100% + 32px);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 1px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00557c), to(#003E5A));
    background: -webkit-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -moz-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -ms-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -o-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: linear-gradient(top, #00557c 0%, #003E5A 100%);
    text-align:center;
    font-weight:bold;
}

.ribbonwide h3::before,
.ribbonwide h3::after,
.ribbonwide h2::before,
.ribbonwide h2::after {
    background: #242424;
    border: none;
    border-color: #389ddd transparent transparent transparent;
    bottom: -4px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ribbonwide h3::before, .ribbonwide h2::before {
	left: 0;
	background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#33aaf8), to(#0674bb));
    background: -webkit-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
}

.ribbonwide h3::after, .ribbonwide h2::after {
	right: 0;
    background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#0674bb), to(#33aaf8));
    background: -webkit-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
}

.ribbonwide-red,
.ribbonwide-red * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ribbonwide-red {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #444;
    margin: 10px auto 10px;
    padding: 0 10px 4px;
    position: relative;
    width: 91.5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ribbonwide-red h2, .ribbonwide-red h3 {
    border-top: 1px solid hsl(203, 97%, 53%);
    border-bottom: 1px solid hsl(203, 71%, 48%);
    color: #fff !important;
    font-family:'Barlow', sans-serif !important;
	font-size:17px;
    left: -16px;
	line-height:19.6px;
    margin: 0 0 20px 0;
	padding:9px 0 12px 0;
    position: relative;
    text-shadow: 0 1px 1px #155b88;
	text-transform:none;
    top: 8px;
    width: calc(100% + 32px);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 1px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#00557c), to(#003E5A));
    background: -webkit-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -moz-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -ms-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: -o-linear-gradient(top, #00557c 0%, #003E5A 100%);
    background: linear-gradient(top, #00557c 0%, #003E5A 100%);
    text-align:center;
    font-weight:bold;
}

.ribbonwide-red h2::before,
.ribbonwide-red h2::after,
.ribbonwide-red h3::before,
.ribbonwide-red h3::after {
    background: #242424;
    border: none;
    border-color: #389ddd transparent transparent transparent;
    bottom: -4px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ribbonwide-red h2::before,.ribbonwide-red h3::before {
	left: 0;
	background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#33aaf8), to(#0674bb));
    background: -webkit-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(left, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(left, #33aaf8 0%, #0674bb 100%);
}

.ribbonwide-red h2::after,.ribbonwide-red h3::after {
	right: 0;
    background: #33aaf8;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#0674bb), to(#33aaf8));
    background: -webkit-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -moz-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -ms-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: -o-linear-gradient(right, #33aaf8 0%, #0674bb 100%);
    background: linear-gradient(right, #33aaf8 0%, #0674bb 100%);
}

.ribbonwide-red h2,.ribbonwide-red h3 {
	border-top: 1px solid hsl(0, 94%, 42%);
    border-bottom: 1px solid hsl(354, 71%, 48%);
    color: white!important;
    font-family: 'Barlow', sans-serif !important;
    font-size: 17px;
    left: -16px;
    line-height: 19.6px;
    margin: 0 0 20px 0;
    padding: 9px 0 12px 0;
    position: relative;
    text-transform: none;
    top: 8px;
    /*width: 103%;*/
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 1px 2px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-linear-gradient(top, #BF6464 0%, #871B1D 100%);
    background: -moz-linear-gradient(top, #BF6464 0%, #871B1D 100%);
    background: -ms-linear-gradient(top, #BF6464 0%, #871B1D 100%);
    background: -o-linear-gradient(top, #BF6464 0%, #871B1D 100%);
    background: linear-gradient(top, #BF6464 0%, #871B1D 100%);
    text-align: center;
    font-weight: bold;
}

.ribbonwide-red h2::after,.ribbonwide-red h3::after {
    right: 0;
    background: #f58989;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#a01111), to(#f58989));
    background: -webkit-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -moz-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -ms-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -o-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: linear-gradient(right, #f58989 0%, #a01111 100%);
}

.ribbonwide-red h2::before,.ribbonwide-red h3::before {
    left: 0;
    background: #f58989;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#a01111), to(#f58989));
    background: -webkit-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -moz-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -ms-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: -o-linear-gradient(right, #f58989 0%, #a01111 100%);
    background: linear-gradient(right, #f58989 0%, #a01111 100%);
}

/********************************
*******KIDS Site*****************
*****07/17/2017 - AJU***********/

.KIDSh4{
	font-weight:bold;
	font-size:x-large;
	}

/* Ribbon Box Wide */
.ribbonwide-kids,
.ribbonwide-kids * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ribbonwide-kids {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #444;
    margin: 10px auto 10px;
    padding: 0 10px 4px;
    position: relative;
    width: 91.5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ribbonwide-kids h3 {
    border-bottom: 1px solid hsl(201, 100%, 18%);
    color: #fff !important;
    font-family:'Barlow', sans-serif !important;
	font-size:17px;
    left: -16px;
	line-height:19.6px;
    margin: 0 0 20px 0;
	padding:9px 0 12px 0;
    position: relative;
    text-shadow: 0 1px 1px #003C5C;
	text-transform:none;
    top: 8px;
    width: 103.5%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 
        0 1px 0 rgba(255,255,255,0.08) inset,
        0 1px 2px rgba(0,0,0,0.3);
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5CA2B7), to(#3D788A));
    background: -webkit-linear-gradient(top, #5CA2B7 0%, #3D788A 100%);
    background: -moz-linear-gradient(top, #5CA2B7 0%, #3D788A 100%);
    background: -ms-linear-gradient(top, #5CA2B7 0%, #3D788A 100%);
    background: -o-linear-gradient(top, #5CA2B7 0%, #3D788A 100%);
    background: linear-gradient(top, #5CA2B7 0%, #3D788A 100%);
    text-align:center;
    font-weight:bold;
}

.ribbonwide-kids h3::before,
.ribbonwide-kids h3::after {
    background: #003C5C;
    border: none;
    border-color: #389ddd transparent transparent transparent;
    bottom: -4px;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -10;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.ribbonwide-kids h3::before {
	left: 0;
	background: #3D788A;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#33aaf8), to(#3D788A));
    background: -webkit-linear-gradient(left, #33aaf8 0%, #3D788A 100%);
    background: -moz-linear-gradient(left, #33aaf8 0%, #3D788A 100%);
    background: -ms-linear-gradient(left, #33aaf8 0%, #3D788A 100%);
    background: -o-linear-gradient(left, #33aaf8 0%, #3D788A 100%);
    background: linear-gradient(left, #33aaf8 0%, #3D788A 100%);
}

.ribbonwide-kids h3::after {
	right: 0;
    background: #3D788A;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#0674bb), to(#3D788A));
    background: -webkit-linear-gradient(right, #33aaf8 0%, #3D788A 100%);
    background: -moz-linear-gradient(right, #33aaf8 0%, #3D788A 100%);
    background: -ms-linear-gradient(right, #33aaf8 0%, #3D788A 100%);
    background: -o-linear-gradient(right, #33aaf8 0%, #3D788A 100%);
    background: linear-gradient(right, #33aaf8 0%, #3D788A 100%);
}

/************************
*******Bicentennial********
************************/
.paper-background{
	background-image:url('../../../../PublishingImages/paper-texture.jpg');
	background-position:center;
	background-repeat:no-repeat;
	box-shadow: 0 0 10px 10px white inset;
}

.faded {
	border-radius:10px;
}

#paperpage{
	background:url('../../../../PublishingImages/paper-texture.jpg') no-repeat center center fixed;
	box-shadow: 0 0 50px 50px white inset;
}

.bicentennial-logo {
	margin-top:-25px;
}

/****************************************
******* Responsive Embeded Links ********
*****************************************/
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.font-medium {
	font-size:medium;
}

/************************
*******archived pages********
************************/
.archived {
	background-image: url('../../../../PublishingImages/archived.png');
	background-size:425.1px 320.45px;
}

.archive-disclaimer{
	font-size:large;
	font-weight:bold;
	color:#9E2A2B;
	text-align:center;
}

.super124 {
	position:absolute;
	width: 30%; 
	right: 0px; 
	margin-top: 15px;
}

.super124-p{
	width:70%
}

/************************************
*************First Year Blog*********
**********05/02/19 - AJU***************/
.fyHeading{
	color:#003e5a !important;
	font-weight:bold;
	font-size:30px;
}

.teachqu{
	font-weight: bold;
    font-size: 15px;	
}

.teacherName{	
    font-weight: bolder;
    font-size:24px;
    color:black;
    text-transform:uppercase;
    font-family: 'Barlow', sans-serif !important;
    margin-bottom:0px;	
}

.teachinfo{
	font-weight: bold;
	color: #0072C6 !important;
    text-transform: uppercase;
}

.teachinfo2{
	font-weight: bold;
	color: #003E5A !important;
    text-transform: uppercase;
}

.teach-img-holder{
	border: solid 10px white;
   	margin-top:5px;
    -webkit-box-shadow: 1px 0px 11px 8px rgba(194,192,194,1);
    -moz-box-shadow: 1px 0px 11px 8px rgba(194,192,194,1);
    box-shadow: 1px 0px 11px 1px rgba(194,192,194,1);
}

/***************************
********Forms***************
***************************/
.red-border {
    border: 1px solid red !important;
}

.print-only {visibility:hidden;}

/****** Add parentheses to ordered lists *******/
ol.alpha {
    counter-reset: alpha
}

ol.alpha > li {
    list-style: none;
    position: relative;
}

ol.alpha > li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") "
}

ol.capalpha {
    counter-reset: capalpha 
}

ol.capalpha > li {
    list-style: none;
    position: relative;
}

ol.capalpha > li:before {
    counter-increment: capalpha ;
    content:"(" counter(capalpha)") "
}

ol.num {
    counter-reset: num
}

ol.num > li {
    list-style: none;
    position: relative;
}

ol.num > li:before {
    counter-increment: num;
    content:"(" counter(num)") "
}

ol.roman {
    counter-reset: roman 
}

ol.roman > li {
    list-style: none;
    position: relative;
}

ol.roman > li:before {
    counter-increment: roman;
    content:"(" counter(roman, lower-roman)") "
}

ol.caproman {
    counter-reset: roman 
}

ol.caproman > li {
    list-style: none;
    position: relative;
}

ol.caproman > li:before {
    counter-increment: roman;
    content:"(" counter(roman)") "
}

#GrayPanel .panel-default > .panel-heading {
    color: #003B5C !important;
    background-color: #f5f5f5;
    border-color: #003B5C;
    
}

#GrayPanel .panel-title a {
    color: #003B5C !important;
    font-weight:bold; !important;
}

#GrayPanel .panel-title:after {
    color: #003B5C !important;
}

/********** Update 2022 **********/
.form-control {
	font-size:16px;
}

.navbar1{
	background: linear-gradient(to bottom, #003B5C 55%, transparent 45%);
	padding-top:5px;
}

.navbar2 ul{
	display:inline-flex;
}

.navbar2 {
	border-top:solid 2px #0077C8;
}

.mainnav{
	text-align:center;
}

.mainnav li a{
	color:#003B5C !important;
}

.navbar1 a{
	color:white !important;
}

.navbar1 .dropdown-menu a{
	color:#003B5C !important;
}

.menu_news{
	padding:10px;
	font-size:20px;
	font-weight:bold;
}

.ms-webpart-titleText.ms-webpart-titleText {
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: #003B5C;
}

.brand-logo {
	background:white;
	border-radius:8px;
}

.brand-logo a {
    padding:5px;
    display:inline-block; 
}

.brand-logo a:hover, .brand-logo a:focus {
   	box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077C8;
	outline: 0;
	border-radius:8px; 
}

.nav-search-bar{
	background:white;
	border-radius:8px;
}

.navbar-nav {
    float: none;
}

.navbar{
	margin-bottom:0;
}

.gray-row{
	background-image:url('../../../../PublishingImages/texture.png');
}

.lt-blue-row {
	background-color:#0077C8;
	color:white;
}

.dk-blue-row {
	background-color:#003B5C;
	color:white;
}

.dk-blue-row .ms-rtestate-field h1, .dk-blue-row .ms-rtestate-field h2, .dk-blue-row .ms-rtestate-field h3, .dk-blue-row .ms-rtestate-field h4, .dk-blue-row .ms-rtestate-field h5, .dk-blue-row .ms-rtestate-field h6  {
    color:white;
}

.dk-blue-row .ms-rtestate-field a, .dk-blue-row .ms-rtestate-field a:visited  {
    color:#6BC4FF;
    text-decoration:underline;
}

.dk-blue-row .ms-rtestate-field a:hover, .dk-blue-row .ms-rtestate-field a:visited:hover,
.dk-blue-row .ms-rtestate-field a:focus, .dk-blue-row .ms-rtestate-field a:focus:hover,
.dk-blue-row .ms-rtestate-field a:active, .dk-blue-row .ms-rtestate-field a:active:hover {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077c8;
    outline: 0;
}


.dk-blue-row .ms-selectorlink, .dk-blue-row .ms-webpart-titleText, .dk-blue-row .ms-webpart-menuArrowSpan {
	color:white;
}

.large-text {
	font-size:large;
}

#SearchBox {
	text-align:center;
}

.ms-srch-sbLarge {
	border-radius:4px;
	margin: 0 auto;
	width: 75%;
}

.ms-srch-sbLarge input{
	width: calc(100% - 50px);
}

.search input {
	width: calc(100% - 35px);
}

.carousel-control {
	width:10%;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
  padding:0 30px;
}

.content {
  height: 100%;
  padding: 0 15px;
}

.content img{
	margin:0 auto;
}

.credit-line {
	font-size:14px;
}

.sl{
	border: solid 6px #9E2A2B;
    border-radius: 10px;
    height: 100%;
    padding-left:15px;
    padding-right:15px;
}

.lc{
	border: solid 6px #0077C8;
    border-radius: 10px;
    height: 100%;
    padding-left:15px;
    padding-right:15px;
}

.ee{
	border: solid 6px #003B5C;
    border-radius: 10px;
    height: 100%;
    padding-left:15px;
    padding-right:15px;
}

.service-links{
	display:inline-block;
	margin-left:65px;
	font-size:large;
}

.font-green {
	color: #B7DB57 !important;
}

.font-dk-blue {
	color: #003B5C !important;
}

.isbe-btn {
	background:#003B5C;
	color:white;
}
.isbe-btn:focus {
	color:white;
}

.isbe-btn:hover, .isbe-btn:active {
	color:#003B5C;
	font-weight:bold;
}

.isbe-btn.active {
	color:#003B5C;
	font-weight:bold;
	border-color: #92c0e0;
    background-color: #e6f2fa;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.services {
	display:inline-flex;
	flex-wrap: wrap; 
	-webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.services img {
	width:75px;
}

.services li{
	margin:20px 45px;
	width:110px;
}

.services li:active, .services li:hover, .services li:focus, .services li:focus-visible, .services li:focus-within {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #0077c8;
    outline: 0;
}

.other-links h3 {
	display:inline-block;
}

.other-links img {
	width:66px; 
	padding-right:10px;
}

.yellow-line {
	border-top: 5px solid #ffbf3f;
}










/************************
*******Responsive********
************************/
@media (min-width: 1024px){
	.ribbonwide h3, .ribbonwide h2{
		width:calc(100% + 32px);
	}

	.ribbonwide-kids h3{
		width:calc(100% + 32px);
	}
	
	.ribbonwide h3.fullscreen.text-center{
		width:calc(100% + 32px);
	}
}

@media(min-width: 1024px) and (max-width: 2560px){
	.ContentPlaceHolderMain{
		margin-top:0;
	}	
}

@media(min-width: 1024px) and (max-width: 1560px){
	.homepage{
		margin-top:-50px;
	}
	.subpage{
		margin-top:-50px;
	}
}

@media (max-width: 1023px) {
	#main-nav2 {
		border-top:none;
	}
    .navbar-header {
        float: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    } 
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
	.dropdown-content {
    	min-width: 195px;
	}
	
	.navbar {
		margin-bottom:0;
	}
	.ContentPlaceHolderMain{
		margin-top:0;
	}
	.homepage{
		margin-top:0;
	}
	.subpage{
		margin-top:0;
	}
}


@media (max-width: 990px) {
	.bicentennial-logo {
		margin-top:0;
	}
}

@media (max-width: 770px) {
	.bicentennial-logo {
		margin-bottom:10px;
	}
}

@media(min-width: 769px) and (max-width: 1200px){
	.utility-nav{
		padding-top:0;
	}
	.search{
		margin-bottom:5px;
	}
}

@media(min-width: 769px) and (max-width: 1024px){
	.slider-row{
		padding-top:20px;
	}
	.utility-nav a{
		padding-left:6px !important;
	}	
	.search{
		padding-left:6px;
	}	
	#google_translate_element{
		padding-left:6px;
	}	
	/*.homepage{
		margin-top:-50px;
	}*/
	.subpage{
		margin-top:-50px;
	}
	.navbar1{
		background-color:#003B5C;
	}	
	.social-icons img{
		height:15px;
	}
}

@media (max-width: 768px)   { 
	#main-nav2{
		height:1px;
	}
	.slider-row{
		padding-top:0;
	}
	.testimonial{
		display:none;
	}
	.contact-licensure #coCallOut\20 ID_callout{
		left:190px !important;
	}
	.topic-column,.topic-column2, .partner-column{
	    width:50%;
	}
	.super124 {
		display:none;
	}
	.super124-p{
		width:100%
	}
	.navbar1{
		background: linear-gradient(to bottom, #003B5C 75%, transparent 25%);
	}
	.no-show {
		display:none;
	}
	#translate {
		margin-top:-5px;
	}	
	.navbar2 ul{
		display:inline-flex;
		text-align:left;		
	}
	.menu_news {
		padding:0 0 0 20px;
	    font-size: 16px;
	    font-weight: bolder;
	}
	.utility-nav {
		margin:0 0 0 -10px;
		padding-left:0;
	}
	.navbar-collapse {
	    margin-top: 0 !important;
	    width: 100%;
	}	
	.navbar2 {
	    border: none;
	}
} 

@media (max-width: 575px) {
	.lookup-link {
		display:block;
	}
	.lookup-container {
		display:none;
	}
	.bicentennial-logo {
		margin-bottom:10px;
	}	
}

@media (max-width: 525px) {
.well, .well > a:nth-child(1) > img:nth-child(1),.navbar-brand{
		width:100px;
	}
	
	.row2, .translate-dd{
		display:none;
	}	
	.contact-licensure #coCallOut\20 ID_callout{
		left:95px !important;
	}
}

@media (min-width: 426px) and (max-width: 768px)   {
	.well, .well > a:nth-child(1) > img:nth-child(1),.navbar-brand{
		width:150px;
	}
	.topic-column, .topic-column2, .partner-column{
	    width:50%;
	}	
	.faq{
		padding-top:0;
	}
	.three-columns {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    list-style-position: inside;
	}
}

@media (max-width: 425px) {	
	.row .well{
		height:50px;
	}
	.well, .well > a:nth-child(1) > img:nth-child(1),.navbar-brand{
		width:100px;
	}
	.topic-column,.topic-column2, .partner-column{
	    width:50%;
	}
	#searchpage{
		margin-top:0;
	}	
	.topic-heading .topic-title{	
		height:85px;
	}
	.testimonial{
		display:none;
	}
	.top-row{
		height:85px;
	}
	.title-row .s4-wpcell-plain{
		margin-bottom:0;
	}
	.career-line-1{
		text-align:left;
	}
	.career-line-2{
		text-align:left;
	}
	.career-line-2 ul{
		margin-left:-50px;
	}
	.career-line-2 li{
		margin-bottom:15px;
	}	
	.contact-licensure #coCallOut\20 ID_callout{
		left:25px !important;
	}	
	.careers-img, .careers-icons{
		display:none;
	}
	.careers-intro{
		margin-top:-45px;
	}
	.three-columns {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    list-style-position: inside;
	}
	.two-columns {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    list-style-position: inside;
	    padding-left:15px;
	}
	.brand-logo{
		margin-top:15px;
	}
	.navbar1{
		background-color:#003B5C;
	}
	.tag-line {
		font-size: large;
	}
	.legal .social-icons img{
		height:18px;
	}
	.legal-links {
		font-size:14px;
	}
	.services li {
    	margin: 20px 20px;
    }
    .navbar2 ul {
    	display: inherit;
    }
}

@media (max-width: 375px){
	#main-nav2 button {
		min-width:3em;
	}
	.search {
	    margin-bottom: 5px;
	}
	.ms-srch-sb{
		width:115px;
	}
	.search {
    	padding-left: 10px;
    }
    .navbar1 {
    	padding-bottom: 15px;
    }    
	.contact-licensure #coCallOut\20 ID_callout{
		left:-5px !important;
	}
	.ribbon {
		width: 260px;
	}
	.ribbon h3 {
		width: 270px;
	}
	.tag-line {
		font-size: medium;
	}
	.navbar2 ul {
    	display: inherit;
    }
}

@media (max-width: 320px){
	#main-nav2 button {
		padding-top:5px;
		padding-bottom:5px;
	}	
	.search{
		padding-top:0;
	}
	.top-row{
		height:65px;
	}
	.utility-nav{
		padding-top:0;
	}
	.topic-column,.topic-column2, .partner-column{
	    width:100%;
	}
	.js-callout-content {
		width:300px !important
	}
	#coCallOut\ ID_callout-content {
		width:290px !important;	
	}	
}

/* 
For News Item 1213
*/
@media (max-width: 1150px)  {	
	/* Force table to not be like tables anymore */
	#newsitem-1213-table table, #newsitem-1213-table thead, #newsitem-1213-table tbody, #newsitem-1213-table th, #newsitem-1213-table td, #newsitem-1213-table tr { 
		display: block; 
	}	
	/* Hide table headers (but not display: none;, for accessibility) */
	#newsitem-1213-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	#newsitem-1213-table tr { border: 1px solid #ccc; }	
	#newsitem-1213-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%; */
	}	
	#newsitem-1213-table 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;
	}
	#newsitem-1213-table table {
		width:100% !important;
	}
	/*
	Label the data
	*/
	/*#newsitem-1213-table th:nth-of-type(1):before { content: "Household Size: "; }*/
	#newsitem-1213-table > table > tbody > tr:nth-child(1) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(2) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(3) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(4) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(5) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(6) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(7) > th:before { content: "Household Size: "; }
	#newsitem-1213-table > table > tbody > tr:nth-child(8) > th:before { content: "Household Size: "; }
	
	#newsitem-1213-table td:nth-of-type(1):before { content: "Annual: "; }
	#newsitem-1213-table td:nth-of-type(2):before { content: "Monthly: "; }
	#newsitem-1213-table td:nth-of-type(3):before { content: "Twice Per Month: "; }
	#newsitem-1213-table td:nth-of-type(4):before { content: "Every Two Weeks: "; }
	#newsitem-1213-table td:nth-of-type(5):before { content: "Weekly: "; }
}

/*Update bootstrap button colors to make them accessible*/
.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
	color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
   	color: #fff;
    background-color: #146c43;
    border-color: #13653f;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
   	color: #fff;
    background-color: #b02a37;
    border-color: #a52834;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
	color: #000;
    background-color: #ffcd39;
    border-color: #ffc720;
}
.btn-warning.disabled, .btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2;
}
.btn-info.disabled, .btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:focus,
.btn-light.focus,
.btn-light:hover,
.btn-light:active,
.btn-light.active,
.open > .dropdown-toggle.btn-light {
	color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
}
.btn-light.disabled, .btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
	color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f;
}
.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
/*Added for Accessibility - AJU*/
.MCButton{
	border-radius:5px;
}

.MCButton a{
	font-size: large;
    padding: 12px;
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 5px 0px;
    background: #003e5a;
    color: white !important;
    display: inline-block;   
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.MCButton a:hover, .MCButton a:focus{
    text-decoration: none;
    color: #B7DB57 !important;
}