@CHARSET "UTF-8";

/* ****************** RESET ********************* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ********************************************** */
body{
	background:#ccc url("../images/bg.png");color:#222;font:16px/1.231 'Open Sans',sans-serif,arial,helvetica,clean;
}
h1{font-size:138.5%}
h2{font-size:123.1%}
h3{font-size:108%}
h1,h2,h3{margin:0.25em 0}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
a{outline:0;}
a img{border:0px;text-decoration:none;}
a:link,a:visited{
	color: #345;padding:0 1px;text-decoration:underline;
}
a:hover,a:active{
	color: #cb0487;
}
i {font-style:italic;}
sup{font-size:75%;vertical-align:top;top:-0.5em;}
sub{font-size:75%;vertical-align:bottom;}
div.sub-title, span.sub-title{display:bloak;clear:both;float:left;text-decoration:none;padding:6px 0 6px 24px;font-size:84%;width:100%}
p{padding:8px 0;text-align:justify;}
li{display:block;clear:both;float:left;margin:0 0 8px 0}
ol{list-style:decimal;margin-left:40px;margin-top:18px}
	ol li{margin-bottom:8px;margin-left:20px}
ul li{background:url(../images/bullet.gif) left top no-repeat;padding-left:30px;margin-bottom: 4px;text-align:justify;}
hr{clear:both;border:0;width:100%;height:2px;background:#345;}
header,article,footer,#container,.slider-box{display:block;clear:both;width:960px;margin:8px auto;border:solid 1px #222;}
header nav{float:left;text-align:center;width:959px;}
header,header nav{background:#fff url(../images/nav-bgdefault.jpg) repeat-x bottom;color:#222;margin:0 auto ;border:solid 1px #222;}
	header nav ul {
		list-style:none;margin:0 auto;
	}
		header nav li {
			display:inline-block;float:left;clear:none;margin:0!important;vertical-align:middle;padding:0!important;background:none!important;list-style:none;
		}
		header nav a:link, nav a:visited {
			color:#222;display:inline-block;height:40px;line-height:40px;padding:5px 12px;text-decoration:none;
		}
		header nav a:hover {
			background:#90C170;color:#101821;text-shadow:none !important;
		}
		header nav a:active,
		header nav .active a:link, nav .active a:visited {
			background:#000;color:#fff;text-shadow:none !important;
		}
		header nav li:first-child a {
			border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;
		}
	header section span.upper-rule{border-color:#ccc}

article{width:902px;min-height:240px;padding:16px 28px;background:#fff;color:#101821;}
header,article,footer,#container nav{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
header{min-height:100px;background:#452F22 url(../images/bg-wooden.jpg);color:#fff;}
	 header nav{
		border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;
	 }
footer{width:940px;padding:10px;background:#452F22 url(../images/bg-wooden.jpg);color:#fff;text-align:center;border:solid 1px #222;}

.col-1{display:inline;float:left;clear:left;width:300px;margin:0 8px 0 0}
.col-2{display:inline;float:left;clear:none;width:594px;min-height:424px}
.fl-left{float:left;display:inline-block;}
.fl-right{float:right;display:inline-block;}
.clear-both,.clear_both{clear:both}
.inline{display:inline-block;}
.message-head{text-align:center;width:auto;margin-bottom:16px}
.upper-rule{border-top:solid 2px #222;margin-top:4px;padding-top:4px}
.person-list{clear:both;margin:0 0 0 20px}
	.person-list li {background:none; padding-left: 4px;margin-bottom:4px;}
		.person-list li img.face{float:left;width:100px; height:100px; border:solid 2px #333; padding: 2px;margin-right:24px}

.slider-box{width:942px;background:#fff;text-align:center;min-height:256px;padding:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:solid 1px #222;}
	.slider-box img{max-width:940px;min-height:256px;}
.dark-box{background:#cdcdcd;color:#101821;padding:10px;margin:0 8px 0 0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-size:90%}
.dark-box .upper-rule{border-top-color:#101821;}
.bounded-box, .bounded-box-fl-right{border:solid 1px #222;margin:16px 0 16px 16px;padding:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;;width:auto;}
.bounded-box-fl-right{float:right;}
.under-construction{background:url(../images/under-construction.png) no-repeat center !important;text-align:center;font-size:400%;color:#ccc;text-shadow:2px 2px 2px #111;padding:80px 0}
.text-right{text-align:right;}
.eye-catching{font-size:110%;font-weight:800;text-decoration:blink;color:#5c0051;}
.email{font-weight:600;font-style:italic;text-decoration:underline;}
/* .color1{color:#EE7621;} */
.color1{color:#EF7F2E;}
.margine-10px{margin:10px}
.center{text-align:center;}
.baseline-text{vertical-align:baseline;bottom:-1.05em}
.image-caption{font-size:80%;font-weight:800;}
header nav a:focus, header a:focus, a:focus {
	box-shadow: 0 0 0 2px #fff, /* Inner white shadow */
	0 0 0 4px #000 !important; /* Outer black shadow */
}
.h2style{font-size:123.1%}

@media screen and (max-width: 800px) {
	header, article, footer, #container, .slider-box, .slider-box img, header nav  {
		width: 90%;
		min-width: 90%;
	}
	article {
		padding: 10px 10px;
	}
	p {
		font-size: 10px;
	}
	.slider-box img {
		object-fit: contain;
		min-height: auto;
	}
	.slider-box {
		min-height: auto;
	}
	.upper-rule {
		font-size: 10px;
	}
	.title {
		font-size: 80%;
	}
	.headtitle {
		float: none !important;
		display: inline;
	}
	header nav a:link, nav a:visited {
		height: 20px;
		  line-height: 20px;
		padding: 3px;
	}
	header nav li {
		float: none;
	}
	nav {
		font-size: 10px;
	}
	header nav { 
		text-align: start;
	}
	.person-list .fl-left {
		word-break: break-all;
	}
	span.sub-title{
		word-break: break-all;
		width: 90%;
	}
}