/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Ubuntu:ital,wght@0,500;0,700;1,400;1,500;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.topStripe, .bottomStripe{width:100%;
	height:8px;
	background: rgb(36,86,127);
background: linear-gradient(90deg, rgba(29,46,58,1) 0%, rgba(36,86,127,1) 25%, rgba(52,148,178,1) 50%, rgba(58,153,126,1) 75%, rgba(230,187,57,1) 100%);}

.bottomStripe{float:left;display:block;}

main{padding-bottom:60px!important;}



div#cowheader {
    position: relative;
    z-index: 21;
	
}

.padding-left{padding-left: 0;padding-left:0!important;}

hr {
    border: 2px!important;
    border-top: 1px solid #ddd!important;
    margin: 20px 0!important;
    clear: both;
}

/* *{outline:0;} 'del 20220715 */

.w3-padding.SubTopicContent {
    padding-top: 0!important;
}

body {font-family: 'Albert Sans', sans-serif!important;

font-weight: 400;
font-style: normal;
background:#fff;
	color: #333!important;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	min-height:100vh;
	display:flex;
	flex-direction: column;
	}

/* testing for printing setup */
.showheader {
		display: none;
	}

p, li, a, th, td{font-family: 'Albert Sans', sans-serif!important;

font-weight: 400;
font-style: normal;
	font-size:1.05rem!important;
	line-height:1.6rem;
	word-wrap:break-word !important; 
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

ul.no-bullet{list-style-type:none;}

ul{list-style-type:square;padding-inline-start: 20px;}

p:first-child, li:first-child, a:first-child{margin-block-start:0;}

strong{font-family: 'Albert Sans', sans-serif!important;
	font-weight: 700!important;
	font-style: normal;}

em{font-family: 'Albert Sans', sans-serif!important;
	font-weight: 400!important;
	font-style: italic;}

h2 em{font-family: 'Ubuntu', sans-serif!important;
	font-style:italic;
    font-weight: 400!important;
}


img.round{border-radius:50%!important;}

img.border-yellow{border: 8px solid rgba(229,187,55,.3);}
img.border-green{border: 8px solid rgba(57,153,126,.3);}
img.border-blue{border: 8px solid rgba(51,148,178,.3);}
/* columns */

.text-columns{-webkit-columns: 2;
		-moz-columns:2 ;
		-o-columns: 2;
		columns: 2;
		column-gap: 40px}


/* list styles */

ul.text-list{padding-left: 20px;}

ul.text-list li {
    list-style-type: none;
    position: relative;
    padding-left: 15px;
}

ul.text-list li:before {
    content: "\25BA \0020";
    font-size: .6rem;
    position: absolute;
    top: 0px;
    left: 0!important;
    color: #3494B2;
}

/* BUTTONS */



a.button {font-family: 'Ubuntu', sans-serif!important;
	font-style:normal;
    font-weight: 600!important;
/*  background-color: #3594B2;*/
	width:100%;
	max-width:400px;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.3rem!important;
  margin: 0 auto 20px auto;
  cursor: pointer;
/*	border-radius:25px;*/
	border-bottom:3px solid #24567f;
	background: rgb(53,148,178);
background: linear-gradient(180deg, rgba(53,148,178,1) 0%, rgba(36,86,127,1) 95%);
}

a.button:hover{background:#24567f;}


/* added Terri20210204 */
/* added to hide label on search 10/27/2020 - moved to menu.css
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
*/


.innerWrap{width:90%;
	margin:0 auto;
max-width:1600px}

.innerWrapMenu{width:90%;
	margin:0 auto;
max-width:1600px}


h3 {
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	color: #FFF;
}

h3 a {
	color: #FFF;
}



h2 {
	text-align:center;
	font-size:30px;
	line-height: 50px;
	}

a {
	color: #000;
}
/*
h1 {
	margin-top: 100px;
	text-align:center;
	font-size:40px;
	line-height: 70px;
	}*/


.red{color: #b30000;}

	.icon-color{color:#3594b2!important;font-size: .7rem;}


/*===============TABLES Added jan 27 JWS==================*/

		
	table {
	table-layout:auto;
	border: 1px solid #f2f2f2;
	border-collapse: collapse;
	margin: 10px 0 0;  
	padding: 0;
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
	border-bottom: 4px solid #f2f2f2;
}
	
	table th{
	background:#24567F!important;
	color:#fff;
}
	td{vertical-align:top;}
	
	tr{border-bottom:1px solid #f2f2f2;}
			
	td, th{
	font-family: 'Albert Sans', sans-serif!important;
	font-style: normal;
	font-size: 1.05rem;
	text-align:center;
	padding: .5em;

	}
	
	td.subhead{background: #fdf9ee; color: #333; font-weight: 600; font-size: 1rem!important;}
	
/*	td{font-weight:400;border-bottom: 1px dashed #f2f2f2;}*/
	th{font-weight:700!important;}
	
	






/*===============TESTIMONIALS Added Oct 14 JWS==================*/

	
.firstcharacter {
  		color: rgba(53,148,178,1);
  		float: left;
  		font-family: 'Ubuntu', sans-serif!important;
  		font-weight:600;
  		font-style:normal;
  		font-size: 140px;
  		padding-top: 45px;
  		padding-right: 8px;
  		padding-left: 3px;
	}
	
	
	/* Slideshow container */
.testimonials-container {position: relative;
	background:rgba(53,148,178,.05);
	display:block;
/*	border-radius: 0px  0 50px 0 ;*/
	border-bottom:2px solid rgba(53,148,178,1);}
	
	
	
	
.testimonials-container h4{    
	font-family: 'Ubuntu', sans-serif!important;
    font-weight: 600!important;
    font-size: 1.6rem!important;
    line-height: 2rem;
	margin-top:0;
	padding:30px 0 0px 30px ;
	text-align:left;
}

/* Slides */
.testimonials {
  display: none;
  padding: 10px 30px 30px  30px;
  text-align: left;
}

	.testimonials  p{font-weight: 600!important;}
	.testimonials  p:last-child{margin-bottom:0;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding:8px;
 /* color: #3494b2; */
 color: rgba(53, 148, 178, 1);   /*chg 20241003 */
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #3494b2;
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  height: 5px;
  width: 10px;
  margin: 0 2px;
  background-color: #cee5de;
  display: inline-block;
  transition: background-color 0.6s ease;
	cursor:pointer!important;
}

.dot-container .active, .dot:hover {
  background-color: rgba(53,148,178,1);
}





/*===============DISPLAY QUOTES Added Oct 11 JWS==================*/


.display{background:rgba(53,148,178,.05);
	
	padding:10px 20px;
	display:block;
/*	border-radius: 0px 0 50px 0;*/
	border-bottom:3px solid rgba(53,148,178,1);
		
}
	


.display p{font-size:1rem!important;
	line-height: 1.4rem!important;
	font-weight: 400!important;
	/*font-style:italic;*/
}
	
	
.display h4{ font-family: 'Ubuntu', sans-serif!important;
    font-weight: 600!important;
    font-size: 1.1rem!important;
    line-height: 1.4rem;
	margin-top:0;
	text-align:left;

}
	
/*	.display p:last-child{margin-bottom:0;}*/
	
	

	





/* Scroll to Top */

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 10px;
    background-color: rgba(88,88,88,0.5);   /* changed for accessibility 20240722 rgba(58,153,126,0.5); */
    color:  #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;border-radius: 0 0px 0 15px ;
}
#back2Top:hover {
    background-color: rgba(88,88,88,1);    /*rgba(58,153,126,1); */
    color: #fff;
}


/* added for skip to */
#skip  a { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	
} 
 
#skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; 
} 



.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
/*nav { 
	margin:0;
	padding: 0;
	background-color: #fff;
	    position: absolute;
    z-index: 15;
    width: 100%;
}*/

nav.inside-nav {
    position: relative;
}

/*#logo {
	display: block;
	padding: 0px;
	float: left;
	font-size:20px;
}

#logo a:hover{border-bottom: 1px solid #5b0616;
	border-width: 1px;
	padding-bottom: 2px;
	}*/

.mobile-header, .mobile-header-footer{display:none;}


	
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}

/* Styling the links 
nav a {font-family: open-sans,sans-serif;

font-weight: 700;
font-style: normal;
	display:block;
	padding:14px 20px;	
	color:#000;
	font-size:1.2rem!important;
	text-decoration:none;
	text-align:left;
}
*/
/*
ul.menu li ul li a {
    padding: 10px 20px;
	font-size:1rem!important;
	border-bottom: 1px solid #fff;

}

ul.menu li ul li a:hover {
    background:#333; 
	border-bottom: 1px solid #5b0616;

}
*/


/* nav ul li ul li:hover { background: #333333; } */

/* Background color change on Hover ------------- changed for menu to be underlined Ter 2022/05/13*/
nav a:hover { 
	/* background-color: #333333; ;
	border-bottom: 3px solid #5b0616;
/*	border-width: 10px;
	padding-bottom: 5px;*/
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 52px; 
	background-color: #fff; 

}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
/*	width:170px;*/
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content: ' ' /*' +';*/ }
li > a:only-child:after { content: ''; }
  
