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

* {
	margin: 0;
	padding: 0;
}


body {
	background:lightgray;
	border-top: 80px solid #54585c;
	font-family: 'Montserrat', sans-serif !important;
}


main {
margin-left: auto;
margin-right: auto;
max-width: 1300px;
}

 /* First Navigation */ 
 
 
 #masterbox {
 /* float: left; */
 max-width: 2000px;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
 z-index: 10;
 top: 0;
 /* background-color: red; */
 }
 
 #centerbox {
 max-width: 2000px;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 z-index: 10;
 }
 
 
 
.header1 {
max-width: 2000px;
width: 100%;
float: left;
}

.header-image {
float: left;
width: 100%;
max-width: 2000px;
}

.header1 nav {
float: left;
width: 100%;
 position: absolute;
 z-index: 10;
}







.header1 nav ul li{
	list-style: none;
	width: 33.333%;
	line-height: 60px;
	box-shadow: 0px 2px 5px 0px grey;
	text-align: center;
	float: left;
	background-color: #18263d;
	margin-top: -5px;
	position: relative;
	z-index: 100;
}


.header1 nav ul li:hover {
	background: #0f1826;
}




.header1 nav ul li ul li {
	background: #18263d;
}

.header1 nav ul li ul li:hover {
	background: #20314c;
}


.header1 nav ul li a {
	color: #ffffff;
	height: 58px;
	display: inline-block;
	text-decoration: none;
}

.header1 nav ul li a:hover {
	font-weight: bold;
}

.header1 nav ul li ul {
	display: none;
}

.header1 nav ul li:hover ul {
	display: block;
}

.header1 li ul li{
	width: 100%;
	float: left;
}



.header2 {
	display: none;
}


article {
width: 90%;
float: left;
/* background-color: pink; */
padding-left: 5%;
padding-right: 5%;
}

article ol {
width: 80%;
float: left;
padding-left: 10%;
padding-right: 10%;
}

article ol li {
line-height: 1.5em;
padding-left: 1%;
font-weight: 500;
}


article h1 {
color: #000000;
font-weight: 700;
font-size: 1.0125em;
letter-spacing: .01em;
text-align: center;
margin-bottom: 55px;
}

article h1 span {
color: #d1b139;
font-weight: 600;
}


article span h3 {
color: #000000;
font-weight: 500;
font-size: 1em;
letter-spacing: .01em;
}

article span h3 em {
color:#d1b139;
font-weight: 700;
font-style: normal;
}



article h3 {
color: #000000;
font-weight: 600;
font-size: 1em;
letter-spacing: .01em;
}

article h3 span {
font-weight: 400;
}

article h3 em {
color: #d1b139;
}

article h3 em span {
color: #626262;
}

article h4 {
color: #000000;
font-weight: 400;
font-size: 1em;
letter-spacing: .01em;}

article h4 span {
color: #d1b139;
font-weight: 600;
}

article h4 small {
color: #009bff;
font-weight: 600;
}



article .bodycopy h4 ul {
list-style-type: none;
/* background-color: pink */
}


article .bodycopy h4 ul li {
list-style-type: none;
line-height: 1.5em;
/* background-color: pink */
}



article .bodycopy h5 ul {
list-style-type: none;
/* background-color: pink */
}


article .bodycopy h5 ul li {
list-style-type: none;
line-height: 1.5em;
font-weight: 400;
}





footer {
	float: left;
	width: 94%;
	background-color: #ebeef2;
	padding-left: 3%;
    padding-right: 3%;
	margin-top: 200px;
	border-top: 2px solid #b0b0b0;
	padding-top: 1%;
    padding-bottom: 30px;
}


.footer-box {
	float: left;
	width: 94%;
	padding-left: 3%;
    padding-right: 3%;
}


footer p {
	margin: .25em;
}


footer nav {
	float: left;
	display: block;
    margin-top: 25px;
    /* background-color: pink; */
    width: 90%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 1px;
}

footer nav ul {
    margin-left: -1.65%;
}

footer nav li {
	display: inline-block;
	float: left;
	padding-right: 1%;
	margin-right: 6%;
    margin-top: 5px;
	margin-bottom: 20px;
    /* background-color: green; */
    width: 18%;
}

footer nav a {
position: absolute;
	font-size: .9em;
	color : #636363;
	text-decoration: none;
	font-weight: 400;
}

footer nav a:visited {
	color : #636363;
	font-weight : bold;
}

footer nav a:hover {
	color: #595959;
	text-decoration: underline;
	cursor: pointer;
}

