/*----Basic-----*/
body {
	margin:0;
	padding:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10pt;
	min-height: 70%;
}
html{
	position: relative;
	min-height: 100%;
	margin:0;
	padding:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10pt;
}
#wrapper {
	position:relative;
}

h1{
	padding:0px;
	margin:0px;
	color:#003663;
	font-weight:500;
}

h2{
	padding:0px;
	margin:0px;
	color:#003663;
	font-weight:200;
	font-size:18pt;}

h4{
	padding:0px;
	margin:0px;
}

.shade{
	background-color:#EFEFEF;
}

.smallfont{
	font-size:9pt;}

a{
	color:#000000;}
	
.nospace li{
	padding:0px;
	margin:0px;
}

/*----Header----*/
#header {
	width: 85%;
	padding-left: 15%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 4px solid #003663;
}

@media only screen and ( max-width: 1214px ) /* 640 */
{	
	#header {
		width: 70%;
		height:110px;
		padding-right: 15%;
		padding-left: 15%;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: 4px solid #003663;
	}
}



#logo{
	margin-right:50px;
	padding-left: 15%;
	margin-top:30px;
	margin-bottom:-40px;
	float:left;
}



/*------Content------*/
#content {
	width: 70%;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 93px; /* Height of the footer element */
	border-bottom-width: medium;
	margin-top:165px;
	position: relative;
	min-height: 100%;
}

.flexbox{
	display:flex;
	margin-bottom:20px;
}

.tytle{
	margin-top:20px;
	width:100%;
	margin-bottom:30px;
	}

.two{
	width: 45%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
}

.twob{
	width: 77%;
	float: left;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
}

.three{
	width: 14%;
	float: left;
	padding: 2%;
	font-size:8.5pt;
}

.four{
	width: 14%;
	float: left;
	padding: 2%;
}

.bar{
	width: 80%;
	border-bottom: 1px solid #D5D5D5;
	margin-top:45px;
	margin-bottom:45px;
	}

/*-----Footer-----*/
.footer{
	background-color:#004781;
	padding-top: 13px;
	padding-bottom: 13px;
	color:#fff;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
.footer a{
	color:#fed890;
    text-decoration: none;
}
.footer a:hover{
	color:#fdb813;
	text-decoration: none;
}
.footer a:focus{
	color:#fff;
	text-decoration: none;
}

.lnc{
	display:inline-block;
}

@media only screen and ( max-width: 1214px ) /* 640 */
{	
	#header {
		width: 70%;
		height:110px;
		padding-right: 15%;
		padding-left: 15%;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: 4px solid #003663;
	}
}