.show li > a:after { content:  ' '; }





/* =========================testing sticky menu ============================*/
.main-nav-scrolled {
	position: fixed;
	top:0;
	width: 100%;
	z-index:999999999; 
	/* max-width:1400px; */
}

.main-scrolled {
                padding-top: 70px;  /* keeps the main text from jumping when nav sticks */
}

.backgroundSM {
	/*background-image: url("blue_barSM.png");*/
	background-repeat: repeat-x;
	background-attachment: fixed;
}	
/*sticky menu end*/




/* ====== breadcrumbs =======   202206*/
.breadcrumbs {	

	padding: 5px 5px;
	margin: 25px 0 25px 10px;
	
}

.breadcrumbsBold{	font-family:'Ubuntu', sans-serif!important;
	font-weight:700!important;
	font-size:.9rem!important;

	color:#24567F;
	border-left: 3px solid #24567F;
	padding-left: 5px;
/*	padding-bottom: 5px;*/
border-bottom: 0px solid #24567b;}

.breadcrumbsBold a{	
	color:#333!important;
	background:none;
	text-decoration:underline; 
	margin-bottom:10px!important;
	font-family:'Ubuntu', sans-serif!important;
	font-weight:400!important;
	font-size:.9rem!important;
}

.breadcrumbsBold a:hover{color:#24567b!important;}


/* end breadcrumbs */


/*================== HOME PAGE====================*/

	.home-middle-container{margin: 30px auto;
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(4, 1fr);
		}

	.home-middle-container a{text-decoration: none;}

.home-middle {
    background: #fff;
	border:1px solid #ddd;
/*
    padding: 10px;
    
	box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
*/
    cursor: pointer;
}

.home-middle img{width:100%;}

.home-middle h4{font-weight:700;
		font-size: 1.7rem;
		text-align:center;
		color:#24567f;
	padding:10px;
	margin-bottom:0px!important;

}		
.home-middle p{font-size: 1rem!important;
	line-height: 1.3rem;
		font-weight:500;
		text-align:center;
	margin-top:0px!important;
	color:#333;	padding:10px;

}		

.home-middle:hover{border: 1px solid #000;



}




/*================== COUNCIL STYLES =======================*/


	.councillors h3 {font-size:1.6rem!important;font-weight:400!important;}
	.headshot{max-width:300px;}


.fa-ul{clear:both;}

/*================== NEWS PAGES=======================*/

	.panelNews-small {
    grid-template-columns: 15% 80%!important;
}
	

	
	.date-release {
    display: inline-block;
    width: 100%;
    font-family: 'Ubuntu', sans-serif!important;
    text-align: center;
    vertical-align: top;
	padding:8px 20px 8px;
/*	background:#E7F1F5;
	border-radius:15px 0 15px 0;*/
	border-bottom:3px solid #3394B2!important;
	border:1px solid #3394B2;
	}
	
	
	.month {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
	border-bottom:1px solid #333;
	padding-bottom:5px;
	}
	
	.date {font-weight:400;
    font-size: 4.5rem;
    line-height: 4.5rem;
    display: block;
	padding-top:5px;
	letter-spacing: -3px;
}
	.release-date-small{display:none;}
	



/*================== PAGE SECTION TOPS=======================*/


.sectionImage-main{margin-top:30px;}

.sectionImage-main img {
	width: 100%;
	margin-bottom:20px;
}

.sectionImage img {
	width: 100%;
	margin-bottom:20px;
}




.divisionHeadingLogo{width:170px;float:left;margin:0 1%;}

.divisionHeadingLogo img{width:100%;}


.divisionContent h1{
    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700!important;
    font-style: normal;
/*	letter-spacing: -1px;
    padding-top: 20px;*/
	font-size: 3.4rem;
    line-height: 4rem;
/*    margin: 0px;*/
    text-align: left;
	
}



 .divisionSubject h1{
    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700!important;
    font-style: normal;
	letter-spacing: -1px;
    padding-top: 20px;
	font-size: 3.4rem;
    line-height: 4rem;
    margin: 0px;
    text-align: left;}

.divisionContent h2, .divisionSubject h2, .SubTopic h2, h2 a {
	font-family: 'Ubuntu', sans-serif!important;
    font-weight: 400!important;
    font-size: 1.3rem!important;
    line-height: 2rem;
    text-align: left;
 /*   float: left; */
	margin-top:0;
		
}  

h2.news-header, h2.news-header a{font-family: 'Ubuntu', sans-serif!important;
    font-weight: 400!important;
    font-size: 1.6rem!important;
    line-height: 2.2rem;
    text-align: left;
    float: left;
    letter-spacing: 0px;
    width: 100%;
	margin-top:0;

}

h2.news-header a:hover{color:#3394B2!important;}



h1.news-header{font-size:2.1rem!important;line-height:2.5rem!important;}


/*
.divisionContent h3,.divisionSubject h3, .sidebar h3{font-family: open-sans,sans-serif;
    font-weight: 600;
    font-size: 1.7rem;
	line-height:1.5rem;
	text-align:left;
}
*/


.divisionSubject img{width:100%;margin: 0;}

.divisionContact, .divisionContact-small {
    width: 80%;
    float: left;
	margin: 10%;
}

li.contactHeading, p.contactHeading{
	    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700;
    font-size: 1.4rem!important;
    text-transform: uppercase;
    margin-left: -20px;
	margin-bottom: 5px;
}

p.contactHeading{    margin-left: 0px;
}


.divisionContact ul, .divisionContact-small ul {
    float: left;
	list-style-type:none;
	padding-left:0px;
	margin-top:0px;
}


.divisionContact-small ul.fa-ul{margin-left: 20px;list-style-type:none!important;}

.divisionContact ul li,  .divisionContact-small ul li, .divisionContact ul li a, .divisionContact-small ul li a {
	text-decoration:none;
    text-align: left;
	line-height:1.6rem;
    }


.divisionContact ul li > a:after, .divisionContact-small ul li > a:after {
    content: '';
}

.divisionContact  ul li .fa-li, .divisionContact-small  ul li .fa-li{color:#B30000;
	font-size:.85rem;}

	.form-link {color: #B30000;
    font-size: .85rem;
margin-right:10px;}



.SubTopic {
	width: 100%;

}


.SubTopicContent h1{
    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 500!important;
    font-style: normal;
	font-size: 3rem;
    line-height: 3.4rem;
    margin:0 0 10px 0!important;
	text-align: left;}



.MainTopic h3, .SubTopic h3 {
font-family:  'Ubuntu', sans-serif!important;
  display: block;
  font-size: 1.2rem;

  margin-left: 0;
  margin-right: 0;
  font-weight: 700;
  text-align: left;
  line-height: 1.5rem;
	color:#333;
}

.MainTopic h3,.SubTopic h3:first-child{margin-top:0!important;}


.SubTopic  h4 {
    font-family: 'Ubuntu', sans-serif!important;
    display: block;
    font-size: 1.05rem;
    margin-left: 0;
    margin-right: 0;
    font-weight: 700;
    text-align: left;
    line-height: 1.5rem;
    color: #333;
	margin-bottom:0!important;
}

/* used for Public notices - meeting information paragraphs */
.notices  h4 {
    font-family: 'Albert Sans', sans-serif!important;
    display: block;
    font-size: 1.05rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.6rem;
    color: #333;
}
.notices  h5 {
    font-family: 'Albert Sans', sans-serif!important;
    display: block;
    font-size: 1.05rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.6rem;
    color: #333;
}

.notices h4 em {
	font-family: 'Albert Sans', sans-serif!important;
	font-style: italic;
        font-weight: 600!important;
}

.notices h5 em {
	font-family: 'Albert Sans', sans-serif!important;
	font-style: italic;
        font-weight: 600!important;
}
/* h5 or h4 public notices - meeting information paragraphs */


.SubTopic img{max-width:100%;}


.resource h4 {
font-family:  'Ubuntu', sans-serif!important;
  display: block;
  font-size: 1.1rem;
  margin-left: 15px;
  margin-top: 0;
  font-weight: 700;
  text-align: left;
  line-height: 1.3rem;
	color:#333;
}

.resource p{  margin-left: 15px;
}

/*================== INNER TOPIC  PAGE SECTION TOPS=======================   202206*/

/* start right menu area and contact info  202206 */

.right-nav {
/*	border-left: 1px solid #ddd;*/
	width: 100%;
	padding-left: 20px;
	margin-right: 0px;
	
}

.contactdt {
   z-index: 1;
  background-color: white;
  color: #000;
    margin-top: -19px; 
	margin-left:5px;
  border-top: 1px solid #ddd;
    padding-top: 10px;

  
}

.contactdt p{
   font-family: 'Ubuntu', sans-serif!important;
  font-weight: 500;
    font-style: normal;
    font-size: 1.1rem!important;
    line-height: 2rem;
	padding-left: 5px;
    word-wrap: break-word !important;
	
}

.contactdt a {
  font-family: 'Albert Sans', sans-serif!important;
  text-decoration: none;
	font-weight:400;
  font-size: 1rem!important;
line-height: 1.5rem;
	display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
 /* outline: none; */
}


.contactdt ul li{
	margin-bottom:2px;
		font-weight:400;

}



.contactdt ul li a {text-decoration: underline;
   /*text-decoration: none;   chg 20240619 */
    font-size: 1rem!important;
    width: 100%;
    text-align: left;
    cursor: pointer;
	color:#000;
}

.contactdt ul li a:hover{text-decoration:underline;}



.contactdt ul.fa-ul{padding-left:0px;margin-left: 24px;}



.contactdt ul.fa-ul .fa-solid, .fas {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
	float:none;
}

/* end right menu area and contact info 202206*/

/* start form buttons   202206*/
ul.form-button{list-style-type:none;
	margin:0px 0 20px; padding:0;}

ul.form-button li a{
	font-family: 'Ubuntu', sans-serif!important;
	font-weight: 700;
	font-style: normal;
	color:#000;
	border: 1px solid #ddd;
	padding:10px 15px;
    font-size: 1.1rem;
	float:left;
	text-align:left;
	background:#ffffff;
	text-decoration:none;
	margin-bottom:5px;
    width: 100%;
   }

.form-button li a:hover{background: #065b85; color:#fff;}

/*end form buttons 202206 */

/*==============START FOOTER================*/

/*
.footer {width: 100%;
	background-color: #065b85!important; 
	margin:  30px 0 0 0;
	float:left;
}

.footer-content{padding: 20px 0!important;
	width:100%;
	float:left;}

.footer-content ul{
	list-style-type:none;
	padding-left:0px;}
	

.footer-content p, .footer-content a, .footer-menu a{ 
	font-size:.9rem!important;
	line-height: 1.3rem!important;
	color:#ffffff;}




	.footer-social ul {padding-left:0;width:100%;float:left;margin:0;}
	.footer-social ul li{display:inline; }
	.footer-social ul li a{margin-right:5px;}
	.footer-social ul li a img:hover{opacity:0.5;}
	.footer-social, 
	.footer-credit{width:100%;float:left;}
	.footer-credit{margin-left:5px;margin-top:0;margin-right:5px;}
	.footer-credit p a{font-size:1rem!important; font-weight: 400;line-height: 1rem;}
	
	a.livestream {width: 79px!important;  
		height: 25px!important;  
		float:left;
	}
	
	a.social-icons{	width: 25px!important;  
	height: 25px!important;  
	float:left;
}



.footer-menu{background:#333!important;width:100%;float:left;}*/


/*=================DIVISION STYLINGS====================*/	

.w3-row.w3-row-padding.related-topics {
    padding: 0;
}

#related {
  width: 90%;
	float:left;
  padding: 0;
  text-align: center;
  margin-top: 0px;
  display:none;
}

#related ul{
  width:100%;
	margin:0;
	list-style-type:none;
	text-align:left;
	padding-left:0;
}

#related ul li{
  display:inline;
}


#related ul li a, button.related-button{
	font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700;
    font-size: 1.2rem!important;
	line-height: 2.2rem;
	text-align: left;
	
}

