b, strong {
    font-weight: bold !important;
}

/* CARDS */

.card .card-body h3 {
    margin-bottom: 0;
    padding-right: .7rem;
	 padding-left: 0;
	  padding-bottom: .7rem;
	   padding-top: .7rem;
}

.card-body h4 a {
border-bottom:0px;	
}

ul#taxonomylist li {
    background: none repeat scroll 0 0 #ededed;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0.25%;
    padding: 6px 0.25%;
    text-align: center;
    width: 18%;
}

#accordionEx h2 {
    font-size: 1.8em;
    margin: 0.7em 0;
    font-family: 'Roboto Slab', serif;
    color:#323e49;
    font-weight: normal;
}

/*.........BORDERS AND HORIZONTAL LINES.......................*/
.borderl{ border-left:1px dotted #cccccc;}
.borderr{ border-right:1px dotted #cccccc; }
.borderb{border-bottom: 1px dotted #3C5A78;}
.bordert{border-top: 1px dotted #3C5A78;}
.graybottomborder {border-bottom: 2px solid #FAFAF6;}
.nounderline{border-bottom:0px;}
.underline {   border-bottom: 1px dotted #444;}
table.responsive {   width: 100%;   border-collapse: collapse; }
/* Zebra striping */
.responsive tr:nth-of-type(odd) {   background: #f4f4f4; }
table.responsive.nostripes tr:nth-of-type(odd) {   background: none;}
table.responsive.nostripes td {
border:0px;	
}
.responsive th {  padding: .7rem;margin-left: 0;margin-right: 0;margin-bottom: -20px;background-color: #2c9ea2; color:#fff; }
 .responsive th {  padding: 6px;   border: 1px solid #fff;  text-align: left;   color:#fff;}
.responsive th a{color:#fff; font-size: 1.1em; line-height: 1.8em;}
.responsive td p {font-size: 100%; color:#3c5a78;}
.responsive td ul li {font-size: 100%;  color:#3c5a78;}

.responsive td {
	 color:#3c5a78;
}
/* ............Tables ..........*/

/*.........BOXES.......................*/


#calendartable.responsive td {
color:#616161;
background-color:#f8f8f6;
border:1px solid #FFF;
line-height:1.5em;
padding:0.5em;
}

.langnews h3 {
text-decoration:none;	
border-bottom:none;
margin-top:0em;
}

.langnews a.list-group-item:hover  {
text-decoration:none !important	;

}

.langnews a.list-group-item h3:hover {
font-weight:bold;

}
.box-one-light{background: #f5f5f5; padding:1em .5em .5em 1em;  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; }
.box-pattern{border-radius: 0.25em;  padding:1em ; -moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em; border:1px solid #f4f4f4; background: url("/global/mobile/images/pattern.png") repeat ; overflow:hidden;  }
.box-pattern-dark{border-radius: 0.25em;  padding:1em ; -moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em; border:1px solid #383f52; background: url("/global/mobile/images/pattern-dark.png") repeat ; overflow:hidden;  }
.box-pattern-dark p, .box-pattern-dark a, .box-pattern-dark ul li {color:#e8effe;}
.box-pattern-dark h2, .box-pattern-dark h3, .box-pattern-dark h4, .box-pattern-dark h5,{color:#fff;}
/*.box-one{background: #e7e7e7; padding:1em;  border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em; 	border:1px solid #CCC;    box-shadow: 0 0 0 1px #F8F8F8 inset; overflow:hidden; }*/
/*.box-one-light, .tanbg {background: #f5f5f5; padding:1em .5em .5em 1em;  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; }
.box-one-narrow {background:#f4f4f4;  padding:1em 0em .5em .5em; 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; }
.box-one-white{background: #FFFFFF; padding:1em;   border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;	border:1px solid #CCC;    box-shadow: 0 0 0 1px #F8F8F8 inset; overflow:hidden; }
.box-one-beige{background: #f6f3ec; padding:.5em .5em .5em 1em;  border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;	border:1px solid #efebe2;    box-shadow: 0 0 0 1px #fff inset; overflow:hidden; }*/
/*.........Buttons.......................*/
.blue-button{background: linear-gradient(to bottom, #1F579C 5%, #154C8F 100%) repeat scroll 0 0 #1F579C; background-color:#e59c28;    border: 1px solid #073F83;  border-radius: 4px;
    box-shadow: 0 1px 0 0 #276EC4 inset; padding:30px auto; display: block;   width:90%;  text-align:center;  margin:1.2em 0; }
.blue-button a{font-size:110%; text-transform:uppercase; color:#fff; font-weight:normal;  line-height:200%; padding: 7px 20px;}
.orange-button{background-color: #de6860 !important;    box-shadow: 0 1px 0 0 #cf483f inset;  display: block;    text-align: center;   width: 90%;   margin:1.2em 0;}	
.orange-button a{font-size:110%; text-transform:uppercase; color:#fff; font-weight:normal; line-height:200%; padding: 7px 20px;}	
.gray-button{background: linear-gradient(to bottom,  #b3bbcd  5%, #c5cbd9 100%) repeat scroll 0 0 #b3bbcd;    border: 1px solid #babfcc;  border-radius: 4px;
    box-shadow: 0 1px 0 0 #f1f5ff inset;  display: block;    text-align: center;   width: 90%;   margin:1.2em 0;}	
.gray-button a{font-size:110%; text-transform:uppercase; color:#fff; font-weight:normal; line-height:200%;}	
.orange-button a:hover, .blue-button a:hover, .gray-button a:hover{ text-decoration:none; opacity:0.60;filter:alpha(opacity=120);}
.orange {color:#ef8407;}	
.box-one-blue-light{   background: #ECF1F7;      border: 1px solid #dce4ed;  border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;  box-shadow: 0 0 0 1px #F6F9FD inset;    margin: 0.5em 0 1em;    overflow: hidden;    padding:.5em .5em .5em 1em; }
.box-one-blue{   background-color: #5A81B2;    border: 1px solid #4273A4;   border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;   box-shadow: 0 0 0 1px #89B0D8 inset;    margin: 0.5em 0 1em;    overflow: hidden;   padding:.5em .5em .5em 1em; }
.box-one-blue h2, .box-one-blue h3, .box-one-blue h4 {color:white; font-weight:lighter; }
.box-one-blue h3{border-bottom: 1px dotted #ffffff}
.box-one-blue a{color:#f0b767;   }
.box-one-blue p{color:white; }
.box-one-blue li {color:white; }

.boxoutline {border: 1px solid #ECEBEB;    border-radius: 0.25em;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-khtml-border-radius: 0.25em;    box-shadow: 0 0 0 1px #FFFFFF inset;}
.box-dark { background: #e7e7e7; border-radius: 0.25em 0.25em 0.25em 0.25em;	border:1px solid #CCC;    box-shadow: 0 0 0 1px #F8F8F8 inset; overflow:hidden;  }

/*.whitebg {background-color: #FFF;}
.graybg {background-color: #f5f5f5;}*/


.boxlinks { padding:1em 1em 0 1em ; margin:0 0 1em 0; border:1px solid #ebebea; background-color:#f3f3f1;}
/*.........List Styles.....................*/
.nobullets ul {list-style-type: none;}
.nobullets ul li { padding: .25em 0px .25em 0px;  margin-left: 0px;}

/*.............CSS CIRCLES - used on neighbor-to-neighbor page................*/

.blue-circle {    width: 90px;    height: 90px;    border-radius: 50%;    margin: 10px 20px 10px 0;    background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #2c9ea2 0%, #1b9397 100%, #2c9ea2 100%); background-image:-webkit-radial-gradient(45px 45px, circle cover, #2c9ea2, #1b9397);
 background-image: radial-gradient(45px 45px 45deg, circle cover, #2c9ea2 0%, #1b9397 100%, #1b9397 95%);    }
	
.circle-green, .circle-blue {    width:100%;	font-family: Arial;	font-size:16px !important;}
.circle-green:after {   content: "";   display: block;    width: 100%;    height:0;	background: #70a557;  padding-bottom: 100%;   -moz-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;	position:relative;	z-index:1;}
.circle-blue:after {    content: "";   display: block;    width: 100%;    height:0;	background: #5a81b2;    padding-bottom: 100%;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50%;	position:relative;	z-index:1;}
.circle-green p, .circle-blue p {  float:left;  width:100%; line-height:.5em;text-align:center;font-size:3.4em;	position:relative;z-index:20;	top:-0.8em;	margin:0;	padding:0;}
.circle-green p span, .circle-blue p span {font-size:70%; line-height:70%;}
.circle-green .number, .circle-blue .number {    float:left;    width:100%;	margin:0;	padding:0;    line-height:100%;  text-align:center;	font-size:6.4em;position:relative;top:0em;	z-index:10;}
.l-green{color:#9bbb8c; }
.l-blue{color:#7e9dbc;}
.white{color:#FFF;}

/*.........Tiles..........*/
.smalltiles ul{ float:right; width:65%;  background-color:#f2f5f6; margin:0 0 2em 0; padding:0;}
.smalltiles ul li{ float:left; width:100%; padding:.3em 0 ;margin:0; display:block; border-top:1px solid #fff; border-bottom:1px solid #e5e9eb; }
.smalltiles ul li:hover{ background-color:#e8eced; }
.smalltiles ul li a{ padding-left:.4em; }
.smalltiles img{ float:left; width:31%; color:#fff;}
#buton-next{background-color:#ccc;}
/*.........Responsive Slides..........*/
.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  border: 0;  }

.arrow{
		background:url(/global/2011/images/orange-arrow.png) no-repeat 0 5px; 
		list-style-type:none; 
		padding:0 0 0 1.8em; 
		margin:0;
		margin-bottom:1.2em; 
		vertical-align:middle;
		}
		
		/* ............Banner ..........*/

#subbanner {		width:100%; margin:0 auto 20px auto;  		height:auto;  
		padding:0; 
		-moz-border-radius:8px; 
		-webkit-border-radius:8px; 
		border-radius:8px; 
		-khtml-border-radius:8px;    
		box-shadow: 0 0 0 1px #FFFFFF inset;
  		-moz-box-shadow:    1px 1px 4px 2px #ccc;  
		-webkit-box-shadow: 1px 1px 4px 2px #ccc;  
		box-shadow:     1px 1px 4px 2px #ccc;   
		margin-bottom:15px;
		}
		
		
		.white, h2.white, p.white, h3.white, h4.white, #subbanner h2.white {color:#FFF;}
.blue-bg{background-color:#3ac1c6; }
.green-bg{background-color:#3ac1c6;}

span.green { color:#84c841;
}
.orange-bg{background-color:#eaa537;}
.electricblue-bg{background-color:#00b0e7;}
#subbanner img{  
	margin:0; 
	padding:0;  
	float:left; 
	width:25%;
	-moz-border-radius:8px 0 0 8px; 
	-webkit-border-radius:8px 0 0 8px; 
	border-radius:8px 0 0 8px; 
	-khtml-border-radius:8px 0 0 8px;
}
#subbanner hgroup{  padding:0;  float:right; width:75%; text-align:center; margin:0; }
.twolines { margin:1em .3em 0 .3em ;}
.threelines { margin:.3em .3em 0 .3em ;}
#subbanner h2, #subbanner h3, #subbanner h4 { margin:0; padding:0;  }
#subbanner h2{ color:#323e49; font-size:1.9em; font-weight:200; margin-top:15px;  }
#subbanner h3{  font-size:1.2em;  color:#323e49;  font-weight:bold; border:0; margin:15px 0 10px 0px;   }

#subbanner h3.white{  font-size:1.2em;  color:#FFF;  font-weight:bold; border:0; margin:15px 0 10px 0px;   }

#subbanner h4{  font-size:1.1em;line-height:1.3em;  color:#333;  font-style:italic;  font-weigh:bold; margin-top:5px;  }
#subbanner h2.large {  font-size:2.5em;    }
#subbanner h3.small{  font-size:1em;  }


/* KATRINA's STYLES */
 /****  CALL OUT BOXES */
 .section-callout {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.section-callout-dark {
    background: #323e49;
    padding: 1.6666666667em 7.5%;
	border-radius: .25rem;
}

.section-callout-light {
    background: #91ffff;
    padding: 1.6666666667em 7.5%;
	border-radius: .25rem;
}


.section-callout-blue {
    background: #3c5a78;
    padding: 1.6666666667em 7.5%;
	border-radius: .25rem;
}

.section-callout-green {
    background: #2c9ea2;
    padding: 1.6666666667em 7.5%;
	border-radius: .25rem;
}
 .section-callout-blue .section-text h1,  .section-callout-blue .section-text h2, .section-callout-blue .section-text h3,  .section-callout-blue .section-text h4,  .section-callout-blue .section-text h5 ,  .section-callout-blue .section-text li{
   color:#FFF;
 
}

 .section-callout-blue h1,  .section-callout-blue  h2, .section-callout-blue  h3 ,  .section-callout-blue  h4,  .section-callout-blue  h5, .section-callout-blue  p,  .section-callout-blue  li {
   color:#FFF;
 
}

 .section-callout-blue a {
 
 color:#91ffff;}
 
 .section-callout-green .section-text h1,  .section-callout-green .section-text h2, .section-callout-green .section-text h3,  .section-callout-green .section-text h4,  .section-callout-green .section-text h5, .section-callout-green .section-text p, .section-callout-green .section-text li {
   color:#FFF;
 
}

.section-callout-green  h1,  .section-callout-green  h2, .section-callout-green  h3,  .section-callout-green  h4,  .section-callout-green  h5, .section-callout-green p, .section-callout-green li {
   color:#FFF;
 
}

.section-callout-green  a {

color:#fff;
}

.section-callout-green  a:hover {
text-decoration:none;

}

.section-callout-green .section-text a:hover {
text-decoration:none;

}

.section-callout-green .section-text a {
text-decoration:underline;	
color:#fff;
}
.section-callout-green .section-text a:hover {
text-decoration:none;

}
.section-callout-blue .section-text {
    color: #fff;
    padding: 0 1em 1em;
}

.section-callout-green .section-text {
    color: #fff;
    padding: 0 1em 1em;
}
 .section-callout-dark .section-text h1,  .section-callout-dark .section-text h2,  .section-callout-dark .section-text h3,  .section-callout-dark .section-text h4,  .section-callout-dark .section-text h5, .section-callout-dark .section-text li{
   color:#91ffff;
 
}

 .section-callout-light .section-text h1,  .section-callout-light .section-text h2, .section-callout-light .section-text h3,  .section-callout-light .section-text h4,  .section-callout-light .section-text h5, .section-callout-light .section-text li {
   color:#444;
 
}

.section-callout-dark .section-text, .section-callout-dark .section-text, .section-callout-dark p, .section-callout-dark li {
    color: #fff;

}

.section-callout-dark a {
    color: #91ffff;
  
}

.section-callout-dark h3 {
color:#91ffff !important;}


.section-callout-dark a:hover {
    color: #017688;
  
}

.section-callout-dark .section-button a {
    color: #017688;
  
}

.section-callout-dark  .section-button a:hover {
    color: #2c9ea2;
  
}

.section-callout-dark .section-text .section-button,  .section-callout-dark .section-button p, .section-callout-dark .section-button li {
	color: #323e49;
}





  .button-gray a,   .button-gray p  a {
    color: #FFF !important;
  
}

.button-gray a:hover,   .button-gray p a:hover {
    color: #91ffff;
  
}

 .button-gray p {
    color: #91ffff;
  
}


.section-callout-light .section-button a
{
	color: #FFF ;
}

.section-callout-light .section-button a:hover
{
	color: #017688 ;
}


.section-callout-light .section-text {
    color: #384450;
    padding: 0 1em 1em;
}

.section-callout .section-button {
    padding-left: 0.75em;
    text-align: initial;
	/*color:#384450;
	background-color:#91ffff; */
}
.section-callout .section-button {
    text-align: center;
}

.button-cyan {
    background: #91ffff !important;
    border:none;
    color: #444 !important;
}

.button-gray {
    background: #384450 !important;
    border:none;
    color: #91ffff !important;
}

.button-white {
    background: #FFF !important;
    border:none;
    color: #ac2a1e !important;
}
.section-callout .section-button .button {
    margin: 0; padding: .75em 2em; text-shadow:none;font-weight:bold;
}

/****  BIG PHOTO FULL SCREEN BOXES */
#event_wrapper {
    background: #323e49;
    padding: 0;
}
#event_content {
 
    margin: auto;
    padding: 0;
	color:#91ffff;
}

#event_content p, #event_content h1, #event_content h2, #event_content h3, #event_content h4, #event_content h5
{
color:#91ffff;	
}


#event_content a
	{color:#FFF;
}
#event_content a:hover
	{color:#2c9ea2;
}



#event_wrapper .col-sm-4 {
padding:0px;	

}

#event01_content, #event01_img, #event02_content, #event02_img, #event03_content, #event03_img, #event09_content, #event09_img {
    text-align: center;
    margin: 0 auto;
	color:#91ffff;	
}

#event02_content , #event01_img, #event03_img{
padding:30px;	
}
	
#event_wrapper p img {
    width: 100%;
    height: auto;
	margin:0px;
	padding:0px;
}
#event_wrapper p{

	margin:0px;
	padding:0px;
}


#event_content {
 
    margin: auto;

	color:#91ffff;
}

.card.darkgraybg {
 background: #323e49;	
}
#event_wrapper_cards p, #event_wrapper_cards h1, #event_wrapper_cards h2, #event_wrapper_cards h3,#event_wrapper_cards h4, #event_wrapper_cards h5
{
color:#91ffff;

}



#event_wrapper_cards a
	{color:#FFF;
}
#event_wrapper_cards a:hover
	{color:#2c9ea2;
}



#event_wrapper_cards .col-sm-4 {
	

}


.card .caption {
padding-left:1em;
padding-right:1em;
}

	
#event_wrapper_cards p img {
    width: 100%;
    height: auto;
	margin:0px;
	padding:0px;
}

/* color overlay, photos become visible on hover */

.features .col-sm-4, .features .col-sm-3 {
padding:0;	
}
.features #patrols { background:url(/uploadedImages/curriculum/wellness/patrols-color.jpg) top center no-repeat; background-size:cover; }

.features #patrols:hover { background:url(/uploadedImages/curriculum/wellness/patrols.jpg) top center no-repeat; background-size:cover; }

.features #council { background:url(/uploadedImages/curriculum/wellness/council-color.jpg) top center no-repeat; background-size:cover; }

.features #council:hover { background:url(/uploadedImages/curriculum/wellness/council.jpg) top center no-repeat; background-size:cover; }

.features #staff { background:url(/uploadedImages/curriculum/wellness/staff-color.jpg) top center no-repeat; background-size:cover; }
.features #staff:hover { background:url(/uploadedImages/curriculum/wellness/staff.jpg) top center no-repeat; background-size:cover; }

.features #pta { background:url(/uploadedImages/curriculum/wellness/pta-color.jpg) top center no-repeat; background-size:cover; }
.features #pta:hover { background:url(/uploadedImages/curriculum/wellness/pta.jpg) top center no-repeat; background-size:cover; }

.features #advisory { background:url(/uploadedImages/curriculum/wellness/advisory-color.jpg) top center no-repeat; background-size:cover; }
.features #advisory:hover { background:url(/uploadedImages/curriculum/wellness/advisory.jpg) top center no-repeat; background-size:cover; }

.features h2 { margin:0; padding:0; }
.features h2 a {
    color: white;
    padding: 110px 0 90px 0;
    text-align: center;
    display: block;

    text-transform: uppercase;
  
	margin:0;
}

/* BUTTON WITH RIGHT POINTING ARROW */

.btn-arrow{ position:relative; cursor:pointer; display:inline-block;   color:#FFF; text-transform: uppercase; font-size: 1em; font-weight:bold; padding:10px 10px 0 10px; }
.btn-arrow::after,.btn-arrow::before { position:absolute; top:0; content:'';}
.btn-arrow:hover>span { margin-right:1em; padding-right:2em;}
.btn-arrow:hover::before { right:0;}
.btn-arrow::before { transition:all .45s ease-in-out 0s; left:0; right:3em; height:100%;  z-index:2;}
.btn-arrow::after { right:0; display:inline-block; z-index:3; width:4em; height:3em; background-position:1em center;}
.btn-arrow::after {        vertical-align: middle;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMiIgYmFzZVByb2ZpbGU9InRpbnkiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjIyLjk2NXB4IiBoZWlnaHQ9IjIyLjAwOHB4IiB2aWV3Qm94PSIwIDAgMjIuOTY1IDIyLjAwOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjIyLjk2NSwxMS4wMjEgMTEuNzgzLDAgMTAuMTM1LDEuNjIzIDE4LjU4LDkuOTE1IDAsOS45MTUgMCwxMi4xIDE4LjYwOSwxMi4xIDEwLjE4MiwyMC40MDYgMTEuODA3LDIyLjAwOCAyMi45NjUsMTEuMDIxIDIyLjk2NSwxMS4wMjEgIi8+PC9zdmc+);
 background-repeat:no-repeat;}

 .btn-arrow> span{    padding-left: 0;}
.btn-arrow> span > span {    display: inline-block;    padding-top: 1em;}
.btn-arrow> 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;	}
	
/*.........BORDERS AND HORIZONTAL LINES.......................*/

/*  Boxes for Important News Blurbs */

.blurb-right {
	margin:10px;
	margin-left:20px;
	margin-top:20px;
	text-align:center;
	float: right;
    padding: 10px;
    width: 29%;

	}


.blurb-right h3 {
 
	color:#FFF;
  

}

.blurb-right p {
	color:#FFF;
}

.faqs {
	display: block; text-align: left; position: relative; margin-bottom: 1em; font-size:1.2em; font-weight:bold;
}
.faqs a {
color:#3C5A78; text-decoration:none;	
}

.faqs a:hover {
color:#a0a090;text-decoration:underline;	
}


/* Buttons */
.orange-button a, .blue-button a {
    color: #fff !important;
    display: block;
    font-size: 98%;
    font-weight: normal;
    line-height: 2.6em;
    text-transform: uppercase;
}

a.orange-btn {
   
    font-weight: bold;
    padding: 6px 12px;
	 background-color: #f09500;
    border: 1px solid #fec05c;
	color:#FFF;

}

a.orange-btn:hover {

	 background-color: #f38b1a;
 

}

.btn-green {
background-color: #84c841;
    border: 1px solid #62a61f;
    box-shadow: 0 0 0 1px #9ae550 inset;
	color:#FFF;

}

a.btn-green:hover {
text-decoration:underline;
	color:#FFF;

}

.btn-blue {
background-color: #5395ea;
    border: 1px solid #4b8ce0;
    box-shadow: 0 0 0 1px #70aefd inset;
	color:#FFF;

}

a.btn-blue:hover {
text-decoration:underline;
	color:#FFF;

}

.btn-darkblue {
  background: #4479b5;
  background-image: -webkit-linear-gradient(top, #4479b5, #185093);
  background-image: -moz-linear-gradient(top, #4479b5, #185093);
  background-image: -ms-linear-gradient(top, #4479b5, #185093);
  background-image: -o-linear-gradient(top, #4479b5, #185093);
  background-image: linear-gradient(to bottom, #4479b5, #185093);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #185093 1px;
  text-decoration: none;
  
}

.btn-darkblue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btn-round {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 5px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;	
}



.btn-big {
	font-size:120%;
	font-weight:bold;
	
}

.faq-a {
	clear:all;
float:left;
width:5%;
color:#2b455a;
font-size:1.6em;
}

.faq-q {
	clear:all;
	float:left;
	width:5%;
	color:#2b455a;
	font-size:1.6em;
}

faq-text {
	float:right;
	width:95%;
}

/* calendar item */

@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro|Oswald);

/****************************************/
/* Styling rules, such as font and colors */
.date-as-calendar {
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-family: "Helvetica", "Arial", sans-serif;

  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
  vertical-align: top;

  /* margin: 1ex; */

  color: black;
  background: white;
  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

  border: 1px solid #888;
  border-radius: 3px;
  overflow: hidden;

  box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
  text-align: center;
  line-height: 1.0;
}
.date-as-calendar .month {
  font-family: archivonarrow;
  text-transform: uppercase;
  background: #2c9ea2;
  background : linear-gradient(to bottom right, #30cfd0 0%, #30cfd0  100%);
  color: white;
}


/****************************************/
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
  display: inline-block;
  position: relative;
  
  width: 4em; 
  height: 4em; 
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-em.date-as-calendar .month {
  top: 0px;
  font-size: 0.75em;
  padding: 0.8em 0;
	height:2em;
}
/*.position-em.date-as-calendar .weekday {
  top: 1.6em;
  font-size: 0.6125em; 
}*/
.position-em.date-as-calendar .day {
  top: 1.8em;
  font-size: .9em;
  font-weight:bold;
}
.position-em.date-as-calendar .year {
  bottom: .2em;
  font-size: 0.87750em;
}

/************************ WHEN TIME OR DAY OF WEEK IS INCLUDED ****************************/
#weekday.position-em.date-as-calendar .month {
  top: 0px;
  font-size: 0.75em;
  padding: 0.1em 0;
}
#weekday.position-em.date-as-calendar .weekday {
  top: 1.54em;
  font-size: 0.7em;
}
#weekday.position-em.date-as-calendar .day {
  top: 2.1em;
  font-size: .9em
}
#weekday.position-em.date-as-calendar .year {
  bottom: 0px;
  font-size: 0.87750em;
}


/****************************************/
/* Multiple sizes. */
.date-as-calendar.size0_5x {
  font-size: 8px;
}
.date-as-calendar.size0_75x {
  font-size: 12px;
}
.date-as-calendar.size1x {
  font-size: 16px;
}
.date-as-calendar.size1_25x {
  font-size: 20px;
}
.date-as-calendar.size1_5x {
  font-size: 24px;
}
.date-as-calendar.size1_75x {
  font-size: 28px;
}
.date-as-calendar.size2x {
  font-size: 32px;
}
.date-as-calendar.size3x {
  font-size: 48px;
}



/* ------------ MARGINS -------------- */
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;} 
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}

.margin-top-5  { margin-top:5px;}
.margin-top-10 { margin-top:10px;} 
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-25 { margin-top:25px;}
.margin-top-30 { margin-top:30px;}
.margin-top-35 { margin-top:35px;}
.margin-top-40 { margin-top:40px;}
.margin-top-45 { margin-top:45px;}
.margin-top-50 { margin-top:50px;}
.margin-top-55 { margin-top:55px;}
.margin-top-60 { margin-top:60px;}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}


.circle-border  {
    border: 6px solid #ccc;
    max-width: 80%;
}

 .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#iconcircles a img, #iconcircles img {
    background: #2c9ea2;
    border: 8px solid #dbdee1;
    margin-bottom: 24px;
    -moz-box-shadow: 0 0 6px 2px #e7e7e7;
    -webkit-box-shadow: 0 0 6px 2px #e7e7e7;
    box-shadow: 0 0 6px 2px #e7e7e7;
	}
	
	#iconcircles-light a img, #iconcircles-light img {
    background: #21bfbf;
    border: 3px solid #20afb4;
    margin-bottom: 24px;
    -moz-box-shadow: 0 0 6px 2px #e7e7e7;
    -webkit-box-shadow: 0 0 6px 2px #e7e7e7;
    box-shadow: 0 0 6px 2px #e7e7e7;
	}
/* ----------------------------------  BUTTON HEADINGS FOR ERSC Page ----------------------- */

.btn-u.btn-u-blue {
    background: #5395eb none repeat scroll 0 0;
}

.btn-u.btn-u-orange {
    background: #cc6636 none repeat scroll 0 0;
}

.btn-u.btn-u-green {
    background: #84c841 none repeat scroll 0 0;
}


.btn-u.btn-block {
    text-align: left;
}
.btn-u-lg, a.btn-u-lg {
    font-size: 2em;
    padding: 10px 25px;
}
.btn-u {
    background: #72c02c none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0px 13px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}
.btn-block {
    display: block;
    width: 100%;
}


	
/* -------------------- LANGUAGE PAGES NEWS BOX -----------------------*/




#langnews .list-group-item h3 { text-decoration:none;  border-bottom:0px; font-size:1.2em;
    background: rgba(0, 0, 0, 0) url("/global/2011/images/orange-arrow.png") no-repeat scroll 0 5px;
    list-style-type: none;
   
    padding: 0 0 0 20px;
    vertical-align: middle;
}

#langnews .list-group-item p {
 padding-left: 20px;
}

/* --------------STYLES FOR STUDENT LEADERSHIP PAGE -------------------------*/

.service-box-v1 .service-block {
    background: none repeat scroll 0 0 #fff;
	margin-bottom:20px;
	
    padding-bottom: 20px;
    padding-top: 30px;
}
.service-box-v1 p {
    margin-bottom: 15px;
    position: relative;
	padding-left:5px;
	paddint-right:5px;
}
.service-box-v1 p::after {
    background: none repeat scroll 0 0 ;
    bottom: -5px;
    content: " ";
    height: 1px;
    left: 50%;
    margin-left: -37px;
    position: absolute;
    width: 75px;
}
.service-box-v1 ul {
    padding: 0 20px;
	
}
.service-box-v1 li {
    border-top: 1px dotted #3c5a78;
    font-size: 15px;
    margin: 8px 0;
    padding-top: 8px;
	
}

.service-box-v1 ul li {
	list-style-type: none;
}
.service-box-v1 li:hover {
    color: #e69221;
}
.service-box-v1 li:first-child {
    border-top: medium none;
    padding-top: 0;
}
.service-block-v1 {
    border: 1px solid #e69221;
    margin-top: 20px;
    padding: 45px 20px 20px;
    position: relative;
    text-align: center;
}
.service-block-v1 i {
    background: none repeat scroll 0 0 #5395ea;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    padding: 16px;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 60px;
}
.service-block-v1 h3, .service-block-v1 p {
    margin-bottom: 20px;
}

.service-block-default {

    border: 1px solid #eee;
}
.service-block {
text-align: center;
}

i.icon-bg-u {
    background: none repeat scroll 0 0 #2c9ea2;
}
em.icon-bg-u {
    background: none repeat scroll 0 0 #2c9ea2;
}
i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-darker, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green {
    border-color: transparent;
    color: #fff;
}
i.icon-lg {
    font-size: 31px;
    height: 60px;
    line-height: 60px;
    margin-bottom:0px;
    width: 60px;
	color:#FFF;
}
i.icon-xl {
    font-size: 39px;
    height: 45px;
    line-height: 45px;
    margin-bottom:0px;
	margin-right:5px;
    width: 45px;
	color:#FFF;
}
i.icon-sm {
    font-size: 16px;
	
    height: 35px;
    line-height: 35px;
    width: 35px;
}

em.icon-xs {
    font-size: .9em;
    height: 16px;
    line-height: 16px;
    width: 16px;
	font-weight:bold;
}
i.icon-custom {
 
    display: inline-block;

    text-align: center;


}
em.icon-custom {
 
    display: inline-block;
	color:#FFF;
    text-align: center;
	font-style:normal;

}
.rounded-x {
    border-radius: 50% !important;
	
}


h2.heading-md {
    font-size: 20px;
    line-height: 24px;
}

.list-unstyled {
    list-style: outside none none;
}

.title-v1 h3 {

    margin-bottom: 20px;
    padding-bottom: 0px;
    position: relative;
  
}

.service-block-v6 i {
    float: left;
    margin: 5px 15px 0 0;
}
.service-block-v6 .service-desc {
    overflow: hidden;
}
.service-block-v6 .service-desc h2 {
    font-size: 18px;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.service-block-v6 .service-desc a {
    text-transform: uppercase;
}

 .service-block-v6  i.icon-bg-u {
    background: none repeat scroll 0 0 #e69221;
} 

/* KATRINA's REFRESH 2018 STYLES */
table.table a

{
color:#017688;	
}


h3.card-header {
margin-top:0px;	
}

#iconcircles a img, #iconcircles img {
    background: #2c9ea2;
    border: 8px solid #dbdee1;
    margin-bottom: 24px;
    -moz-box-shadow: 0 0 6px 2px #e7e7e7;
    -webkit-box-shadow: 0 0 6px 2px #e7e7e7;
    box-shadow: 0 0 6px 2px #e7e7e7;
	}
	

	
	.accordion a h4, .accordion a h5, .accordion a h3, .accordion a h2 
	
	{
	border-bottom:none;	
	font-size:1.2em;
	}

.accordion .card .card-header:first-child {
padding: .5rem 1.5rem 1rem ;	
}

/*.........Side Menu. Usualy used at the top left side...........*/
.listnav{ margin-bottom:1.5em ; padding:.25em;  border:1px solid #ecedef;}

ul.listnav {    margin: 0; padding: 0;  list-style-type:none; }
ul.listnav  li { margin:0; padding:0; background-color:#f4f4f4;  list-style-type: none; border-bottom: 1px solid #cccccc;  border-top: 1px solid #ffffff; }
ul.listnav  li h4{  font-weight:300;background:#6a97d0 url("https://www.montgomeryschoolsmd.org/uploadedImages/globalContent/glossyback2.gif") repeat-x ; color: white;border:0;  text-align:left; margin:0;padding:.5em 0 .5em .5em; font-size:1em; line-height:1.3em;  }
ul.listnav  li a {   border-top:0; display:block; border-bottom:none; padding:.3em 0 .3em .8em; margin:0; text-align:lef;}
ul.listnav  li:hover {  background-color:#e8e8e8;  }
ul.listnav  li a:hover{color:#2c2c2a; text-decoration:none;}
ul.listnav  li:first-child {  border-top: none;}
ul.listnav :last-child {  border-bottom: none;}


/* ............responsive iframes ..........*/
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ............sans serif text style ..........*/
.sans {font-family: leaguespartan;}

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

@media only screen and (max-width: 685px) {
	
	.box-pattern, .box-one-light , 	.box, .box-pattern, .box-one, .box-one-narrow , .box-one-white, .box-one-beige {background: none; padding:.5em 0;  border-radius:0;-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius:0;	border:0;    box-shadow: 0; }
	
#subbanner img { display:none;}
#subbanner hgroup{width:100%; font-size:80%; padding:10px;}
.blurb-right {
	 float: none; margin: 0; padding: 0 0 12px; width: 100%; }
}
}