﻿/*palette*/

.primary_teal {color: #128989}
.primary_teal_background {background-color: #128989}

.primary_gray {color: #939596}
.primary_gray_background {background-color: #939596}

.primary_blue {color: #206284}
.primary_blue_background {background-color: #206284}

.primary_darkblue {color: #123255}
.primary_darkblue_background {background-color: #123255}

.primary_green {color: #A4CE39}
.primary_green_background {background-color: #A4CE39}

.secondary_gray {color: #C2C1C0}
.secondary_gray_background {background-color: #C2C1C0}


.rfpButton {
	font-family: "Arial Black",Arial,sans-serif;
	font-size: 14px;
	font-weight: 900;
	background-color: white;
	color: #206284 !important;
	border-color: #206284 !important;
}

.rfpButton a {color: white !important}
.rfpButton a:active {color: white !important}
.rfpButton a:visited {color: white !important}

	.rfpButton:hover {
		color: white !important;
		background-color: #206284;
		border-color: #206284 !important
	}



.white {background-color: #ffffff}

.req {color: red;}

body {
	background-color: #C2C1C0;
}

h1 {
	font-family: Roboto;
	font-size: 50px;
	font-weight: 300;
	color: #1f6284;
}

h2 {
	font-family: Roboto;
	font-size: 30px;
	font-weight: 400;
	color: #1f6284;
	margin-top: 40px;
}

h3 {
	font-family: Roboto;
	font-size: 20px;
	font-weight: 400;
	color: #9Fd149;
	margin-top: 20px;
}



p {
	font-family: Arial, Tahoma, 'Trebuchet MS', sans-serif ;
	font-size: 16px;
	line-height: 1.3;
}

.res-img {
	width: 100%;
	height: auto;
}

/* wrappers */
.outerWrapper {
	max-width: 1522px;
	margin: 0 auto;
}

.innerWrapper {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid red;
	overflow: auto;
}

.contentWrap {
	margin: 30px 10px 10px 10px;
	border: 0px solid black;
	padding: 0px 0px 0px 0px;
}

/* header classes*/
.headerWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 0px

}

.headerLogo {
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 14px;
	width: auto;
}

.headerText {
	font-size: 24px;
	font-weight: bold;
	margin-right: 0px;
}


/*menu bar classes*/
.menubarWrapper {
	background-color: #206284
}

.innerWrapperMenu {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid red;
}


.contentBody {
	background-color: #ffffff;
	padding: 20px;
	padding-left: 100px;
	min-height: 400px;
	border: 0px solid green;
}


/*small*/
@media (max-width: 767.98px) {
	.contentBody {padding-left: 20px;
	}
}


/* footer classes*/
.footer {
}

	.footer .copyright {
		font-family: Arial,sans-serif;
		font-size: 15px;
		color: #909395;
		border: 0px solid green;
		width: auto;
	}

	.footer .links {
		font-family: 'Arial Black', Arial,sans-serif;
		font-size: 15px;
		color: #909395;
		border: 0px solid red;
		width: auto;
	}

	.footer .links a {color: #909395}
	.footer .links a:visited {color: #909395}
 	.footer .links a:hover {color: #206284; text-decoration:none}


/* green button */
.greenButton {
	font-family: Roboto;
	font-weight: 500;
	font-size: 20px;
	padding: 6px 20px;
	color: #ffffff;
	background-color: #a5cd39;
	border: 1px solid #a5cd39
}

.greenButton:focus {
	color: #206284;
	text-decoration: none;
	border: 1px solid #206284;
}

.greenButton:hover {
	color: #206284;
	text-decoration: none;
	border: 1px solid #206284;
}

/* blue button */
.blueButton {
	font-family: Roboto;
	font-weight: 500;
	font-size: 20px;
	padding: 6px 20px;
	color: #ffffff;
	background-color: #206284;
	border: 1px solid #206284
}

	.blueButton:focus {
		color: #a5cd39;
		 text-decoration: none;
		border: 1px solid #a5cd39;
	}

	.blueButton:hover {
		color: #a5cd39;
		text-decoration: none;
		border: 1px solid #a5cd39;
	}
