/* ---------------
CSS SECTION: styles
--------------- */

html, body, div, form, table, tr, td, th, textarea, button, select, a, dl, dt, dd, nav, ul, li, footer, header, label, p {
	box-sizing: border-box;
	padding:0;
	margin:0;
}

body {
	background-color: #FFF;
	min-height: 100vh;
}

body, input, textarea, button, select, h1, h2, a, dt, dd {
	font-family:Tahoma,Verdana,Segoe,sans-serif;
} 

body, input, textarea, button, select, h1, h2 {
	color:#000;
}

body, td, th, a, dd {
	font-size:14px;
}

/*h1 { font-size:20px; margin:0; padding:0; }*/
h2 { font-size:18px; margin:0; padding:0px 0 10px 0; }
/*h3 { font-size:14px; margin:0; padding:4px 0 8px 0; }*/

dt, dd {
	display:block;
	text-align:left;
}

dt {
	color: #555;
	font-size:12px;
	white-space: nowrap;
}

dd {
	padding: 1px 0 10px 0;
}


p {
	margin-bottom:10px;
}

a, a:link, a:visited {
	color:#001A94;
	text-decoration:none;
}
a:hover, a:active {
	color:#1F47FF;
	text-decoration:underline;
}

ul {
	list-style: none;
}

/**********
FORMS
**********/

select, input[type="text"], textarea { 
	border:1px solid #888; 
	font-size:14px; 
	border-radius:4px; 
	vertical-align:middle; 
}

select:focus, input[type="text"]:focus, textarea:focus {
    box-shadow: 0 0 2px 4px #CCF;
}

select { 
	padding: 7px 2px; 
}

input[type="checkbox"] {
	margin-top:12px;	
}

input[type="text"], textarea {
	padding: 8px 4px;  
}

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner, .btn::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="submit"], button {
	cursor: pointer;
	-webkit-appearance: button;
	color: #000;
    background-color: #CCC;
	padding: 8px 10px; 
	font-weight:bold;
	font-size:14px; 
	border-radius:4px; 
	border:1px solid #000;
	display: inline-block;
	min-width:60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	text-decoration:none;
  
	/*line-height: 1.5;*/
}

input[type="submit"]:hover, button:hover {
	background-color:#AAA;
	text-decoration:none;
}


/**********
TABLE
**********/

.table { display:table; }
.tr    { display:table-row;  }
.td    { display:table-cell; }

table, .table { 
	border-collapse: collapse;
}

td, th, .td {
	vertical-align:top;	
	text-align:left;
}


/* ---------------
CSS SECTION: common_classes
--------------- */

.list_inline {
	list-style: none;
    padding: 0;
}

.list_inline > li {
	display: inline;
}


.btn1,
.btn1:link,
.btn1:visited {
	text-decoration: none;
	background-color: #284B7E;
	color: #FFF;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	margin: 5px 7px 6px 0;
	border: 1px solid #000;
	padding: 6px 6px;
	border-radius: 4px;
	min-width: 100px;
	white-space:nowrap;
}

.btn1:hover,
.btn1:active {
	background-color: #57A;
}


.info_con { 
	text-align:left;
	width:100%;
	background-color: #FFFFE9;
	border: 1px solid #000;
	border-radius: 4px;
	margin:0 auto 15px auto;
	padding:5px 1px 1px 1px;
}



.info_con > .header {
	font-weight:bold;
	color:#666;
	padding-bottom:3px;
}


/* ---------------
CSS SECTION: template
--------------- */

/**********
HEADER
**********/