button.related-button {
	width:10%;
	float:left;
    color: #fff;
    background: none;
    outline: none;
    border: none!important;
    text-transform: uppercase;
    margin-top: 4px;
	cursor:pointer;
	margin-bottom:4px;
}

#related ul li a{
    margin: 0;
	cursor:pointer;
	color:#fff;
	padding: 5px 10px;
    text-decoration: none;
	float:left;
}

#related ul li a:hover{background:rgba(0,0,0,.3)}


/** cards 2022/06  ***/

.division-cards {margin: 30px auto;
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: repeat(4, 1fr);}

.maintopic-cards {margin: 30px auto;
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: repeat(3, 1fr);}
	
.meeting-cards {margin: 30px auto;
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: repeat(2, 1fr);}
	
.market-cards {margin: 30px auto;
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(3, 1fr);}

.display-cards {margin: 30px auto;
	display: grid;
	grid-gap: 3rem;
	grid-template-columns: repeat(3, 1fr);}	

		
.entry-card{background-color: #fff;
	color: #333;
	padding: 1.5rem;
	height: auto;
	border: 1px solid  #ddd;
/*	border-bottom: 3px solid #004c78;*/
	cursor:pointer;
	-webkit-transition: .25s;
	text-align: center;
}
.entry-image{background-color: #fff;
	height: auto;
	cursor:pointer;
	-webkit-transition: .25s;
	text-align: center;
	position:relative;
	    border: 3px solid #fff;
}