footer nav a:active {
	color: #909090;
	cursor: pointer;
}














footer article {
	float: left;
	display: block;
    margin-top: 25px;
    /* background-color: pink; */ 
    width: 90%;
    padding-left: 1%;
    padding-right: 3%;
    margin-bottom: 1px;
}

footer article ul {
    margin-left: -1.25%;
}

footer article li {
	display: inline-block;
	float: left;
	padding-right: 1%;
	margin-right: 6%;
    margin-top: 5px;
	margin-bottom: 20px;
    
    width: 12%;
}

footer article a {
position: absolute;
	font-size: .9em;
	color : #636363;
	text-decoration: none;
	font-weight: 400;
}

footer article a:visited {
	color : #636363;
	font-weight : bold;
}

footer article a:hover {
	color: #595959;
	text-decoration: underline;
	cursor: pointer;
}

footer article a:active {
	color: #909090;
	cursor: pointer;
}

.subfooter {
	float: left;
	width: 100%;
	background-color: #909090;
	padding-top: 2%;
    padding-bottom: 133px;
    color: #ffffff
}

.block-gap {
	max-width: 2000px;
	width: 100%;
	float: left;
	height: 300px;
	/* background-color: purple; */ 
}













/* for 2200px or smaller */	
@media only screen and (max-width: 2200px) {
.block-gap {
	max-width: 2000px;
	width: 100%;
	float: left;
	height: 200px;
	/* background-color:#856DAD; */
}

}
/* End 2000 Size Media Screen */






















/* for 2000px or smaller */	
@media only screen and (max-width: 2000px) {
.block-gap {
	max-width: 2000px;
	width: 100%;
	float: left;
	height: 100px;
	/* background-color: pink; */
}



}
/* End 2000 Size Media Screen */










/* for 1200px or smaller */	
@media only screen and (max-width: 1200px) {
.footer-box {
	float: left;
	width: 94%;
	padding-left: 3%;
    padding-right: 3%;
	/* background-color: lightblue; */
}




footer .footer-box ul li a {
    margin-left: 1%;
	/* background-color: red; */
	width: 80%;
	display: block;
	line-height: 2em;
}


footer .footer-box ul li {
	display: block;
	width: 50%;
}

}
/* for 1200px or smaller */












/* for 900px or smaller */	
@media only screen and (max-width: 900px) {




footer li {
	float: left;
	padding-right: 1%;
	margin-right: 6%;
    margin-top: 5px;
	margin-bottom: 20px;
    /* background-color: green; */
}











.block-gap {
	max-width: 2000px;
	width: 100%;
	float: left;
	height: 10px;
	/* background-color: pink; */
}

.header1 {
	display: none;
}

.header2 {
	display: inline-block;
	max-width: 2000px;
	width: 100%;
	float: left;
}

.header2 nav ui span li a {
	color : #000000;
}

.header2 nav a:visited {
	color : #000000;
}

.header2 nav a:hover {
	text-decoration: underline;
	cursor: pointer;
	font-weight: 600;
	/* background-color: #23314a; */ 
}

.header2 nav a:active {
	color: #909090;
	cursor: pointer;
}

.header2 nav ul li {
	list-style: none;
	font-weight: 500;
}


.header2 nav ul span li {
	margin-left: 20%;
	font-weight: 400;
}


.header2 nav {
    background-color: none;
    float: right;
	width: 100%;
	height: 100px;
}

.header2 nav #menu-icon {
	display: inline-block;
	margin-top: 10px;
	background-image: url("../images/menuIcon.png");
	background-color: #18263d;
	width: 40px;
	height: 40px;
	float: right;
	margin-right: 20px;
}

.header2 nav ul, nav:active ul {
	display: none;
	position: absolute;
	background-color: #18263d;
	right: 20px;
	top: 50px;
	width: 50%;
	z-index: 250;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 20px;
   /* border: 2px solid #23314a; */
}

.header2 nav li {
	text-align: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
}

.header2 nav li a{
	color: #ffffff;
	text-decoration: none;
}


.header2 nav:hover ul {
	display: block;
}
}
/* END 900px or smaller */





/* for 500px or smaller */	
@media only screen and (max-width: 500px) {


.header2 nav ul, nav:active ul {
	display: none;
	position: absolute;
	background-color: #18263d;
	right: 20px;
	top: 50px;
	width: 75%;
	z-index: 250;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 20px;
   /* border: 2px solid #23314a; */
}
}
/* END 500px or smaller */