/* Note: this file may use CSS 3 properties that currently may cause errors when run through the W3C CSS validator. */

@media all {

/* RESET
 * Resets and basic typography and colors
============================================================================================================================ */
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
address,dl,fieldset,p,pre,ul,ol,table {
	margin:0 0 20px;
}
ul,ol,dd {
	margin-left:40px;
}
td ul,td ol {
	margin-left:15px;
}
ol ul,ul ol,ul ul,ol ol,td ul,td ol {
	margin-bottom:0;
}
blockquote {
	margin:1em 40px;
	font-style:italic;
}
dt {
	font-weight:bold;
}
table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table,th,td {
	border:1px solid #DBD1B6;
}
th,td {
	vertical-align:top;
	padding:3px 6px;
}
th {
	font-weight:bold;
	text-align:left;
}
caption {
	text-align:left;
	font-style:italic;
}
thead th {
	color:#000;
	background:#dbe3ee;
	text-shadow:0 1px 0 #fff;
}
img {
	border:none;
}
html,body {
	color:#222;
	background:#fff;
}
/* Base font size of 13px, see conversion table on http://labs.oktavilla.se/em-table/ */
html {
	font:81.25%/1.3846 Arial, Helvetica, sans-serif;
}
code,
kbd,
pre {
	font-family:Monaco, Courier, "Courier New", Tahoma;
}
h1,h2,h3,h4,h5,h6 {
	margin:20px 0 5px;
	color:#000;
	font-weight:normal;
	font-size:1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top:0;
}
h1 {
	font-size:2.7em;
	line-height:1.1667em;
	font-family:Georgia, "Times New Roman", serif;
	padding:10px;
}
h2 {
	font-size:1.6923em;
	line-height:1.25em;
}
h3 {
	font-size:1.4615em;
	line-height:1.3158em;
}
h4 {
	font-size:1.2308em;
}
h5,
h6 {
	font-weight:bold;
	font-size:1em;
}
legend {
	color:#333;
	white-space:normal;
}
a:link {
	color:#0043a7;
}
a:visited {
	color:#873ba3;
}
a:link:hover,
a:focus,
a:active {
	color:#005;
}
b,strong {
	font-weight:bold;
}
i,em {
	font-style:italic;
}
input,button,textarea,select {
	font:inherit;
}

/* Resetting of search input look in webkit, making it possible to style it as a normal text input */
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display:none;
}

/* GLOBAL CLASSES
============================================================================================================================ */
/* Easy clearing of floats
 * See http://positioniseverything.net/easyclearing.html
-------------------------------------------------------------- */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}


/* Structural elements
 * Not visible when CSS is enabled but visible for screen readers
-------------------------------------------------------------- */
.structural,
.structural > * {
	position:absolute;
	left:-9999px;
}

/* END @media all */
}


@media screen, projection {

html,body {background:#f5f3ef;}
body {padding:0 10px;}

/* LAYOUT
 * Common layout and specific layouts based on body layout classes
============================================================================================= */

#header {
	position:relative;
	margin:0 -10px;
	padding:0 10px 20px;
	background:#fff;
	border-bottom:1px solid #ede8da;
}
#main {
	padding:10px 0 50px;
}
#header .inner,
#main,
#page-tools,
#footer .wrap {
	width:94em;
	max-width:99%;
	margin:0 auto;
}
#content,
#content-1,
#content-2 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* Layout-2
 * Home page
-------------------------------------------------------------- */

.layout-2 #content-2 {
	float:none;
	width:auto;
}
.layout-2 #content-primary {
	float:left;
	width:74%;
	margin-bottom:20px;
}
.layout-2 #content-secondary {
	float:right;
	width:24%;
	margin-bottom:20px;
}
.layout-2 #content .m-row {
	margin:0 0 20px;
	padding:5px 10px;
	background:#fff;
	border-top:1px solid #ede8da;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* COLUMNS