.entry-image img{width:100%;}

.entry-image p{
    font-size: 1.3rem!important;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 0;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    Left: 0;
    color: #fff;
    padding: 25px 15px;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%);}

	i.entry-icon {float: left;width:100%;}



		
.entry-card a{text-decoration:none;}
	
.entry-card:hover, .entry-image:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	cursor:pointer;
}
				
	
i.entry-icon {float: left;width:100%;color:#004c78;font-size:3.5rem;}

.entry-card  h4{font-family: 'Ubuntu', sans-serif!important;
	font-weight: 600;
	font-style: normal;
    font-size: 1.5rem;
    line-height: 1.9rem;
    color: #1D2E3A!important;
    text-align: center;
    margin: 20px 0 0;
	width: 100%;
    float: left;
    }

.subtopic-cards {margin: 10px auto;
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: repeat(2, 1fr);}
	
.thumbnail-card {
	width: 100%;
	padding: .1rem;
	height: auto;
	-webkit-transition: .25s;
	}
	
.thumbnail-card img{
      max-width:100%;
	  height: auto;
    }
	
.event-card{background-color: #fff;
	color: #333;
	padding: 1rem;
	height: auto;
	border: 1px solid  #ddd;
/*	border-bottom: 3px solid #004c78;*/
/*	cursor:pointer; */
	-webkit-transition: .25s;
	display: flex;
  flex-direction: column;
  position: relative;
  text-align: left;

}

	i.event-icon {float: left;width:100%;}



		
.event-card a{text-decoration:none;	color: #fff; background: #005a8f;
}
	
.event-card:hover {
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
	/* cursor:pointer; */
}
				
	

/** end section 2022/06  ***/

/*+++++++++++++++++++++ EVENTS  ++++++++++++++++++++++++  202206*/



.call-out, .event-details {
    margin-left: 0;
    padding-left: 15px;
    border-left: 5px solid #e5ba38;
	margin-top:20px;
	
}

.call-out p{font-weight:600!important;}

.event-details ul.fa-ul{margin-left: var(--fa-li-margin,1.5em);}
	

.date-container {
	width:100%;
	padding:  5px 10px;
	background: #005a8f!important;
	text-align:left;
	vertical-align: top;
	margin-bottom: 5px;
}


.event-top {
	color: #fff;
	background: #005a8f!important; 
	font-weight: 700; 
	font-family: 'Ubuntu', sans-serif!important;
	font-size:1.3rem;
	}


.event-title {
	font-family: 'Ubuntu', sans-serif!important;	
 	font-size: 1.2rem;
 	line-height: 1.6rem;
	margin-right: 5px;

}

.event-description {
	padding:  5px;
	display: block;
    font-size: 1.1rem;
	line-height:1.3rem;
    font-family: 'Ubuntu', sans-serif!important;

}

.eventbtn {
  padding: .75rem 1.25rem;
  	background: #005a8f;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  min-width: 100%;
  /* push footer to bottom */
  margin-top: auto;
  /* ensure width includes padding */
  box-sizing: border-box;
	
}

.eventbtn:hover {
	 cursor:pointer; 
}

.eventbtn .fas.fa-long-arrow-alt-right{
	float:right!important;
	color: #fff;
	
}

 .fa-calendar-days:before {
    content: "\f073";
    font-size: 1.1rem;
}
.event-top .fa-solid.fa-calendar-days{

 margin-right:10px;
	float:left;
	padding-top: 4px;
}


#more {display: none;}


	/* cow-share 

#share {
	width: 100%;
  	margin: 20px auto;
  	text-align: left;
	padding-bottom: 20px;
/*    border-bottom: 1px solid #ddd;
}

/* buttons 

#share a {
	width: 40px;
  	height: 40px;
  	display: inline-block;
 	text-align:center;
 
  	font-size: 24px!important;
  	color: #fff;
	opacity: 0.75;
	transition: opacity 0.15s linear;
}

#share a:hover {
	opacity: 1;
}

/* icons 

#share i {
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

/* colors 

.facebook {
 	background: #3b5998;
}

.twitter {
  	background: #55acee;
}

		.calendar{
			
				background: #7d7752;
		}

.email {
  	background: #5b0616;
}
.instagram {
  	background: #30618a;
}


/*===============================IMAGE CAROUSELS=====================================*/

.image-container2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(34%, 1fr));
  justify-items: center;
  grid-gap: 2px;
	margin-bottom:30px;}
	