#page_header_con {
	background-color:#9DC5F6;
	background: -webkit-linear-gradient(#036FF0, #9DC5F6);
	background: -o-linear-gradient(#036FF0, #9DC5F6);
	background: -moz-linear-gradient(#036FF0, #9DC5F6);
	background: linear-gradient(#036FF0, #9DC5F6);
	width:100%;
}

#page_header {
	width:100%;
	min-width:320px;
	max-width:1100px;
	margin:0 auto;
}

#logo_con {
	width:150px;
	display:inline-block;
	padding:10px 2px 5px 10px;
	vertical-align:text-bottom;
	text-align:left;
}

#logo_con > a > img {
	display:block;
	filter: drop-shadow(1px 1px 4px #FFF);
	width:150px;
	height:39px;
}

#main_nav_con {
	width:calc(100% - 150px);
	display:inline-block;
	vertical-align:text-bottom;
	padding:10px 10px 5px 2px;
	text-align:right;
}

#main_nav_list > li {
	display:inline-block;
}

#main_nav_list > li > a {
	display:inline-block;
	font-family: Arial Narrow,Arial,sans-serif;
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;
	border:1px solid #000;
	padding:4px 6px; 
	border-color:#000; 
	border-radius:4px;
	font-weight:bold;
	font-size:16px;
	margin:10px 0 0 8px;
}

#main_nav_list > li > a, 
#main_nav_list > li > a:link, 
#main_nav_list > li > a:visited {
	background-color:#284B7E;
	color:#FFF;
}

#main_nav_list > li > a:hover, 
#main_nav_list > li > a:active { 
	background-color:#57A;
	color:#FFF;
}

@media only screen and (max-width : 620px) {
	#logo_con, #main_nav_con {
		display:block;
		width:100%;
		text-align:center;
	}
	
	#logo_con {
		padding:10px 2px 0 2px;
	}
	
	#main_nav_con {
		padding:0 2px 10px 2px;
	}
	
	#logo_con img {
		margin:0 auto;
	}
	
	#main_nav_list > li > a {
		margin:10px 4px 0px 4px;
	}
}

@media only screen and (min-width : 371px) and (max-width : 460px) {
	#main_nav_list > li > a {
		font-size:14px;
		padding:6px 4px; 
		margin:10px 2px 0px 2px;
	}
}

@media only screen and (max-width : 370px) {
	#main_nav_list > li > a {
		font-size:12px;
		padding:8px 4px; 
		margin:10px 2px 0px 2px;
	}
}

#page_content_con {
	width:100%;
	max-width:1100px;
	min-width:320px;
	margin:0 auto;
	padding:10px;	
}


/**********
BREADCRUMB
**********/

#breadcrumb {
	/*padding:6px 0 16px 0;
	vertical-align:text-bottom;*/
	margin-bottom:6px;
}

#breadcrumb h1 {
	font-weight:bold;
	font-size:20px;
}

#breadcrumb > h1, 
#breadcrumb > a, 
#breadcrumb > span {
	margin:0 0 10px 0;
	display:inline-block;
	vertical-align: text-bottom;
}

#breadcrumb > a, 
#breadcrumb > span {
	font-size:16px;
	font-weight:bold;
}

@media only screen and (max-width : 620px) {
	#breadcrumb > h1 {
		font-size:16px;
	}

	#breadcrumb > a, #breadcrumb > span {
		font-size:14px;
		font-weight:normal;
	}
}


/**********
FOOTER
**********/

#page_footer {
	width:100%;
	text-align:center;
	padding: 6px 2px 45px 2px;
	margin: 35px 0 0px 0;
	border-top:2px solid #000;
	background-color:#FFD89A;
}

#page_footer > div {
	font-size:12px;
	margin-top:6px;
}

a.ft_lnk {
	margin: 2px 2px;
	white-space: nowrap;
	display: inline-block;
	padding: 4px 10px;
}

#page_footer >  nav > ul {
	margin:8px 0;
}

#page_footer .social_media	{
	border-radius:8px;
	background-color:#FFF;
	display:inline-block;
	border:1px solid #000;
	padding:4px;
	margin:12px auto 6px auto;
}

#page_footer .social_media > div {
	padding:2px 8px;
}