* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	background: #00005b;
	font-family: Arial;
	font-size: 11pt;
}

#site {
	background: #ffffff;
	border-right: 2px solid #000000;
	border-left: 2px solid #000000;
	width: 80%;
	margin: 0 auto;
	list-style-position: inside;
}

/* Header */

.logo-banner {
	background: linear-gradient(#2493c1, #5bc9f8);
	width: 100%;
	color: #ffffff;
}

.logo-banner h2 {
	padding: 5px 0 0 20px;
	font-size: 28px;
	font-weight: 900;
}

.logo-banner p {
	padding: 0 0 5px 20px;
	font-size: 12px;
	font-weight: bold;
}

.underbanner {
	width: 100%;
	overflow: auto;
}

.logo-head {
	width: 12.5%;
	height: 170px;
	padding: 0;
	float: left;
}

.logo-head-500 {
	display: none;
}

.menu ul {
	background: url('../images/nav_bg.jpg') repeat-x;
	list-style-type: none;
	width: 100%;
}

.menu li {
	width: 15%;
	display: inline-table;
}

.menu li img {
	vertical-align: middle;
}

.menu li a {
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: middle;
	padding-bottom: 3px;
}

/* End of Header */

/* Introductory Area  */

section {
	overflow: auto;
	height: 100%;
}

.welcome {
	float: left;
	border: 1px solid #616161;
	border-radius: 5px;
	width: 60%;
	height: 173px;
	clear: both;
	margin: 10px;
}

.article_header {
	border-radius: 5px 0 0 5px;
	float: left;
}

.article_header img {
	border-radius: 5px 0 0 5px;
	-webkit-mask-image: gradient(linear, left, right, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
	/*
	mask-image: -moz-linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);
	mask-image: -webkit-gradient(linear, left, right, color-stop(0%,rgba(0,0,0,1)), color-stop(80%,rgba(0,0,0,0)));
	mask-image: -webkit-linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%);
	mask-image: -o-linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%);
	mask-image: -ms-linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 80%);
	 */
}

.greeting {
	float: right;
	width: 55%;
	padding: 15px;
}

.welcome_text {
	font-size: 20pt;
	font-weight: bold;
	color: #bd0901;
	text-shadow: 2px 3px #c5c5c5;
	padding-bottom: 15px;
}

.welcome_message {
	font-size: 11pt;
	font-style: italic;
	text-align: justify;
}

.notes {
	float: right;
	width: 36%;
	height: 173px;
	margin: 10px;
	border: 1px solid #616161;
	border-radius: 5px;
}

.notes_title {
	background: linear-gradient(#ffd6a5, #ffefad);
	width: 100%;
	padding: 10px 10px 5px 10px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #616161;
}

.fa-square-full {
	transform: rotate(45deg);
	font-size: 5px;
	color: #404040;
	padding: 0 15px 10px 0;
}

.head_title, .a_head p {
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
}

.notes_header {
	background: url('../images/news_header_bg.jpg') repeat-x;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
}

.note {
	background: #ffffff;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
}

.notes_body {
	padding: 10px 0 0 20px;
}

.marker {
	background: linear-gradient(#ffd6a5, #ffefad);
	height: 30px;
	border: 1px solid #9d9d9d;
}

/* End of Introductory Area  */

/* General Body */

.gen_body {
	padding: 0 10px 10px 10px;
	height: 100%;
}

.splash_main_body {
	padding: 10px;
	text-align: justify;
	border-width: 1px;
	border-style: solid;
	border-left-color: #b8b8b8;
	border-right-color: #b8b8b8;
	border-bottom-color: #b8b8b8;
}

.splash_main_body h2.label {
	font-size: 18pt;
	font-weight: bold;
	color: #ff9100;
	padding-bottom: 10px;
}

.splash_main_body p {
	padding-bottom: 10px;
}

.separator {
	width: 75%;
	margin: 10px auto;
}

p.tm {
	font-size: 13pt;
	font-weight: bold;
}

.emph {
	color: #ff3300;
	font-style: italic;
}

p.dsclm {
	font-size: 8pt;
	padding: 5px 10px;
}

/* End of General Body */

/* Footer */

footer {
	background: linear-gradient(#437fe1, #83b3ff, #ffffff, #7995df, #c6d3e4);
}

.copy {
	background: linear-gradient(#999999, #353535);
	color: #FFFFFF;
	border-right: 2px solid #FFFFFF;
	width: 40%;
	padding: 10px 0 10px 10px;
}

.copy p {
	font-size: 10pt;
}

.copy p:last-child {
	padding: 10px 0 0 0;
	font-size: 8pt;
}

.copy a {
	color: #ffffff;
}

/* End of Footer */

/* End Index */

/* Start About Page */

.a_head {
	background: linear-gradient(#ffd6a5, #ffefad);
	border-radius: 0 0 80% 0;
}

.a_head p.tm {
	padding: 5px 10px 20px 10px;
}

.a_info {
	background: #ffffff;
	padding: 10px 0 10px 10px;
}

.a_info p, .s_first p, .s_second p {
	text-align: justify;
	padding: 5px 10px 10px 15px;
}

h2.label {
	font-size: 18pt;
	font-weight: bold;
	color: #003399;
}

.woman {
	float: left;
	padding: 10px 15px 10px 15px;
}

form {
	padding: 15px;
	border-radius: 5px;
	background-color: #f2f2f2;
	width: 70%;
}

input {
	width: 100%;
	height: 20px;
	margin: 5px 0;
}

input[placeholder] {
	padding-left: 5px;
}

input:focus, textarea:focus {
  background-color: lightblue;
}

textarea {
	width: 100%;
	margin: 5px 0;
}

input[type="submit"] {
	width: 100%;
	background: #003399;
	color: #ffffff;
	margin: 5px 0 0 0;
}

/* End About Page */

/* Start Services Page */

.core {
	overflow: auto;
}

.primary {
	float: left;
	width: 60%;
}

.info {
	overflow: auto;
}

.s_second {
	padding-left: 15px;
}

.finance img {
	width: 15%;
	float: left;
	padding: 10px 15px 0 0;
}

.s_second .message {
	padding: 5px 10px 10px 0;
}

h2 .head_title {
	padding: 0;
}

.s_notes {
	float: right;
	width: 36%;
	height: 100%;
	margin: 10px;
	border: 1px solid #616161;
	border-radius: 5px;
}

.s_notes_core {
	margin: 10px 0;
	padding: 0 5px 0 0;
}

.s_notes_title1 p, .s_notes_title2 p {
	padding-left: 10px;
	font-weight: bold;
}

.s_note1 .s_notes_body1 ul {
	padding-bottom: 10px;
}

.s_notes_body1 li {
	padding: 0 0 0 20px;
}

/* End Services Page */

/* ********* MEDIA QUERIES ************* */

@media screen and (min-width:300px) and (max-width:539px) {

	/* Header */

	.logo-banner h2 {
		padding: 5px 10px 0 10px;
		font-size: 19px;
	}

	.logo-banner p {
		padding: 5px 10px 5px 10px;
	}

	.logo-head {
		display: none;
	}

	.logo-head-500 {
		height: 160px;
		width: 100%;
		display: block;
	}

	.menu li {
		background: url('../images/nav_bg.jpg') repeat-x;
		width: 100%;
		display: block;
	}

	/* End of Header */

	/* Introductory Area */

	section {
		width: 100%;
	}

	.welcome {
		width: 95%;
		height: 100%;
		margin-bottom: 0;
	}

	.article_header {
		display: none;
	}

	.greeting {
		float: none;
		width: 100%;
		padding: 10px;
	}

	.welcome_text {
		font-size: 17pt;
	}

	.notes {
		float: left;
		width: 95%;
		height: 100%;
		padding: 0 0 15px 0;
	}

	.notes_body {
		padding: 10px 10px 0 15px;
	}

	/* End of Introductory Area */

	/* Footer */

	footer {
		background: linear-gradient(#437fe1, #83b3ff, #ffffff, #7995df, #c6d3e4);
	}

	.copy {
		background: linear-gradient(#437fe1, #83b3ff, #ffffff, #7995df, #c6d3e4);
		color: #000000;
		border: none;
		width: 100%;
	}

	.copy a {
		color: #000000;
	}

	/* End of Footer */

	/* About Us Page */

	/* Body */

	.a_section {
		width: 97%;
		overflow: hidden;
	}

	.woman {
		display: none;
	}

	.a_head p.tm {
		font-size: 11pt;
	}

	form {
		width: 100%;
	}

	/* End of Body */

	/* End of About Us Page */

	/* Start Services Page */

	.primary {
		width: auto;
	}

	.s_notes {
		float: left;
		width: auto;
		height: 100%;
	}

	/* End of Services Page */

}

@media screen and (min-width:540px) and (max-width:675px) {

	/* Header */

	.logo-banner h2 {
		padding: 5px 10px 0 10px;
		font-size: 23px;
	}

	.logo-banner p {
		padding: 5px 10px 5px 10px;
	}

	li.navarrow1 {
		width: 17%;
	}

	li.navarrow2, li.navarrow3 {
		width: 23%;
	}

	li.navarrow4 {
		width: 25%;
	}

	/* End of Header */

	/* Introductory Area */

	.welcome {
		width: 96%;
		height: 100%;
		margin-bottom: 0;
	}

	.article_header {
		display: none;
	}

	.greeting {
		float: none;
		width: 100%;
		padding: 10px;
	}

	.welcome_text {
		font-size: 24pt;
	}

	.notes {
		float: left;
		width: 96%;
		height: 100%;
		padding: 0 0 15px 0;
	}

	.notes_body {
		padding: 10px 10px 0 15px;
	}

	/* End of Introductory Area */

	/* Footer */

	footer {
		background: linear-gradient(#437fe1, #83b3ff, #ffffff, #7995df, #c6d3e4);
	}

	.copy {
		background: linear-gradient(#437fe1, #83b3ff, #ffffff, #7995df, #c6d3e4);
		color: #000000;
		border: none;
		width: 100%;
	}

	.copy a {
		color: #000000;
	}

	/* End of Footer */

	/* About Us Page */

	/* Body */

	.a_section {
		width: 98%;
		overflow: hidden;
	}

	.a_head p.tm {
		font-size: 11pt;
	}

	/* End of Body */

	/* End of About Us Page */

	/* Start Services Page */

	.primary {
		width: auto;
	}

	.s_notes {
		float: left;
		width: 95%;
		height: 100%;
	}

	/* End of Services Page */

}

@media screen and (min-width:676px) and (max-width:800px) {

	/* Header */

	.logo-banner h2 {
		padding: 5px 10px 0 10px;
		font-size: 23px;
	}

	.logo-banner p {
		padding: 5px 10px 5px 10px;
	}

	li.navarrow1, li.navarrow2, li.navarrow3, li.navarrow4 {
		width: 20%;
	}

	/* End of Header */

	/* Introductory Area */

	.welcome {
		width: 97%;
		margin-bottom: 0;
	}

	.greeting {
		float: none;
		width: 100%;
		padding: 10px;
	}

	.article_header {
		width: 40%;
	}

	.welcome_text {
		font-size: 18pt;
	}

	.notes {
		float: left;
		width: 97%;
		height: 100%;
		padding: 0 0 15px 0;
	}

	/* End of Introductory Area */

	/* Footer */

	.copy {
		width: 65%;
	}

	/* End of Footer */

	/* About Us Page */

	/* Body */

	.a_section {
		width: 98%;
		overflow: hidden;
	}

	.a_head p.tm {
		font-size: 11pt;
	}

	/* End of Body */

	/* End of About Us Page */

	/* Start Services Page */

	.primary {
		width: auto;
	}

	.s_notes {
		float: left;
		width: 95%;
		height: 100%;
	}

	/* End of Services Page */

}

@media screen and (min-width:801px) and (max-width:1000px) {

	/* Header */

	li.navarrow1, li.navarrow2, li.navarrow3, li.navarrow4 {
		width: 20%;
	}

	/* End of Header */

	/* Introductory Area */

	.welcome {
		width: 97%;
		margin-bottom: 0;
	}

	.greeting {
		float: none;
		width: 100%;
		padding: 10px;
	}

	.article_header {
		width: 45%;
	}

	.welcome_text {
		font-size: 21pt;
	}

	.notes {
		float: left;
		width: 97%;
		height: 100%;
		padding: 0 0 15px 0;
	}

	.notes_body {
		padding: 10px 10px 0 15px;
	}

	/* End of Introductory Area */

	/* Footer */

	.copy {
		width: 55%;
	}

	/* End of Footer */

	/* About Us Page */

	/* Body */

	.a_section {
		width: 98%;
		overflow: hidden;
	}

	.a_head p.tm {
		font-size: 11pt;
	}

	/* End of Body */

	/* End of About Us Page */

	/* Start Services Page */

	.primary {
		width: auto;
	}

	.s_notes {
		float: left;
		width: 97%;
		height: 100%;
	}

	/* End of Services Page */

}

@media screen and (min-width:1001px) and (max-width:1333px) {

	/* Introductory Area */

	.welcome {
		width: 65%;
		margin-bottom: 0;
		margin-right: 0;
	}

	.greeting {
		width: 50%;
		height: 100%;
		padding: 10px;
		margin-left: 0;
	}

	.greeting br {
		display: none;
	}

	.article_header {
		width: 50%;
	}

	.welcome_text {
		font-size: 16pt;
		padding-bottom: 10px;
	}

	.welcome_message {
		font-size: 10pt;
		padding-bottom: 10px;
	}

	.notes {
		width: 31%;
	}

	.notes_body {
		padding: 10px 10px 0 15px;
	}

	/* End of Introductory Area */

	/* About Us Page */

	/* Body */

	.a_section {
		width: 98%;
		overflow: hidden;
	}

	/* End of Body */

	/* End of About Us Page */

	/* Start Services Page */

	.primary {

	}

	.s_notes {
		float: right;
		height: 100%;
		padding: 0 0 15px 0;
	}

	/* End of Services Page */

}