.image-container3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  justify-items: center;
  grid-gap: 2px;
	margin-bottom:30px;}
	
	
	.image-container6 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
  justify-items: center;
  grid-gap: .5rem;
		margin-bottom:15px;
}

	.image-container4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  justify-items: center;
  grid-gap: 2px;
/*		margin-bottom:30px;*/
}

.item {
  width: 100%;
  overflow: hidden;
  background: #000;
}
		
		.item a{background:none;}

.image-container3 img, .image-container4 img, .image-container6 img {
  opacity: 0.9;
  width: 100%;
  height: 100%;
  transform: scale(1.15);
  transition: transform 0.5s, opacity 0.5s;
}

.image-container3 img:hover, .image-container4 img:hover, .image-container6 img:hover {
  opacity: 1;
  transform: scale(1.03);
}
		


/*+++++++++++++++++++++ END EVENTS PAGE ++++++++++++++++++++++++  202206*/


ul.subject-lists{
	margin:0;
	padding:0;
	list-style-type:none;}


ul.subject-lists li ul {
    margin-left: 40px;
	margin-top: 10px;
    margin-bottom: 10px;

}

i.far.fa-arrow-right {
    font-size: .8rem;
    color: #81704B!important;
    font-weight: 900;
}


a.topic {
    background: #fff;
    padding: 20px;
    width: 23%;
    float: left;
    margin: 1%;
	text-decoration:none;
	height:200px;
	border: 1px solid rgba(0,0,0,0);
}

