@charset "UTF-8";
/* CSS Document */
	


@font-face {
  font-family: "Celevenia";
  src:url("../311_fonts/Celevenia.otf");
}

.h1 {
	font-size: 33px;
	font-family: "Celevenia";
	line-height: 33px;
	color:#660066;
	}

.h1b {
	font-size: 28px;
	font-family: "Celevenia";
	line-height: 36px;
	color:#660066;
	}

.h2 {
	font-family: "Avenir Light";
	font-size: 32px;
	color: #444;
	line-height: 34px;	
	}

.h3 {
	font-family: "Avenir Light"; 
	font-size: 20px;
	color: #444;
	line-height: 34px;	
	}

.h4 {
	font-family: "Celevenia";
	font-size:44px;
	color: #660066;
	line-height: 44px;
	}

.h5 {
	font-family: "Celevenia";
	font-size:82px;
	color: #660066;
	text-shadow: 4px 4px 6px gray;
	line-height: 64px;
	}


.h6 {
	font-family:"Avenir Light"; 
	font-size: 20px;
	font-weight: 0;
	color: #444;
	line-height: 24px;	

	}

.h7 {
	font-family: "Avenir Next Medium", "Avenir Next Heavy";
	font-size: 44px;
	color: #660066;
	line-height:84px;
	text-shadow: 4px 4px 6px gray;
	}

.h8 {
	font-family:"Avenir Light"; 
	font-size: 16px;
	font-weight: 0;
	color: #444;
	line-height: 35px;	

	}

.sub {
	font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 42px;
	font-weight: 100;
	color: #00374a;
	line-height: 26px;
	margin: 15px 5%;	
	text-shadow: 2px .5px 2px #805500;
	}
	
.body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 16px;
	color: #00374a;
	line-height: 28px;
	margin: 10px 7%;
	}

.copyright {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	color: #00374a;
	line-height: 18px;
	}

.container {
	margin: auto auto;
	background-color: clear;
	width: 100%;
	height: auto;
	align: center;		
	}

.container2 {
	margin: auto auto;
	background-color: clear;
	width: 100%;
	height: auto;	
	align: center;		
	
	}

.container3 {
	margin: auto auto;
	background-color: clear;
	width: 100%;
	height: auto;
	align: center;		
	border: solid;
	border-color: white;
	border-width: auto auto;
	}

.accordion {
  background-color: #FFFFFF;
  color: #00374a;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 28px;
  transition: 0.4s;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  text-shadow: 2px .5px 2px #805500;	
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 16px;
	color: #00374a;
	line-height: 28px;
}

.topnavtitle {
	color: #444;
	text-align: center;
	outline: none;
	font-size: 16px;
	font-family: "Avenir Next Medium", "Avenir Next Heavy", "Avenir Next Regular", "Avenir Light";
	font-weight: 600;
	line-height: 12px;
}

div.sticky {
  	position: sticky;		
  	top: 0;
  	padding: 15px;
 	background-color: #ddd;
 	border: 2px solid #ddd;
 	margin: auto auto;
	font-family: "Avenir Next Medium", "Avenir Next Heavy", "Avenir Next Regular", "Avenir Light";
	font-size: 38px;
	color: #444444;
	line-height: 18px;
}