@charset "utf-8";

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/mulish-v12-latin-300.woff2') format('woff2'),
       url('/fonts/mulish-v12-latin-300.woff') format('woff');
}

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/mulish-v12-latin-regular.woff2') format('woff2'),
       url('/fonts/mulish-v12-latin-regular.woff') format('woff');
}

@media screen,projection {

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

html {
min-height: 100%;
font-size: 100%;
overflow-y: scroll;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: url(/media/shared/bg.png) #f5f5f0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.00)), to(rgba(0, 0, 0, 0.1))), url(/media/shared/bg.jpg) #f5f5f0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.1)), url(/media/shared/bg.jpg) #f5f5f0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.1)), url(/media/shared/bg.jpg) #f5f5f0;
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.1)), url(/media/shared/bg.jpg) #f5f5f0;
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.1)), url(/media/shared/bg.jpg) #f5f5f0;
background: linear-gradient(top, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.1)), url(/media/shared/bg.jpg) #f5f5f0;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
width: 960px;
min-height: 100%;
min-height: 100vh;
margin: 0 auto;
padding: 10px 20px;
color: #787878;
font : 100%/1.5 'Mulish',sans-serif;
font-weight: 300;
text-shadow: 0 1px 1px #fff;
background: #fff;
box-shadow: 0 0 20px rgba(0,0,0,.14);
}

a {
color: #fb9803;
-webkit-transition: color .4s, border-color .4s, background-color .4s;
-moz-transition: color .4s, border-color .4s, background-color .4s;
transition: color .4s, border-color .4s, background-color .4s;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
color: #787878;
outline: 0;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
font-weight: 300;
}
h1 {
color: #fb9803;
font-size: 100%;
line-height: 1;
margin-bottom: 1em;
}
header img {
display: block;
}
h2 {
font-size: 150%;
line-height: 1.25;
margin-bottom: 1em;
}
hr {
height: 0;
overflow: hidden;
margin: 3em 0;
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #f5f5f5;
}
p, dl {
margin: 0 0 1.5em 0;
}
ul, ol {
margin: 1.5em 0;
padding: 0 0 0 32px;
}
dd {
margin: 0 0 0 40px;
}
nav ul, nav ol {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
address {
margin: 0;
font-size: 87.5%;
font-style: normal;
}

abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
color: #5a5a5a;
font-weight: normal;
font-weight: 400;
}
blockquote {
margin: 1em 40px;
}
img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
vertical-align : top;
text-align : left;
font-weight : normal;
}

/* ---   --- */

header {
padding: 1.5em 10px 1.25em;
border-top: 4px solid #fb9803;
border-bottom: 1.5em solid #fb9803;
}

.banner {
overflow: hidden;
margin: 4px 0 0;
}
.separator {
margin: 4px 0;
border-top: 1px solid #b1a79e;
}
.banner img {
display: block;
}

#skip {
position: absolute;
display: none;
margin-top: -1.5em;
margin-left: 10px;
}
#skip a {
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0px rgba(0,0,0,.3);
}
#skip:after {
content: '\2228';
margin-left: .5em;
vertical-align: sup;
color: #fff;
font-size: 92%;
text-shadow: 0 1px 0px rgba(0,0,0,.3);
}

.container {
zoom: 1;
margin-bottom: 6px;
background: url(/media/shared/nav_bg.png) repeat-y #fff;
}
.container:before, .container:after {
content: "";    
display: table;	
}
.container:after {
clear: both;
}

nav {
float: left;
width: 26.684%;
padding: 24px 0;
font-size: 112.5%;
line-height: 2;
background: #f5f5f0;
}

.content {
float: left;
padding: 24px;
width: 73.316%;
background: #fff;
}

#to_top {
clear: both;
margin: 6em 0 0;
font-weight: 400;
}
#to_top a {
display: none;
border: none;
}
#to_top a:before {
content: '^';
vertical-align: sub;
margin-right: .5em;
color: #787878;
}

footer {
padding: 6px 10px;
font-size: 87.5%;
border-top: 1px solid #b1a79e;
}

header a {
text-decoration: none;
}
nav a {
display: block;
width: 100%;
padding: 0 10px;
text-decoration: none;
border-top: 1px solid #f5f5f0;
border-bottom: 1px solid #f5f5f0;
}
nav .current a, nav a:hover {
color: #787878;
background: rgba(0,0,0,.01);
border-top-color: #fcfcfb;
border-bottom-color: #fcfcfb;
}
nav .current a {
font-weight: normal;
font-weight: 400;
}
.content a {
text-decoration: none;
border-bottom: 1px solid orange;
}
.content a:hover {
border-bottom-color: #787878;
}
footer a {
color: #787878;
text-decoration: none;
}

/* ---   --- */

.logos {
columns: 2 12em;
}
.logos p {
text-align: center;
break-inside: avoid;
}
.logos a {
border: none;
}


.content dl {
background: #f5f5f0;
}
.content dt {
clear: both;
float: left;
width: 60%;
padding: 2px 1em 2px 0;
margin: 0 1px 0 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
background: #fff;
}
.content dd {
margin-left: 60%;
padding: 2px 0 2px 1em;
background: #fff;
margin: 0 0 1px;
}
.content dd:after {
content: "";    
display: block;
height: 0px; 
clear: both;
}

.about ul {
list-style: none;
margin: .75em 0;
padding: 0;
}
.about li:before {
content: '- ';
position: absolute;
margin-left: -.5em;
}
.about > hr {
visibility: hidden;
margin: 1em 0;
height: 0px;
}

}	/* end media screen,projection */

@media only screen {
body {
width: auto;
max-width: 72em;
}
}

@media only screen and (max-width : 740px) {
body {
padding: 10px;
font-size: 14px;
}
header {
padding-left: 0;
padding-right: 0;
}
m {
display: block;
font-size: 0;
overflow: hidden;
text-indent: -999em;
}
#skip {
display: block;
}
.container {
display: box;
display: -moz-box;
display: -webkit-box;
box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
background: #fff;
}
.content {
float: none;
width: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
nav {
float: none;
box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-box-ordinal-group: 2;
width: auto;
min-height: 50px !important;
margin: 1em 0;
border-radius: 6px;
}
#to_top {
visibility: visible;
margin-top: 3em;
}
footer {
padding-left: 0;
padding-right: 0;
}

.content dd {
text-align: right;
}
}

@media print {

* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
@page { margin: 1cm; }
body { font : 10pt/1.4 'Helvetica Neue',sans-serif; }
h1 { font-size : 140%; }
h2 { font-size : 120%; margin : 0 0 1em; }
h3, h4, h5, h6 { font-size : 100%; margin : 0; }
h2, h3 { page-break-after: avoid; }
address { font-style: normal; }
p, h2, h3 { orphans: 3; widows: 3; }
p { margin : 0 0 1em; }
ul, ol { margin : 1em 0; }
li { margin : 0 0 0 1em; padding : 0; }
a, a:visited { text-decoration: underline; }
img { max-width: 100% !important; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; }
hr { margin : 2em 0; border : 0; border-bottom : 1px solid #ccc;}

table { page-break-inside: auto }
tr { page-break-inside: avoid; page-break-after: auto }
thead { display: table-header-group }
tfoot { display: table-footer-group }

nav, #skip, #to_top, footer {
display : none;
}
.banner {
margin: 2em 0;
}

}