a.topic:hover {border: 1px solid rgba(0,0,0,1);}

.topic h4{font-family: open-sans,sans-serif;
    font-weight: 600;
    font-size: 2rem;
	line-height: 1.8rem;
	text-transform:uppercase;
	color:#005a8f!important;
	text-align:center;
	margin:0;}

.topic p {
    margin-block-start: 10px;
}

ul.link-FAQ{padding-left:0;list-style-type:none;margin-top: 30px;
}

ul.link-FAQ li{margin-bottom:10px;}

ul.link-FAQ li a{font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700;
    font-size: 1.3rem!important;
	text-transform:uppercase;
	background:#F5F4F1!important;
	color:#333!important;
	padding:10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
	text-decoration:none;
    text-align: left;
    border-radius: 10px 0 10px;
}

ul.link-FAQ li a:hover{box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);}

/*=================ACCORDION WORKAROUND====================*/


		.panelNews, .panelNews-small {
    		display: grid;
    		width: 100%;
    		margin: 0px auto;
    		grid-template-columns: 30% 70%;
    		grid-gap: 1rem;
		}

	.panelNews-small {

    		grid-template-columns: 20% 80%;
		}
		
		
		.panel-content{position:relative;padding:0 5px;}	
		
	
		@media screen and (max-width: 500px){
			
			.panelNews, .panelNews-small {
 
    		grid-template-columns: 100%;
    		
		}
			
			
		}
		
		
	.panelPlanApp {
    		display: grid;
    		width: 100%;
    		margin: 0px auto;
    		grid-template-columns: 60% 40%;
    		grid-gap: 1rem;
		}






/* ======= div with button accordion styling (used in emergencyprepardness) =====     2022/06 */
	
div.accordstyle {
    font-weight: 700; 
	font-size: 1rem!important; 
	background: #fff!important; 
	color: #333!important; 
	padding: 10px!important; 
	width: 100%; 
	float: left;
	clear:both;
	text-decoration: none; 
	border:1px solid #ddd!important;
}

/* end div with button according styling */


/* ======= accordion =====     2022/06 */
	/* for accordian buttons to be responsive with text */
button.accordion {
    cursor: pointer;
    text-align: left;
  /*  outline: 0; */
   font-family: 'Ubuntu', sans-serif!important;
    font-weight: 700;
    font-size: 1.05rem!important;
    background: #fff!important;
    color: #333!important;
    padding: 5px 10px;
    width: 100%;
/*    float: left;*/
    text-decoration: none;
	border:none;
	border-bottom:1px solid #ddd;
	border-left:5px solid #3494b2; 
	transition: background-color .5s  ease-in-out;
}

.accordion i.fa-solid {
    float: none;
}


button.accordion:hover {
	background-color: #3494b2!important;
    color: #fff!important;

}
	
button.accordion.active, button.accordion:visited {
   /*	border: 1px solid #333; */
	/* border-bottom: 0; 
	background: #F5F4F1!important;*/
	background:none!important;
	border-bottom: none!important;
	color: #333!important;
	/*	border: 1px solid #24567F;*/

}