============================================================================================================================ */
.col {
	float:left;
	width:100%; /* The default width of a column corresponds to the .full width */
	padding:0 10px;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.row .col:first-child {
	padding-left:0;
}
.row .col:last-child {
	padding-right:0;
}
.col-1 {
	padding-left:0;
}
.row {
	margin-bottom:20px;
}
.row .small {
	width:25%;
}
.row .smallmid {
	width:33.3%;
}
.row .medium {
	width:50%;
}
.row .midlarge {
	width:66.6%;
}
.row .large {
	width:75%;
}
.row .hr,
.row .full {
	padding:0;
	width:100%;
}
.cols-2 .col-2,
.cols-3 .col-3,
.cols-4 .col-4,
.cols-5 .col-5,
.cols-6 .col-6 {
	padding-right:0;
}

/* MODULES
============================================================================================================================ */
.m {
	margin:0 0 1em;
	text-shadow:0 1px 0 #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.m h2 {
	margin:0 0 8px;
}
.m ul {
	list-style:none;
	margin:0;
	padding:0;
}
.m li {
	margin:0 0 6px;
}
.m h3 {
	font-size:1.4em;
	line-height:1.2;
}
.m h4 {
	font-size:1.1em;
	line-height:1.2;
	text-transform:uppercase;
	font-weight:bold;
}

.panel {
	background:#fff;
	border:1px solid #e2ddcf;
	-webkit-box-shadow:0 1px 1px #e2ddcf;
	-moz-box-shadow:0 1px 1px #e2ddcf;
	box-shadow:0 1px 1px #e2ddcf;
}
.panel .m-h {padding:20px 20px 15px;}
.panel .m-c {
	margin:0;
	padding:0 20px 20px;
}
.panel .m-h h2,
.panel .m-h h3 {
	margin:0;
	font-size:1.3em;
	line-height:1;
}
.layout-3 #content-2-2 .panel {
	border-width:1px 0 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
/* Module types
---------------------------------------------------------------*/
.m-row .m {margin-bottom:0;}
.m-row .panel {margin-bottom:20px;}
.m-row .m-h h2 {
	margin:0;
	padding:8px;
	font-size:1.4em;
	line-height:1.25;
}
.m-row .m-h h2 span {
	margin-left:10px;
	color:#96815b;
	text-transform:uppercase;
	font-size:0.8em;
}
.m-row .m-h {padding:10px 8px 0;}
.m-row .m-c {padding:10px;}

/* SKIP LINKS
============================================================================================================================ */
#skip {
	position:absolute;
	top:0;
	left:-9999px;
	z-index:100;
	width:99%;
	margin:0;
}
#skip a:focus,
#skip a:active {
	display:block;
	position:absolute;
	top:0;
	left:9999px;
	width:100%;
	padding:8px 0;
	color:#fff;
	background:#3a659f;
	border:1px solid #163e74;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.0;
	text-align:center;
}

/* LOGO
============================================================================================================================ */
#logo {padding-left:15px;}
#logo a,
#logo img {
	float:left;
}
#logo a {padding-top:25px;}
#logo img {
	font-size:2em;
}
#logo a:focus,
#logo a:active {
	outline:1px solid #333;
	background:transparent;
}

/* Intro
-------------------------------------------------------------- */
.intro {
	color:#000;
	font-size:1.2em;
}

/* Error page content
-------------------------------------------------------------- */

.error-content .tel .value {
	display:block;
	padding-left:26px;
	font-size:1.9em;
	background:url(contact-icons-map.png) no-repeat -380px -352px;
}
.error-content .tel {padding-bottom:10px;}
.error-content .tel .value {width:10em;}
.error-content .tel strong {font-size:1.2em; font-weight:normal;}

		#header {padding-bottom:30px;}
		#header .inner, #main {width:60em;}
		#logo {margin-left:22px;}
		#main {padding-top:0;}
		#content {
			padding:40px 10px 0;
			text-shadow:0 1px 0 #fff;
		}
		.error-content {
			padding:0 10px;
			line-height:1.5;
		}
		h1 {padding:0 30px 10px;}
		.error-content .intro {
			margin-bottom:40px;
			padding:0 20px;
		}
		.panel .m-c {padding:20px 8px 0;}
		.panel .m-c h3 {padding-bottom:10px;}
		.panel .m-c strong,
		.panel .m-c a {display:block;}
		.panel table,
		.panel td,
		.panel th,
		.panel tr {border:none;}
		.panel td,
		.panel th {padding:0 0 8px 0;}
		.subtitle {
			margin:0 8px 10px;
			padding:15px 0;
		}
		.obs {
			clear:both;
			padding:20px 8px 8px;
			border-top:1px solid #e2ddcf;
		}

/* END @media screen, projection */
}