html {
	box-sizing: border-box;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

*, *:before, *:after {
	box-sizing: inherit;
}



/* -------- Sectioning elements -------- */

article,
aside,
figure,
footer,
header,
main,
nav,
section,
.column,
.content {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}

article {
}

aside {
}

body {
	min-width: 320px;
	margin: 0 auto;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.column.narrow {
	margin-top: 1.13rem;
}

.row {
	margin: 1.63rem 0;
	overflow: hidden;
}
.row.narrow {
	margin: .56rem 0;
}
	.row.narrow dl,
	.row.narrow ol,
	.row.narrow p,
	.row.narrow ul {
		font-size: .94rem;
		line-height: 1.31rem;
		margin: .19rem 0 .19rem 1.13rem;
	}

figure,
.column > img {
	max-width: 100%;
	display: inline;
	line-height: 0;
	margin: .56rem 0;
}
	figcaption {
		color: #333;
		font-size: .88rem;
		line-height: 1.4;
		margin: .56rem 0;
	}

footer {
	background: #443a30 url(../images/cloth-brown.jpg);
	color: #e0d5cf;
}

header {
	background: #443a30 url(../images/bg-header.jpg);
}

.column nav {
	border-left: dotted 3px #aaa;
	margin: 0 0 .81rem -.44rem;
	padding-left: .25rem;
}
	nav ul {
		line-height: 1.0;
		list-style: none;
		padding-left: 0;
	}
		nav ul li {
		}
			nav ul li a {
				color: #111;
				display: block;
				padding: .38rem .25rem;
				text-decoration: none;
				transition: background .3s, color .3s;
			}
		nav ul li.current {
		}
			nav ul li.current > a {
				color: #7d553b;
				text-decoration: underline;
			}
			nav ul li > a:hover {
				color: #7d553b;
			}
	
	nav ul.level1 {
		font-weight: 600;
		margin: 0 0 0 -10px;
		padding-left: 10px;
	}
		nav ul.level1 > li.current {
			background: #fff;
			border-left: dotted 3px #7d553b;
			margin-left: -13px;
			padding-left: 10px;
			
			border-top: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
		}
	nav ul.level2 {
		font-weight: 400;
	}
			nav ul.level2 > li > a {
				padding-left: 19px;
			}
	nav ul.level3 {
	}
			nav ul.level3 > li > a {
				font-style: italic;
				padding-left: 34px;
			}
	nav ul.level4 {
	}
			nav ul.level4 > li > a {
				padding-left: 49px;
			}

section {
}


/* -------- General elements -------- */

dl,
ol,
p,
ul {
	font-size: 1rem;
	line-height: 1.55;
	margin: .38rem 0 .19rem 0;
}

a {
	color: #196389;
	
	/*text-decoration-color: #443a30;
	-moz-text-decoration-color: #443a30;*/
	text-decoration-style: dotted;
	-moz-text-decoration-style: dotted;
	-webkit-text-decoration-style: dotted;
}
a.button {
	min-width: 95%;
	background: #fff;
	border: solid 1px #635838;
	border-radius: 3px;
	color: #635838;
	display: inline-block;
	font-family: "Viga", sans-serif;
	font-size: 1.13rem;
	line-height: 1.5;
	margin: .56rem 0;
	padding: .56rem 2.5rem;
	text-align: center;
	text-decoration: none;
}
a:active, a:focus {
	outline: none;
}

dl {
}
	dt {
		color: #4c1c09;
		display: inline;
		font-weight: 600;
	}
	dd {
		margin-left: 1.13rem;
	}

h1 {
	border-bottom: solid 2px;
	clear: both;
	color: #50482f;
	font-family: "Viga", sans-serif;
	font-size: 1.63rem;
	font-weight: 400;
	margin: .75rem 0 .75rem 0;
}
	h1 a {
		color: inherit;
		text-decoration: none;
	}
	h1 small {
		color: #4c1c09;
		display: block;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1rem;
		font-weight: 600;
		padding-bottom: .25rem;
	}
	h1 small a {
		color: #4c1c09;
		text-decoration: underline;
		text-decoration-style: dotted;
		
		-moz-text-decoration-style: dotted;
		-webkit-text-decoration-style: dotted;
	}

h2 {
	color: #4c1c09;
	font-size: 1.31rem;
	font-family: "Viga", sans-serif;
	font-weight: 400;
	margin: .75rem 0 .56rem 0;
}
	h2 a {
		color: inherit;
	}
	h2 small {
		display: block;
		font-size: .94rem;
	}

h3 {
	color: #50482f;
	font-size: 1.06rem;
	margin: .75rem 0 .56rem 0;
}

hr {
	border: none;
	border-bottom: solid 1px #888;
	clear: both;
	margin: .75rem .38rem;
}

i > i {
	font-style: normal;
}

img {
	max-width: 100%;
	border: none;
	margin: 0;
}
.column img {
	border: solid 1px #888;
}
	.column a > img {
		border: solid 1px #635838;
	}

ol {
}
	ol ol {
		margin: 0;
	}
ol.deeper {
	list-style-type: upper-roman;
}
	ol.deep,
	ol.deeper ol {
		list-style-type: upper-latin;
	}
		ol,
		ol.deep ol,
		ol.deeper ol ol {
			list-style-type: decimal;
		}
			ol ol,
			ol.deep ol ol,
			ol.deeper ol ol ol {
				list-style-type: lower-alpha;
			}
				ol ol ol,
				ol.deep ol ol ol,
				ol.deeper ol ol ol ol {
					list-style-type: lower-roman;
				}
ol.traverse {
	font-family: "Viga", sans-serif;
	font-size: 1.1rem;
	list-style: none;
	margin: 1.5rem 0 0 0;
	overflow: hidden;
	padding: 0;
}
	ol.traverse li {
		float: left;
		margin: 0 .5rem;
	}
	ol.traverse li:first-child {
		margin-left: 0;
	}
	ol.traverse li:last-child {
		margin-right: 0;
	}

p {
	clear: left;
	
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

small p {
	font-size: .88rem;
	font-style: italic;
}

ul {
}
	ul ul {
		margin: 0;
	}

ul.image-list {
	width: 100%;
	font-family: "Viga", sans-serif;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
	.image-list li {
		float: left;
		margin: 0 0 .75rem 0;
	}
		.image-list li a {
			width: 100%;
			color: #635838;
			display: block;
		}
		.image-list li img {
			margin: 0;
		}
		.image-list span {
			clear: left;
			line-height: 1.4;
		}
ul.image-list.sm {
}
	.image-list.sm li {
		width: 100%;
		font-size: .94rem;
	}
		.image-list.sm img {
			width: 70px;
			height: 70px;
			border-radius: 7px;
			float: left;
			margin-right: .38rem;
		}
ul.image-list.med {
	display: block;
}
	.image-list.med li {
		width: 50%;
		margin: 0 0 .5rem 0;
	}
	.image-list.med li:nth-child(2n+1) {
		clear: both;
	}
		.image-list.med a {
			padding: 0 .25rem;
			text-align: center;
			text-decoration: none;
		}
		.image-list.med img {
			max-width: 100%;
			border-radius: 3px;
			padding: 1px;
		}
		.image-list.med span {
			display: block;
		}

ul.inline {
}
	.inline li {
		display: inline;
		float: right;
		margin-left: 1.5rem;
	}

ul.loose {
	margin: 0;
}
	.loose li {
		margin: .38rem 0;
	}


/* -------- Form elements -------- */

form {
}
	fieldset {
		border: none;
		margin-top: .63rem;
	}
		fieldset div {
			margin-top: .75rem;
		}
		fieldset a {
			float: right;
		}
		fieldset legend {
			font-weight: 600;
		}

button,
input,
select {
	max-width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .94rem;
	margin: .38rem .75rem .38rem 0;
}
button {
	min-width: 60px;
	padding: .25rem .56rem;
}
input {
	width: 200px;
	min-width: 140px;
}
label {
	display: block;
}
select {
	width: 100%;
	min-width: 140px;
	max-width: 240px;
	padding: .25rem .19rem;
}

form > small {
	display: inline;
}


/* -------- Table elements -------- */

table {
	font-size: .94rem;
	margin: .75rem 0;
	width: 100%;
}
	tr {
		background: #fff;
	}
	tr:nth-child(2n+1) {
		background: #eee7e0;
	}
	
	th {
		background: #635838 url(../images/cloth-green.jpg);
		color: #fff;
		padding: .75rem;
		text-align: left;
	}
	th.sortable {
		padding: 0;
	}
	th.sortable.asc,
	th.sortable.desc {
		background: #7d553b url(../images/cloth-orange.jpg);
	}
	th.sortable.asc:after,
	th.sortable.desc:after {
		float: right;
		margin-right: .75rem;
		margin-top: -2.06rem;
	}
	th.sortable.asc:after {
		content: "\2228";
	}
	th.sortable.desc:after {
		content: "\2227";
	}
		th.sortable a {
			color: inherit;
			display: block;
			margin-right: 1.56rem;
			padding: .75rem;
		}
	
	td {
		padding: .38rem .75rem;
	}


/* -------- IDs -------- */

#page-wrapper {
	background: #8e6f52;
}
	#page-wrapper > footer {
		padding: 0 .56rem;
	}
		#page-wrapper > footer a {
			color: #a1ab65;
		}
		#page-wrapper > footer p {
			float: left;
			font-size: .88rem;
		}
	
	#page-wrapper > header {
		padding: 0 .56rem;
		z-index: 50;
	}
		#page-wrapper > header > h1 {
			border: none;
			display: block;
			margin: 0;
		}
			#page-wrapper > header > h1 #logo {
				max-height: 74px;
				color: #d1d1c7;
				display: none;
			}
			
			#page-wrapper > header > h1 #logo-title {
				max-height: 78px;
				color: #d1d1c7;
				margin: 0 0 -.5rem 0;
			}
	
	#page-wrapper > main {
		background: #fff;
		background-color: rgba(255,255,255,.92);
		padding: .56rem 0;
		z-index: 30;
	}
		ul#breadcrumbs,
		ul#languages {
			font-size: .81rem;
			margin: 0 .56rem 1.13rem .56rem;
			padding: 0;
		}
			ul#breadcrumbs li,
			ul#languages li {
				display: inline;
			}
		
		ul#languages {
			text-transform: uppercase;
		}
			ul#languages li {
				margin: 0 1.88rem 0 0;
			}
		
		#page-wrapper > main > .content {
			padding: 0 .56rem;
		}
	
	#page-wrapper > nav {
		background: #635838 url(../images/cloth-green.jpg);
		border-top: dashed 1px #50482f;
		border-bottom: dashed 1px #e0d5cf;
		text-shadow: 0 0 .25rem #333;
		text-transform: uppercase;
		z-index: 40;
	}
		#page-wrapper > nav ul {
			font-size: .88rem;
			font-weight: 600;
			line-height: 1.5;
			margin: 0;
		}
			#page-wrapper > nav ul li {
				border-bottom: dashed 1px #443a30;
				font-family: "Viga", sans-serif;
				font-weight: 400;
				text-align: center;
			}
			#page-wrapper > nav ul li:last-of-type {
				border-bottom: none;
			}
				#page-wrapper > nav ul li a {
					color: #d1d1c7;
					display: block;
				}
				#page-wrapper > nav ul li a:hover {
					background: rgba(25,25,25,.3);
					color: #eee;
				}
				#page-wrapper > nav ul li a.current {
					background: #7d553b url(../images/cloth-orange.jpg);
				}