button.accordion:after {
	font-family: 'Ubuntu', sans-serif!important;
	font-weight:900!important;
    content: "\002B";
    font-size: 1.2rem;
    color: #3494b2;
    float: none;
	margin-left:10px;
	border-bottom:none;

}
button.accordion:hover:after{ content: "\002B";color:#fff;}

button.accordion.active:after  {
    content: "\2212";
	color:#3494b2!important;
    font-weight:900!important;
}

button.accordion.active:before, button.accordion:before {
    display:none!important;
}

div.panel {
    padding: 4px 1.3rem;
    background: white;
    color: #333;
    max-height: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
   max-height: none; 
/*	border: 1px solid #24567F;*/
    border-top: none;
	margin-bottom: 5px;
	padding-top:20px;
	
}

	div.panel.show ul{
           
		padding: 10px;              
		margin-top:0;
		margin-left: 10px; /*50px; */        
	}

	div.panel.show ul li {
		margin-left: 0;
	}
	
	div.panel.show ul li a{
/*		text-decoration:none; */
		margin-bottom: 2px;
   		 padding: 2px 0;          
		display: inline-block;
	}
	
	div.panel.show ul li a:hover{
		text-decoration:underline;
		width: 100%;                        
	}



ul.panel-image{list-style-type:none!important;}

ul.panel-image li img {
    padding: 0!important;
	width:24%;
float:left;
margin: .5%;}
	
/* end accordion   2022/06*/





/*=================BEGIN MEDIA QUERIES====================*/


@media screen and (max-width: 1700px) {
	
	#related{width:85%;}
	
	button.related-button {width: 15%;}
	
}

@media screen and (max-width: 1584px) {
	
.event-home .detail-container {
    width: 100%;
	margin-top:10px;
}	
	
}

	@media (max-width: 1496px){
		
		.month {font-size: 1rem;}
		.date {font-size: 3rem;
		line-height: 3.5rem;}		
	}
	

	



@media screen and (max-width: 1400px) {
	
	a.topic {width: 23%;height:275px;}
 .footer-content .w3-half {
	 width: 100%;
}  

}
		
	
	
		@media (max-width: 1163px){
		
		.hide-calendar {
    display: none;}
			.release-date-small{display:block;}
			.panelNews-small {
    grid-template-columns: 100%!important;
}
			.panelPlanApp { 
    				grid-template-columns: 100%;    		
				}
	
	}

@media screen and (max-width: 1024px) {
	
	
/*	
.w3-col.l9 {
	width: 100%!important;}*/

	
	.breadcrumbs {margin-top: 15px;}
	
	
		/*CAROUSEL CONTAINERS*/

	
	.image-container6 {grid-template-columns: repeat(auto-fill, minmax(25%, 1fr))!important;}
	
	 	.image-container4 {
  grid-template-columns: repeat(auto-fill, minmax(35%, 1fr))!important;
}

	
	section.home-page-grid {margin-top: 0;}
	
	
			  		.text-columns{-webkit-columns: 1;
		-moz-columns:1 ;
		-o-columns: 1;
		columns: 1;}
	
	.display-cards {margin: 30px auto;
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(2, 1fr);}	


	
	.medium-size{width:100%!important;}
	


	.divisionContent h1 {
    font-size: 3rem;
    line-height: 4rem;
		padding-top:10px;
}
	
	.divisionContent h2, .divisionSubject h2 {
    font-size: 1.2rem;
    line-height: 1.7rem;
	}	
	
	
	.home-middle-container {
		width:100%;
    grid-template-columns: repeat(2, 1fr);
}
	
	
	a.topic {width: 48%;height:190px;}

/*new terri20210204 */
/*.footer-content .w3-half {
    width: 100%;
}*/

	.tabs {display: none;}
	
	.tab_drawer_heading {
		background-color: #81704B;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.d_active {background-color: #5a4f35;color: #fff;}
	
	.tab_container h3{font-family: open-sans,sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 1.1rem;
		text-transform:uppercase;
		text-align:left;
	}
	
	.tab_content {padding: 0px; }
	
	.tab_content ul {padding-left:0;margin:0;}
	
	.tab_content ul li {
    	display: block;
		text-align:left;
		border-right:0;
}
	
	.tab_content ul li a {
		display: block;
		padding:10px 20px;
}	
	
		.tab_content ul li a:hover {
    text-decoration:none;
			background:#333;
}	
	
	ul.hotlinks li a {
    color: #333;
    font-family: open-sans,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    text-decoration: none;
    width: 100%;
    padding: 10px;
    background: #ddd;
    display: block;
    margin-bottom: 1px;}
	
	ul.hotlinks li{display:block;margin-right:0;}
	
	.topic {width: 48%;}
	
	
	button.related-button {
		width: 100%;}
	#related {
		width: 90%;}
	
#related ul li {
    display: block;
}
	
#related ul li a{
    float:none;
}
	.icon-bar {display:none;}
	
	.mobile-information { display: block;}
	.event-information{ display: none;}
	
	.mobile-information ul {
		width: 100%;
		list-style-type: none;
		padding-left: 0;
		margin-bottom: 0;
}

	.mobile-information ul li a {
		color: #fff!important;
		font-size: 1.2rem;
		font-weight: bold;
		display: inline;
		float: left;
		width: 33.333%;
		text-align: center;
		padding: 20px 0 20px;
		text-decoration:none;
}
	
	.mobile-information ul li:nth-child(1) a {background: #B30000;}
	
	.mobile-information ul li:nth-child(2) a {background: #004c79;}
	
	.mobile-information ul li:nth-child(3) a {background: #005729;}
	
	.innerWrap, .quickMenuWrap{width:95%}
	
	.hide-for-mobile{display:none;}/* hides main logo */

	.mobile-header{display:block;
		font-family: open-sans,sans-serif;
		font-weight: 400;
		font-style: normal;
		padding:  0;
    	font-size: 4rem;
		line-height: 4rem;}

	
	.w3-half .search-style {width: 100%;}
/*	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}*/

	nav {
		margin: 0;position:relative;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	
	label.toggle.menuTitle {
    background: #FFF;
}
	.toggle {
		border:none;
		font-family: open-sans,sans-serif;
		font-weight: 700;
		font-style: normal;
		display: block;
		float:left;
		padding: 12px 20px;
		padding-left: 5%;
		color: #FFF;
		font-size: 1.2rem;
		text-decoration: none;
		text-align:left;
		cursor:pointer;
		width:100%;
	}

	.toggle:hover {
		background-color: #1D2E3A; 
		
		
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		width:100%;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #fff;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
		
	}
	

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000; 
		
		
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding: 10px 20px;
  	  color: #FFF;
  	  font-size: .9rem;
	  font-family: open-sans,sans-serif;
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		 background-color: #212121; 
		
		
		
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
	.footer-content, .footer-content ul {width: 100%;
		margin-left:0;
		padding-left:0;}
	
	.footer-credit {margin-left: 10px;}
	
	
		
	.footer-social{display:block;}
	.footer-information{width:85%;}
		
	.footer-logo {font-size:2.4rem;}
		
}


@media all and (max-width : 1000px){
	
		 .division-cards,  .maintopic-cards { grid-template-columns: repeat(2, 1fr); }
			.meeting-cards, .market-cards { grid-template-columns: repeat(1, 1fr); }
	
	
}




@media (max-width: 701px){
.w3-col.m4, .w3-col.m8{
    width: 99.99999%!important;
}
	

	
	.sidenav {margin-left:0!important;}
	
	.right-nav {border-left:0!important;
	margin-left: 17px!important;
	padding-left:0!important;}
}




@media all and (max-width : 768px){
	
	/*CAROUSEL CONTAINERS*/
	
	.image-container3 {
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr))!important;
}
	
 	.image-container4 {
		grid-template-columns: repeat(auto-fill, minmax(49%, 1fr))!important;}

.image-container6 {
  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr))!important;
}


	
	
	.hide-for-tablet{display:none;}
	a.topic {width: 98%;height:150px;}
	.division-cards, .maintopic-cards, .meeting-cards { grid-template-columns: repeat(1, 1fr);grid-gap:1rem; }
	.division-cards br, .maintopic-cards br, .meeting-cards br {display:none;}
	
	
	i.entry-icon {float: left;width:10%;margin-right:10px}
	i.entry-icon img {width:30px;vertical-align:middle;}

