h3 {
/*font-family: "Gotham", sans-serif;*/
font-size: 30px;
font-weight: 700;
}

/*
div.edcc-page-content div.container {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}



div.sidebar {
	margin-top: -40px;
	color: white;
    background-color: #004d71;
    padding-right: 20px;
    padding-top: 50px;
    min-height: calc(100vh - 182px);
	width: 100px;
	position: fixed;
}
div.edcc-page-content div.container div.sidebar a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	color: #fff;
	display: block;
	color: white;
	font-weight: 700;
	font-size: 20px;
}

div.edcc-page-content div.container div.sidebar a:hover {
	color: #95d600;
}

.sidebar img {
position: absolute;
width: 90%;
padding: 5px 5px 15px 5px;
bottom: 20px;
}
*/




/*ACCORDION*/
.accordion {
background-color: #004d71;
color: #fff;
font-size: 18px;
font-weight: 700;
cursor: pointer;
padding: 20px 18px;
width: 100%;
border: none;
text-align: left;
outline-color: #fff;
transition: 0.4s;
}

.active, .accordion:hover {
text-decoration: underline #fff;
}

.accordion:after {
content: '\002B';
float: right;
}

.accordion.active:after {
content: '\2212';
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

.panel img {
	padding-top: 10px;
}

@media screen and (max-width: 750px) {
body {margin: 25px; width: 90%; padding: 0px;}
.panel img {width: 100%;}
.sidenav {display: none;}
}

@media screen and (min-width: 750px) {
.panel img {width: 60%;}
}
























/*
body {
font-family: "Lato", sans-serif;
font-size: 20px;
background: #f5f5f5;
margin: 20px 0px 0px 125px;
width: 75%;
}

section {
padding-bottom: 50px;
}

h2 {
font-family: "Gotham", sans-serif;
color: #004d71;
}

h3 {
font-family: "Gotham", sans-serif;
font-size: 30px;
font-weight: 700;
border-left: 4px solid #000;
padding-left: 10px;
}

a {
font-family: "Gotham", sans-serif;
text-decoration: none;
color: #648c1a;
font-weight: 700;
}

li {
	padding-left: 25px;
}

img {
width: 100%;
}

button.green {
color: #004d71;
font-size: 18px;
font-family: "Gotham", sans-serif;
font-weight: 700;
font-style: italic;
background: #95d600;
padding: 20px;
border: none;
border-radius: 3px;
margin: 10px;
}

.blank {
height: 500px;
width: auto;
}

.green:hover {
cursor: pointer;
background: #648c1a;
transition: 0.3s;
}

.block {
color: #004d71;
background: #fff;
border: 3px solid #004d71;
padding: 0px 10px 0px 10px;
}

//NAVIGATION
.sidenav {
height: 100%;
width: 100px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #004d71;
overflow-x: hidden;
padding-top: 20px;
}

.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
color: #fff;
display: block;
}

.sidenav a:hover {
color: #95d600;
}

.sidenav img {
position: absolute;
width: 90%;
padding: 5px 5px 15px 5px;
bottom: 20px;
}

//ACCORDION
.accordion {
background-color: #004d71;
color: #fff;
font-size: 18px;
font-weight: 700;
cursor: pointer;
padding: 20px 18px;
width: 100%;
border: none;
text-align: left;
outline-color: #fff;
transition: 0.4s;
}

.active, .accordion:hover {
text-decoration: underline #fff;
}

.accordion:after {
content: '\002B';
float: right;
}

.accordion.active:after {
content: '\2212';
}

.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

.panel img {
	padding-top: 10px;
}

@media screen and (max-width: 750px) {
body {margin: 25px; width: 90%; padding: 0px;}
.panel img {width: 100%;}
.sidenav {display: none;}
}

@media screen and (min-width: 750px) {
.panel img {width: 60%;}
}

*/
































/*

.FontSmall {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.FontVerySmall {
	font-size: 1px;
	font-family:Arial, Helvetica, sans-serif;
}
.Body {font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
		 font-weight:bold;
		 background-color:#FFF;
}
.Body2 {font-family: Arial, Helvetica, sans-serif;
		 font-size:10px;
		 font-weight:bold;
		 color:#FFFFFF;
		 background-color:#000000;		 
}
.Small {font-family: Arial, Helvetica, sans-serif;
		 font-size:10px;
}
.Debug {font-family: Times New Roman, Times, serif;
		 font-size:16px;
		 color:blue;
		 font-weight:normal;
}
.Menu    {font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
		 font-style:oblique;
		 font-weight:bold;
		 border-color:#000000;
}
.Menu1   {font-family: Arial, Helvetica, sans-serif;
		 font-size:16px;
		 font-style:normal;
		 font-weight:bold;
		 border-color:#000000;
		 color:#FFFFFF;
}
.Header {font-family: Arial, Helvetica, sans-serif;
		 font-size:20px;
		 font-weight:bold;
		 font-style:normal;
		 color: black;
}
.Header1 {font-family: Arial, Helvetica, sans-serif;
		 font-size:14px;
		 font-weight:bold;
		 font-style:normal;
		 color: black;
}
.Header2 {font-family: Arial, Helvetica, sans-serif;
		 font-size:20px;
		 font-weight:bold;
		 font-style:normal;
		 color: white;
}
.FontLarge
		{font-family: Arial, Helvetica, sans-serif;
		font-size:larger;
		 font-weight:bold;
		 font-style:normal;
}
a:link	{color:#0000FF;
		text-decoration:none;
}
a {	color:#0000FF; 
	text-decoration:none;
}
a:hover {color:#FF0000;
	    text-decoration:none;
}
.style1 {color: #FFFFFF;
}
.strong {font-family: Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:16px;
		font-weight:bold;
}
.redfont { color:#FF0000;
}
.bluefont { color:#0000FF;
}
*/