b,strong {font-weight: bold;}
textarea {overflow: auto; vertical-align: top;}
a:hover,a:active,a:focus {outline: none;}
a:active {background: transparent;}  /* IE10 gray background fix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.link {display: block; width: 100%; height: 100%; text-indent: -9999px; outline: 0;}
.textlink {display: block; width: 100%; height: 100%; outline: 0;}
.hide, .loading {visibility: hidden;}
.nomargin {margin: 0;}
.center {text-align: center;}
.right {text-align: right; float: right;}
*, *:after, *:before {
	box-sizing: border-box; *behavior: url(/css/boxsizing.htc); /* css3 rec */
	-moz-box-sizing: border-box; /* FF2 */
	-ms-box-sizing: border-box; /* IE8 */
	-webkit-box-sizing: border-box; /* Safari3 */
	-khtml-box-sizing: border-box; /* Konqueror */
}
.transparent {
	filter: alpha(opacity=75); /* IE8+ */
	-moz-opacity:0.75; /* Firefox */
	-khtml-opacity: 0.75; /* Safari1+ */
	opacity: 0.75; /* Modern */
}
.oldie .transparent {
	width: 100%; zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}
.watery {position: relative;}
.watery span, .watery label {
	position: absolute;
	color: #666;			
	margin: 0 12px;
	line-height: 35px;
}
.watery span.focused, .watery label.focused {color: #ccc;}
.watery span.filled, .watery label.filled {display: none;}
td .watery span, td .watery label {
	margin: 0 3px;
	font-size: 13px;
	color: #333;
}
.container {padding: 0 10%; min-width: 990px;}
.row {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	overflow: hidden;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}
.row .onecol {width: 4.85%;}
.row .twocol {width: 13.45%;}
.row .threecol {width: 22.05%;}
.row .fourcol {width: 30.75%;}
.row .fivecol {width: 39.45%;}
.row .sixcol {width: 48%;}
.row .sevencol {width: 56.75%;}
.row .eightcol {width: 65.4%;}
.row .ninecol {width: 74.05%;}
.row .tencol {width: 82.7%;}
.row .elevencol {width: 91.35%;}
.row .twelvecol {width: 100%; float: left;}
.last {margin-right: 0px; float: right;}
	
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
	background: #f9f9f3 url('../images/backgrnd.jpg');
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
nav {background: transparent url('../images/nav.png') center top repeat-x; height: 114px;}
nav a:link, nav a:visited {
	font-size: 26px;
	color: white;
	font-weight: normal;
	text-decoration: none;
	line-height: 58px;
}
nav a:hover, nav a:active, nav a.active {color: #fff59b;}
nav .search {margin-top: 12px; float: right; width: 247px; }
nav .search input {
	display: block;
	border: 1px solid #80bbdc;
}
nav .search input[type=image] {
	float: right;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #0064a2;
}
nav .search input[type=text] {
	width: 195px;
	color: #ab917b;
	height: 35px;
	line-height: 33px;
	padding: 0 2px 0 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: none;
}
article, aside {padding-bottom: 4em;}
article {color: #005A74; font-size: 16px; line-height: 1.6em;}
article:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
article a:link, article a:visited {
	color: #F39900;
	text-decoration: none;
}
article a:hover, article a:active {
	color: #e5700c;
	text-decoration: underline;
}
article .columns p {
	-moz-column-count: 3; /* Firefox */
	-webkit-column-count: 3; /* Safari and Chrome */
	column-count: 3;
	-moz-column-gap: 30px; /* Firefox */
	-webkit-column-gap: 30px; /* Safari and Chrome */
	column-gap: 30px;
    -moz-column-rule: 1px solid #e5ded9;
	-webkit-column-rule: 1px solid #e5ded9;
	column-rule: 1px solid #e5ded9;
	-webkit-column-fill: balanced;
    -moz-column-fill: balanced;
    column-fill: balanced;
}
article .details {
	font-size: 20px;
	font-weight: bold;
	background: #005A74;
	color: white;
	padding: 10px;
	font-size: 16px;
	padding: 5px 10px;
	font-weight: bold;
	position: relative;
	text-shadow: 0 1px 0 #022f4f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
article .sectionContent {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px;
}
article .main_table td {
	/* word-break: break-all; */
	padding: 4px;
	color: #2F4F4F;
	border-top: 1px solid #ccc;
	vertical-align:text-top;
}
aside .block {
	color: #595755;
	font-size: 14px;
	background-color: #e5ded9;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
article .wsform td {padding: 3px 0;}
article .small input, article .small select {width: 50px; padding: 5px;}
article .normal input, article .normal select {width: 300px; padding: 5px;}
article input[type="radio"] {margin-right: 5px;}
article td small {color: #ab917b;}
h1, h2, h3, h4, h5, h6 {
	font-size: 26px;
	color: #005A74;
	font-weight: normal;
	margin: 0 0 0.7em 0;
}
h2, h3 {
	font-weight: normal;
	font-size: 20px;
	color: #906d4f;
}
h4, h5, h6 {font-weight: bold; font-size: 16px;}
h2, h6 {color: black;}
#navlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* ======================================== */
/* ! Provide higher res assets for Retina	*/
/* ======================================== */

@media all and (-webkit-min-device-pixel-ratio: 1.5) { 

	footer {
		background-image: url('../images/footer_2x.png');
		background-size: 1500px 54px;
	}
	
}

/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */

@media handheld, only screen and (max-width: 1023px) {
	
	.container {padding: 0 5%;}
	footer .row .center, footer .row .last {padding: 100px 0 20px 0;}

}