/* -------- General classes -------- */

.no-break {
	white-space: nowrap;
}
.no-hyphens {
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}



@media only screen and (max-width: 859px) {
	table,
	th,
	td,
	tr {
		display: block;
	}
	
	th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr {
		border-bottom: solid 1px #000;
		padding: .38rem 0;
	}
	td {
		padding: .13rem .25rem;
		position: relative;
	}
	
}

@media all and (min-width: 480px) {
	.image-list.sm li {
		width: 50%;
	}
		.image-list.sm li  {
			padding-right: .75rem;
		}
	
	.image-list.med li {
		width: 33.33%;
		clear: none;
	}
	.image-list.med li:nth-child(2n+1) {
		clear: none;
	}
	.image-list.med li:nth-child(3n+1) {
		clear: both;
	}
}

@media all and (min-width: 760px) {
	body {
		background: url(../images/bg-main.jpg);
	}
	
	#page-wrapper > header > h1 #logo {
		display: inline;
		float: left;
	}
	#page-wrapper > header > h1 #logo-title {
		max-height: 78px;
		float: right;
	}
}

@media all and (min-width: 860px) {
	.column {
		width: 100%;
		margin: .94rem 0;
		padding-left: .94rem;
		padding-right: .94rem;
	}
	.column.wide {
		width: 66.66%;
	}
	.column.narrow {
		width: 33.33%;
	}
	.column.righty {
		float: right;
	}
	
	.column figure,
	.column > img {
		width: auto;
		min-height: 36px;
		border: none;
		clear: right;
		display: table;
		float: right;
		margin: .56rem 0 1rem .56rem;
		padding: 0;
	}
		figcaption {
			border-bottom: solid 1px #aaa;
			caption-side: bottom;
			display: table-caption;
			padding-bottom: .56rem;
		}
	
	.column img {
		padding: 2px;
	}
		.column figure img {
			padding: 5px;
		}
		.column figure .slide > img {
			border: solid 2px #999;
		}
	
	.column.narrow figure,
	.column.narrow > img {
		max-width: 100%;
	}
	
	.column.wide .slide img {
		max-width: 320px;
	}
	
	.column figure.righty,
	.column img.righty {
		clear: right;
		float: right;
		margin-left: 1.31rem;
	}
	.column figure.lefty,
	.column img.lefty {
		clear: left;
		float: left;
		margin-right: 1.31rem;
	}
	
	
	
	dl,
	ol,
	p,
	ul {
		margin: .75rem 0;
	}
	
	h1 {	margin: .56rem 0 .94rem 0;	}
	h2 {	margin: .94rem 0 .56rem 0;	}
	h3 {	margin: .75rem 0 .19rem 0;	}
	
	hr {
		margin: 1.63rem .38rem;
	}
	
	p {
		clear: none;
	}
	
	ul.image-list.sm li {
		width: 100%;
		clear: left;
	}
		ul.image-list.med li > * {
			padding: .56rem;
		}
		ul.image-list.med img {
			padding: 2px;
		}
	
	
	#page-wrapper > footer {
		padding: .56rem .94rem;
	}
		#page-wrapper > footer > p {
			margin: .94rem;
		}
	
	#page-wrapper > header {
		padding: .56rem .94rem;
	}
		#page-wrapper > header > h1 #logo,
		#page-wrapper > header > h1 #logo-title {
			max-height: 78px;
			margin: 0 .94rem;
		}
	
	#page-wrapper > main {
		padding: .94rem 0;
	}
		#page-wrapper > main > .content {
			min-height: 300px;
			padding: 0 .94rem;
		}
	
	#page-wrapper > nav {
	}
		#page-wrapper > nav ul {
			float: right;
		}
			#page-wrapper > nav ul li {
				border: none;
				float: left;
			}
				#page-wrapper > nav ul li a {
					padding: .56rem 1.69rem;
				}
	
	
	
	
	.column nav {
		margin: 0 0 1.63rem -.44rem;
	}
	
	nav ul {
		line-height: 1.35;
	}
	
	
	ul#breadcrumbs,
	ul#languages {
		float: left;
		margin: 0;
		padding: 0 1.88rem;
	}
	
	ul#languages {
		float: right;
	}
		ul#languages li {
			margin: 0 0 0 1.88rem;
		}
	
	
	
	label {
		display: inline-block;
	}
	
	.column.narrow form > small {
		display: block;
		margin: .38rem 0 .19rem 0;
	}
	
	.column:not(.narrow) select {
		width: auto;
	}
	
	
	
	table,
	.frame {
		border: solid 2px #999;
		padding: .38rem;
	}
	
	
	
	.space-top {
		margin-top: 3.38rem;
	}
	.space-bottom {
		margin-bottom: 3.38rem;
	}
}