.entry-card h4{font-family: open-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: left;
    margin: 0!important;
	width: 80%;
    float: left;
    }

	.footer-menu a {
    font-size: .7rem!important;
    line-height: 1.3rem!important;
    color: #ffffff;
}
	/*.contactdt{margin-top:8px}
	*/
			tr{border-bottom:0px solid #f2f2f2;}
		
		table {border: 0;
		margin-top:0;
		margin-bottom:5px;
  			}

  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  

	table tr {
    border-bottom: 3px solid #f2f2f2;
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 0px solid #f2f2f2;
    display: block;
    text-align: left;
	  padding:0;
	  margin:0;
  }
	
	.tableLeft{text-align:left;
		background:#1a5398;
	color:#fff;
	margin-bottom:10px;}
  
  table td::before {
   
    content: attr(data-label);
    float: left;
    font-weight: bold;
	margin-right:10px;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}


@media all and (max-width : 601px){
		
	
		.home-middle-container {
		width:90%;
    grid-template-columns: repeat(1, 1fr);
}

}

@media all and (max-width : 500px) {

.mobileHomeSlider{display:block;}
.largeHomeSlider{display:none;}

	.home-middle-container {
		width:90%;
    grid-template-columns: repeat(1, 1fr);
}
	
	.SubTopicContent h1 {font-size: 2.4rem;
    line-height: 2.7rem;
	margin-top:10px!important;}
	

	
	.breadcrumbs {
    margin-bottom: 10px!important;
}
	
		.display-cards {
	grid-template-columns: repeat(1, 1fr);}	

	
}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}
	
	.mobile-header{
    	font-size: 2rem;}
	


}

/* testing for printing setup */

@media print {
	
	   
   footer, .right-nav, .search-style, .toggle, .top-bar, #readspeaker_button1, .breadcrumbs, .sectionImage-main, #back2Top {
        display: none;
    }
	
	/* @page {
		   margin-top: 0;
           margin-bottom: 0;
         } */
		 
	
	body {
		display: block !important;
		margin: 0;
		color: #000;
		background-color: #fff;
		}
	
	h1.news-header {
		font-family: serif !important;
		font-size: 18pt!important;
		 line-height: 1.7rem !important;
		  color: black !important;
		  background-color: white !important;
		  background-image: none !important;
		}
	.SubTopicContent  h2{
		font-family: serif !important;
		font-size: 12pt!important;
		 line-height: 1.3rem !important;
		  color: black !important;
		  background-color: white !important;
		  background-image: none !important;
		}
		
	h2.news-header, h2.news-header a {
		font-family: serif!important;
		font-weight: 400!important;
		font-size: 1.3rem!important;
		line-height: 2.2rem;
		text-align: left;
		float: left;
		letter-spacing: 0px;
		width: 100%;
		margin-top:0;

	}
		
	hr {
		border: 2px!important;
		border-top: 1px solid #ddd!important;
		margin: 5px 0!important;
		clear: both;
		}
	
	p, li, a, th, td {
		  font-family: serif !important;
		  font-size: 12pt !important;
		  line-height: 1.2rem !important;
		  color: black !important;
		  background-color: white !important;
		  background-image: none !important;
		}
	
	.Subtopic {
		display: block!important;
		width: 100%;
	}
	
	.w3-padding.SubTopicContent {
		display: block;
		width: 100%;
	}
	
	.section {
		display: block;
		width: 100%;
	}
			 
	/*.SubTopic a:after {
			content: " ("attr(href)") "; 
		} */
		
	/*.showheader {
		display: block;
	} */
  
	.w3-col.l9, .w3-col.m6 {
		width: 99.99999%;
	}
	
	.resource img {
		max-width: 50%!important;
	}
	
	.sectionImage img {
		max-width: 75%!important;
	}
	
	.homeVideo {display: none;}

/* show accordion in print */
	button.accordion {
			display:block!important;
	}
	
	
	div.panel {
    opacity: 1;
	max-height: none!important; 
    border-top: none;
	margin-bottom: 5px;
	padding-top:20px;
	}
	
	
/*print flip cards */	

.card {
  /*background: #FAF1D7;*/
  cursor: none;
  height: 130px;
  transform-style: none!important;
  transition: none!important;
  width: 100%;
  -webkit-animation: none!important;
  animation: none!important;
}


.card .front {font-size: 12px!important; color: #333;}

.card .front h4{font-size: 12pt!important; color: #333;}
.card .back {display: none;}

.card .front strong {
  background: #fff;
  border-radius: 100%;
 font-size: 12pt!important;
  padding: 0 7px 4px 6px;
}


.card .front img {
    max-width: 40px!important;
}

.container1 .front-flip { 
		transform: none!important;
		transition: none!important;
	}
.container1 .front-flip h5 { font-size: 12pt!important; color: #333;}

.container1 .back-flip {display: none;}
	
}