html, body {
  height: 100%;
}

body{
	background-color: hsla(41,100%,86%,1.00);
	font-size: 1em;
}

a {
	text-decoration: none;
	color: #000066;
}
a[id] {
	color: hsla(220,3%,17%,1.00);
}
figure {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 150%;
}

h1 {
	font-size: 2em;
	color: hsla(240,3%,15%,1.00);
	text-align: left;
	margin-right: 20px;
	margin-left: 20px;
}

 h2 {
	text-decoration: none;
	color: #010C23;
	font-style: oblique;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 1.6em;
}
h3 {
	margin: 20px;
}

h6 {
	color: hsla(221,94%,7%,1.00);
	margin: 10px 20px;
	text-align: center;
	font-style: oblique;
	font-size: 0.9em;
}


#bottom nav {
	border-radius: 5px;
	padding: 5px;
	margin: 10px 20px 10px 20px;
	text-align: center;
}

#bottom nav  a {
	color: hsla(0,1%,71%,1.00);
}

#bottom nav li {
	display: inline-block;
	list-style-type: none;
	padding: 0px 5px 0px 5px;
	margin: 5px 50px 5px 50px;
	line-height: 2.5em;
	text-align: center;
	border-radius: 9px;
	background-color: hsla(222,94%,7%,0.86);
	color: hsla(0,1%,79%,1.00);
}
#bottom nav li a:hover {
	margin: 5px 0px 5px 0px;
	border-radius: 9px;
	padding: 5px;
	color: hsla(221,94%,7%,1.00);
	background-color: hsla(41,100%,86%,1.00);
	font-size: 0.95em;
	font-weight: bold;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.logo {
	width: 292px;
	height: 102px;
	margin: 5px 20px;
	padding: 5px;
}





.content {
	min-height: 100%;
  /* equal to footer height */
  margin-bottom: -200px;
	
	
	}
	.content:after {
  content: "";
  display: block;
}

footer.site-footer, .content:after {
	height: 200px;
	}

li ul {
	list-style-type: none;
}
p.footer {
	text-indent: 0px;
}

q { quotes: "\201C" "\201D" "\2018" "\2019";

}


.hborder-right {
	border-right-style: ridge;
	border-right-width: 1px;
	border-right-color: #ccc;
}
.list-none {
	list-style-type: none;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
}
.hborder-left {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ccc;
}
.offset {
	margin-left: 5px;
}
.dotted-line {
	border-top-style: dashed;
	border-top-width: medium;
	border-top-color: #003366;
}
.radius-20 {
	border-radius: 20px;
	padding: 10px 0px 10px 0px;
}
.footer {
	margin: 0px 20px 0px 20px;
	line-height: 125%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 0px;
}
.footer > a {
	color: rgba(255,255,255,0.65)
	}
.footer-img {
	padding: 0px;
	margin: 10px 20px 10px 20px;
	border-radius: 10px;
}
.w3-topnav > a {
	color: #F0F0F0;
	text-decoration: none;
}
.bgc-navy {
	background-color: #020231;
	background-repeat: no-repeat;
}