@media all and (min-width: 940px) {
	#page-wrapper > footer {
		padding: .56rem .75rem;
	}
		#page-wrapper > footer > p {
			margin: .94rem 1.88rem;
		}
	
	#page-wrapper > header {
		padding: .56rem .75rem;
	}
		#page-wrapper > header > h1 #logo,
		#page-wrapper > header > h1 #logo-title {
			max-height: 84px;
			margin: 0 1.88rem;
		}
		
	#page-wrapper > main {
		padding: 1.13rem .75rem;
	}
	
	#page-wrapper > nav {
		padding: 0 1.13rem;
	}
	
	.column.wide {		width: 73%;	}
	.column.narrow {	width: 27%;	}
	
	.column.wide .slide img {
		max-width: none;
	}
}

@media all and (min-width: 1120px) {
	body {
		max-width: 1240px;
	}
	
	#page-wrapper > footer {
		padding: .56rem .75rem;
	}
		#page-wrapper > footer > p {
			margin: .94rem 2.44rem;
		}
	
	#page-wrapper > header {
		padding: .75rem .75rem;
	}
		#page-wrapper > header > h1 #logo,
		#page-wrapper > header > h1 #logo-title {
			max-height: 96px;
			margin: 0 2.44rem;
		}
	
	#page-wrapper > nav {
		padding: 0 1.69rem;
	}
	
	ul#breadcrumbs,
	ul#languages {
		margin: 0 .63rem;
	}
	
	.column {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.column.wide {
		width: 72%;
	}
	.column.narrow {
		width: 28%;
	}
	
	.column figure.righty,
	.column img.righty {
		margin-left: 1.75rem;
	}
	.column figure.lefty,
	.column img.lefty {
		margin-right: 1.75rem;
	}
	
	input {
		width: 240px;
	}
}

@media all and (min-width: 1540px) {
	html {
		font-size: 110%;
	}
	
	body {
		max-width: 1500px;
	}
	
	#page-wrapper > header > h1 #logo,
	#page-wrapper > header > h1 #logo-title {
		max-height: 104px;
	}
}


@media print {
	* {
		font-family: Arial, Helvetica, sans-serif;
	}
}