@charset "UTF-8";
/*!
 * style.css
 *
 * Created: 03.06.2014
 * Author: [Bvl] @ Chrometoaster
 * Description: [Stylehseet for screen]
*/
/* maximum width for the whole site */
/*!
 * 00-reset-screen.css
 */
/*
	reset.css
	===============================================================
	Various techniques to override browser defaults,
	plus some commonly used helpers.

	Last Updated: 14.09.2010
	- implemented parts of Eric Meyer's popular reset
	- removed redundant parts of our CSS
	- added button reset

	To sort, search for '@'
  ===============================================================
*/
/*
	@ Font sizing
	---------------------------------------------------------------
	1em = 10px

	In addition, a % size can be set on the .shell element
	_______________________________________________________________
*/
html {
  font-size: 100.01%;
}

body {
  padding: 0;
  margin: 0;
  font-size: 62.5%;
}

input, button, select, textarea {
  font-size: 1em;
}

body, input, button, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
	@ Whitespace
	---------------------------------------------------------------
	_______________________________________________________________
*/
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, font, 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 {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  margin: 0;
  padding: 0;
  border: 0;
  /* outline: 0; */
  /* font-size: 100%; */
  vertical-align: baseline;
  background: transparent;
}

body {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  line-height: 1;
}

img {
  /*display: block;  prevent xhtml whitespace */
}

a img {
  /*border: 0; - is this covered by the reset above? */
}

/*
	@ Hidden content
	---------------------------------------------------------------
	_______________________________________________________________
*/
hr {
  display: none;
}

a.screen {
  position: absolute;
}

/*
	@ Clearing elements
	---------------------------------------------------------------
	As IE6-8 don't support generated content

	div.clear, span.clear = UI clearers
	el.clear applied to content elements
	_______________________________________________________________
*/
div.clear,
span.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
}

.clear {
  clear: both;
}

/*
	@ Navigation lists
	---------------------------------------------------------------
	Remove bullets/numbering and default indenting.
	Helpers for inline (horz) and stacked (vert) lists
	_______________________________________________________________
*/
.nav ul,
.nav ol,
.nav li,
#main .nav ul,
#main .nav ol,
#main .nav ul li,
#main .nav ol li,
#main form ol,
#main form ol li {
  background-image: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

/*
	@ Quotes
	---------------------------------------------------------------
	_______________________________________________________________
*/
blockquote, q {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  content: '';
  content: none;
}

/*
	@ Updated content
	---------------------------------------------------------------
	_______________________________________________________________
*/
/* remember to highlight inserts somehow! */
ins {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  text-decoration: none;
}

del {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  text-decoration: line-through;
}

/*
	@ Buttons
	---------------------------------------------------------------
	_______________________________________________________________
*/
button,
input.submit {
  cursor: pointer;
}

input[type=submit] {
  cursor: pointer;
  /* split to separate rule else the rule above is ignored by IE6 */
}

button {
  /* http://snipplr.com/view/23417/reset-button-tag/ */
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  /* font-size: 0; */
  /* line-height: 0; */
  width: auto;
  overflow: visible;
}

button div {
  /* http://snipplr.com/view/23417/reset-button-tag/ */
  border: 1px solid;
  font-size: 1em;
  /* 12px; */
  line-height: 1;
  /* 12px; */
}

/*
	@ Tables
	---------------------------------------------------------------
	_______________________________________________________________
*/
/* tables still need 'cellspacing="0"' in the markup */
table {
  /* http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212 */
  border-collapse: collapse;
  border-spacing: 0;
}

/*
	@ Cursors
	---------------------------------------------------------------
	The abbr element represents an abbreviation or acronym
	(acronym deprecated in HTML5)
	_______________________________________________________________
*/
abbr {
  /*	abbr not supported by ie6 */
  cursor: help;
}

/*
	@ Address
	---------------------------------------------------------------
	_______________________________________________________________
*/
address {
  display: block;
  font-style: normal;
}

/*
	@ hidden/access
	---------------------------------------------------------------
	_______________________________________________________________
*/
.hidden {
  display: none;
}

/*!
 * body-screen.css
 */
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_12,
.container_16 {
  width: 92%;
  padding-left: 4%;
  padding-right: 4%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  padding-left: 2% !important;
  padding-right: 2% !important;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 25%;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 50%;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 75%;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 100%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {
  padding-left: 0 !important;
}

.omega {
  padding-right: 0 !important;
}

.grid-wrapper {
  margin-right: -2% !important;
  margin-left: -2% !important;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 6.333%;
}

.container_12 .grid_2 {
  width: 14.666%;
}

.container_12 .grid_4 {
  width: 31.333%;
}

.container_12 .grid_5 {
  width: 39.666%;
}

.container_12 .grid_7 {
  width: 56.333%;
}

.container_12 .grid_8 {
  width: 64.666%;
}

.container_12 .grid_10 {
  width: 81.333%;
}

.container_12 .grid_11 {
  width: 89.666%;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {
  width: 6.25%;
}

.container_16 .grid_2 {
  width: 12.5%;
}

.container_16 .grid_3 {
  width: 18.75%;
}

.container_16 .grid_5 {
  width: 31.25%;
}

.container_16 .grid_6 {
  width: 37.5%;
}

.container_16 .grid_7 {
  width: 43.75%;
}

.container_16 .grid_9 {
  width: 56.25%;
}

.container_16 .grid_10 {
  width: 62.5%;
}

.container_16 .grid_11 {
  width: 68.75%;
}

.container_16 .grid_13 {
  width: 81.25%;
}

.container_16 .grid_14 {
  width: 87.5%;
}

.container_16 .grid_15 {
  width: 93.75%;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3,
.container_16 .prefix_4 {
  margin-left: 25%;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  margin-left: 50%;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  margin-left: 75%;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  margin-left: 8.333%;
}

.container_12 .prefix_2 {
  margin-left: 16.666%;
}

.container_12 .prefix_4 {
  margin-left: 33.333%;
}

.container_12 .prefix_5 {
  margin-left: 41.666%;
}

.container_12 .prefix_7 {
  margin-left: 58.333%;
}

.container_12 .prefix_8 {
  margin-left: 66.666%;
}

.container_12 .prefix_10 {
  margin-left: 83.333%;
}

.container_12 .prefix_11 {
  margin-left: 91.666%;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
  margin-left: 6.25%;
}

.container_16 .prefix_2 {
  margin-left: 12.5%;
}

.container_16 .prefix_3 {
  margin-left: 18.75%;
}

.container_16 .prefix_5 {
  margin-left: 31.25%;
}

.container_16 .prefix_6 {
  margin-left: 37.5%;
}

.container_16 .prefix_7 {
  margin-left: 43.75%;
}

.container_16 .prefix_9 {
  margin-left: 56.25%;
}

.container_16 .prefix_10 {
  margin-left: 62.5%;
}

.container_16 .prefix_11 {
  margin-left: 68.75%;
}

.container_16 .prefix_13 {
  margin-left: 81.25%;
}

.container_16 .prefix_14 {
  margin-left: 87.5%;
}

.container_16 .prefix_15 {
  margin-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3,
.container_16 .suffix_4 {
  margin-right: 25%;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  margin-right: 50%;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  margin-right: 75%;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  margin-right: 8.333%;
}

.container_12 .suffix_2 {
  margin-right: 16.666%;
}

.container_12 .suffix_4 {
  margin-right: 33.333%;
}

.container_12 .suffix_5 {
  margin-right: 41.666%;
}

.container_12 .suffix_7 {
  margin-right: 58.333%;
}

.container_12 .suffix_8 {
  margin-right: 66.666%;
}

.container_12 .suffix_10 {
  margin-right: 83.333%;
}

.container_12 .suffix_11 {
  margin-right: 91.666%;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
  margin-right: 6.25%;
}

.container_16 .suffix_2 {
  margin-right: 16.5%;
}

.container_16 .suffix_3 {
  margin-right: 18.75%;
}

.container_16 .suffix_5 {
  margin-right: 31.25%;
}

.container_16 .suffix_6 {
  margin-right: 37.5%;
}

.container_16 .suffix_7 {
  margin-right: 43.75%;
}

.container_16 .suffix_9 {
  margin-right: 56.25%;
}

.container_16 .suffix_10 {
  margin-right: 62.5%;
}

.container_16 .suffix_11 {
  margin-right: 68.75%;
}

.container_16 .suffix_13 {
  margin-right: 81.25%;
}

.container_16 .suffix_14 {
  margin-right: 87.5%;
}

.container_16 .suffix_15 {
  margin-right: 93.75%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/*!
* layout styles
*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-image: url("../images/ui/bg-orange-ribbon.png");
  background-position: left 48px;
  background-repeat: repeat-x;
}

ul.jumplink-nav {
  position: absolute;
}

.hidden,
.access {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0px;
  height: 0px;
  overflow: hidden;
  line-height: 0;
  /* collapse vert space in FF3 */
  text-indent: -9999em;
  /* hide the text in FF3 */
}

a.access:after {
  display: none !important;
}

a.access:focus {
  position: absolute !important;
  left: 2em;
  top: auto;
  width: 200px;
  height: auto;
  overflow: hidden;
  background-color: #fff !important;
  color: #000 !important;
  line-height: 1;
  text-indent: 0em;
  z-index: 3001;
  padding: 0.4em;
}

.shell {
  max-width: 1200px;
  padding-left: 0;
  padding-right: 0;
  margin-right: auto;
  margin-left: auto;
}

.main-nav {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 1.5em;
}

.sub-nav {
  margin-top: 4px;
  margin-bottom: 2.8em;
  min-height: 200px;
}

.breadcrumb-nav {
  font-size: 1.2em;
  line-height: 1.4;
  padding-top: 0;
  padding-bottom: 0;
  margin: 1em 0 0.3em 0;
}

.key-links-footer-wrapper {
  clear: both;
  overflow: hidden;
  background: url("../images/ui/subline.gif") repeat-x scroll 0 top transparent;
  padding-bottom: 2em;
  padding-top: 2em;
  margin: 0;
}

.footer {
  clear: left;
  float: left;
  width: 100%;
  margin: 1.4em 0;
}

.footer-border-top {
  clear: both;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
}

/*!
* content styles
*/
/*:target {
    box-shadow: 0 0 12px 0 #D75D00;
}*/
/* paragraphs strong em */
.content .center {
  text-align: center;
}

.content p {
  position: relative;
  font-size: 1.4em;
  line-height: 1.6;
  /* home subheader */
  margin-bottom: 0.8em;
  /* t-general */
}

.content .error,
.content .error p {
  color: #DE2C00;
}

.content time,
.content p.date {
  display: block;
  color: #6A6A6A;
  font-size: 1.3em;
}

.content p span.date,
.content li span.date {
  display: block;
  color: #6A6A6A;
  font-size: 0.928em;
}

.content .intro {
  width: 100%;
  overflow: hidden;
  color: #6A6A6A;
  font-size: 1.15em;
  line-height: 1.7;
  padding: 0.2em 0.4em;
  margin: -0.2em -0.4em 1em;
}

.content strong {
  font-weight: bold;
}

.content em {
  font-style: italic;
}

/* links */
.content a {
  color: #175B87;
  text-decoration: none;
  padding-bottom: 0.15em;
  border-bottom: 1px dotted #175B87;
  -o-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
}

.content .over a,
.content a:hover,
.content a:focus {
  position: relative;
  background-color: #EDF5FF;
  text-decoration: none;
  border-radius: 0.1em;
  box-shadow: 0 0 0 0.3em #EDF5FF;
}

.content a.external-link:after,
.content a.external:after,
.content a[target=_blank]:after {
  display: inline-block;
  height: 0.94em;
  width: 1em;
  content: "";
  background-image: url("../images/ui/oinw.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 0.9em 0.9em;
  margin: 0 0 0 0.3em;
}

.content a.readmore {
  display: inline-block;
  background-color: #EDF5FF;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  border-radius: 3px;
  border-bottom: none;
  padding: 0.3em 0.6em 0.4em;
  box-shadow: 1px 1px 2px -1px #CCCCCC;
  margin: 0.5em 0;
}

.content .over a.readmore,
.content a.readmore:focus,
.content a.readmore:hover {
  background-color: #175B87;
  color: #fff;
  border-bottom: none;
}

.content a.readmore:after {
  color: #DA925C;
  content: "›";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 0.9;
  margin-left: 0.3em;
}

/*  common download types */
a[href$='.acc'] {
  background: url("../images/ui/document-access.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.xls'] {
  background: url("../images/ui/document-excel.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.swf'],
a[href$='.flv'],
a[href$='.fla'] {
  background: url("../images/ui/document-flash.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.pdf'] {
  background: url("../images/ui/document-pdf.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.psd'] {
  background: url("../images/ui/document-photoshop.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.pwt'] {
  background: url("../images/ui/document-powerpoint.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.doc'],
a[href$='.docx'] {
  background: url("../images/ui/document-word.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.txt'] {
  background: url("../images/ui/document-misc.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.rtf'] {
  background: url("../images/ui/document-rtf.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

a[href$='.rar'],
a[href$='.zip'] {
  background: url("../images/ui/document-zipper.gif") no-repeat 0% 47% transparent;
  background-size: 1em;
  padding-left: 1.4em;
}

/* anchor links */
.content a[href^='#']:after {
  display: inline-block;
  right: -0.75em;
  content: "▾";
  color: #DA925C;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 0.9;
  padding-left: 0.2em;
}

.content a[href^='#']:hover,
.content a[href^='#']:focus {
  background-color: #EDF5FF;
  border-radius: 0.1em;
  box-shadow: 0 0 0 0.3em #EDF5FF;
  text-decoration: none;
}

/* back to top link */
p.totop {
  position: relative;
  clear: both;
  font-size: 1.4em;
  line-height: 1.6;
  text-align: right;
  margin-bottom: 0.8em;
}

p.totop a.totop {
  display: inline-block;
  background-color: #EDF5FF;
  font-size: 1;
  line-height: 1.5;
  text-decoration: none;
  border-radius: 3px;
  border-bottom: none;
  padding: 0.3em 0.6em 0.4em;
  box-shadow: 1px 1px 2px -1px #CCCCCC;
  margin: 0.5em 0;
}

p.totop a.totop:hover,
p.totop a.totop:focus {
  background-color: #175B87;
  color: #fff;
  border-radius: 3px;
  border-bottom: none;
  box-shadow: 1px 1px 2px -1px #CCCCCC;
}

p.totop a.totop span.text {
  display: none;
}

p.totop a.totop:after {
  color: #175B87;
  content: "▴";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 0.9;
  padding: 0;
  margin: 0;
}

p.totop a.totop:hover:after,
p.totop a.totop:focus:after {
  color: #DA925C;
}

/* quotes, blockquote with cite and q'a */
.content blockquote {
  position: relative;
  clear: both;
  float: left;
  width: 92%;
  background-color: #FFFDFC;
  color: #843900;
  font-size: 1.5em;
  padding: 1em;
  border-radius: 3px;
  border: 1px solid #ffeada;
  margin: 2em 4%;
}

.content blockquote p {
  font-size: 1em;
}

.content cite {
  display: block;
  color: #000000;
  font-size: 0.8em;
  font-style: normal;
  text-align: right;
}

.content blockquote:before {
  display: inline-block;
  position: absolute;
  left: -0.8em;
  top: 0.1em;
  content: "“";
  color: #F39A57;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 0;
  margin: 0.1em;
}

.content blockquote:after {
  display: inline-block;
  position: absolute;
  right: -0.8em;
  bottom: -0.35em;
  content: "”";
  color: #F39A57;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 0;
  margin: 0.1em;
}

.content q {
  display: inline;
  background-color: #FEF4ED;
  color: #843900;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  line-height: 1.6;
  padding: 0.4em 0.2em;
  border-radius: 2px;
  margin: 0 0 0.8em;
}

.content p q {
  font-size: 1.1em;
}

.content q:before {
  color: #843900;
  content: "“";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 0;
  margin: 0 0.1em 0 0;
}

.content q:after {
  color: #843900;
  content: "”";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0 0.1em;
}

/* Images (left, right, center, full width, with caption, without caption) */
.content .object-default .caption,
.content .object-center .caption,
.content .object-right .caption,
.content .object-left .caption {
  clear: left;
  float: left;
  display: inline-block;
  width: 100%;
  background-color: #FFFCF8;
  padding: 1em 1em 0.5em;
  border-top: 1px solid #D75D00;
}

.content .object-default .caption p,
.content .object-center .caption p,
.content .object-right .caption p,
.content .object-left .caption p {
  font-size: 1.2em;
  line-height: 1.5;
}

.content li .object-default .caption p,
.content li .object-center .caption p,
.content li .object-right .caption p,
.content li .object-left .caption p {
  font-size: 0.857em;
}

.content .caption h2,
.content .caption h3,
.content .caption h4,
.content .caption h5,
.content .caption h6 {
  color: #401c00;
  border-bottom: 0;
  margin-top: 0;
}

.content .object-right:after,
.content .object-left:after,
.content .object-default:after,
.content .object-center:after {
  float: none;
}

.content .object-center {
  clear: both;
  overflow: hidden;
  line-height: 0;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
  margin-top: .4em;
  margin-right: auto;
  margin-bottom: 1.4em;
  margin-left: auto;
}

.content .object-right {
  float: right;
  overflow: hidden;
  line-height: 0;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
  margin-top: 0.4em;
  margin-right: 0;
  margin-bottom: 1.4em;
  margin-left: 2em;
}

.content .object-default,
.content .object-left {
  float: left;
  overflow: hidden;
  line-height: 0;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
  margin-top: 0.4em;
  margin-right: 2em;
  margin-bottom: 1.4em;
  margin-left: 0;
}

.homepage .content .hero-image-holder .object-default,
.homepage .content .hero-image-holder .object-right,
.homepage .content .hero-image-holder .object-left,
.homepage .content .hero-image-holder .object-center {
  margin-top: 3em;
}

.homepage .hero-image-holder .object-center img {
  width: 100%;
  height: auto;
}

/* Heandings (including links inside headings) */
.content .h1,
.content h1 {
  clear: both;
  display: block;
  width: 100%;
  color: #D75D00;
  font-family: 'Arial Black', Arial;
  font-size: 4.5em;
  line-height: 1.3;
  font-weight: 600;
  padding: 0;
  margin: 0.4em 0;
}

.content .h2,
.content h2 {
  width: 100%;
  color: #D75D00;
  font-size: 2.8em;
  font-weight: normal;
  line-height: 1.2;
  padding: 0 0 6px 0;
  border-bottom: 2px solid #D75D00;
  margin: 1.4em 0 0.7em;
}

.content .h2 a,
.content h2 a {
  display: block;
  background-color: #fff;
  color: #175B87;
  text-decoration: none;
  padding-bottom: 6px;
  border-bottom: 2px solid #D75D00;
  margin-bottom: -8px;
}

.content .over .h2 a,
.content .h2 a:hover,
.content .h2 a:focus,
.content .over h2 a,
.content h2 a:hover,
.content h2 a:focus {
  background-color: #fff;
  text-decoration: none;
  border-bottom-color: #175B87;
  box-shadow: none;
}

.content .h3,
.content h3 {
  width: 100%;
  color: #ED6600;
  font-size: 2.2em;
  font-weight: normal;
  line-height: 1.2;
  border-radius: 0;
  padding: 0 0 5px 0;
  border-bottom: 2px solid #fff;
  margin: 1.4em 0 0.7em;
}

.content .h3 a,
.content h3 a {
  display: inline-block;
  background-color: #fff;
  color: #175B87;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 2px dotted #165B87;
  margin-bottom: -7px;
}

.content .over .h3 a,
.content .h3 a:hover,
.content .h3 a:focus,
.content .over h3 a,
.content h3 a:hover,
.content h3 a:focus {
  background-color: #fff;
  text-decoration: none;
  box-shadow: none;
  border-color: #175B87;
  border-style: solid;
}

.content .h4,
.content h4 {
  width: 100%;
  color: #AE4B00;
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1.2;
  border-radius: 0;
  padding: 0 0 4px 0;
  border-bottom: 2px solid #fff;
  margin: 1.4em 0 0.7em;
}

.content .h4 a,
.content h4 a {
  display: inline-block;
  background-color: #fff;
  color: #175B87;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px dotted #165B87;
  margin-bottom: -6px;
}

.content .over .h4 a,
.content .h4 a:hover,
.content .h4 a:focus
.content .over h4 a,
.content h4 a:hover,
.content h4 a:focus {
  background-color: #fff;
  text-decoration: none;
  box-shadow: none;
  border-color: #175B87;
  border-style: solid;
}

.content .h5,
.content h5 {
  width: 100%;
  color: #843900;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.2;
  border-radius: 0;
  padding-bottom: 4px;
  border-bottom: 2px solid #fff;
  margin: 1.4em 0 0.7em;
}

.content .h5 a,
.content h5 a {
  display: inline-block;
  background-color: #fff;
  color: #175B87;
  text-decoration: none;
  padding: 0 0 4px 0;
  border-bottom: 2px dotted #165B87;
  margin-bottom: -6px;
}

.content .over h5 a,
.content h5 a:hover,
.content h5 a:focus {
  background-color: #fff;
  text-decoration: none;
  box-shadow: none;
  border-color: #175B87;
  border-style: solid;
}

.content .h6,
.content h6 {
  width: 100%;
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 0;
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
  margin: 1.4em 0 0.7em;
}

.content .h6 a,
.content h6 a {
  display: inline-block;
  background-color: #fff;
  color: #175B87;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 2px dotted #165B87;
  margin-bottom: -5px;
}

.content .over .h6 a,
.content .h6 a:hover,
.content .h6 a:focus,
.content .over h6 a,
.content h6 a:hover,
.content h6 a:focus {
  background-color: #fff;
  text-decoration: none;
  box-shadow: none;
  border-color: #175B87;
  border-style: solid;
}

.content form .h2,
.content form h2,
.content form .h3,
.content form h3,
.content form .h4,
.content form h4,
.content form .h5,
.content form h5,
.content form .h6,
.content form h6 {
  border-bottom: none;
}

/* definition lists */
.content div.factbox,
.content dl {
  background-color: #FFFBF6;
  padding: 0 3em 0.5em;
  border-radius: 6px;
  border: 1px solid #D75D00;
  margin: 1.5em 0 1.5em 0;
}

.content div.factbox h2, .content div.factbox h3, .content div.factbox h4, .content div.factbox h5, .content div.factbox h6,
.content dl h2,
.content dl h3,
.content dl h4,
.content dl h5,
.content dl h6 {
  border-color: transparent;
  margin-top: 1em;
}

.content dt {
  color: #AE4B00;
  font-size: 1.9em;
  line-height: 1.2;
  font-weight: normal;
  padding: 0 0 1em;
  border-radius: 0;
  margin: 1.4em 0 0.7em;
}

.content dd {
  padding: 0;
  margin: 0;
}

/* Lists sorted and unsorted */
.content ul,
.content ol {
  clear: left;
  padding: 0;
}

.content ul {
  display: block;
  list-style: none;
  margin: 0.5em 0 2.3em 2.5em;
}

.content ol {
  display: block;
  list-style-type: decimal;
  margin: 0.5em 0 2.3em 2.5em;
}

.content ol li {
  font-size: 1.4em;
  line-height: 1.6;
  padding: 0.8em 0 0em 8px;
  margin: 0;
}

.content ol li:nth-last-child(1) {
  padding-bottom: 0;
}

.content ul li {
  position: relative;
  list-style: none;
  font-size: 1.4em;
  line-height: 1.6;
  padding: 0.8em 0 0em 8px;
  margin: 0;
}

.content ul li:nth-last-child(1) {
  padding-bottom: 0;
}

.content ul li:before {
  position: absolute;
  display: block;
  top: 0.75em;
  left: -8px;
  color: #D75D00;
  content: "●";
}

.content ul.no-list-items {
  margin-left: 0;
}

.content ul.no-list-items li {
  padding-left: 0;
}

.content ul.no-list-items li:before {
  display: none;
}

.content li ol {
  list-style: upper-alpha;
  margin: 0 0 0em 2.5em;
}

.content li ul {
  margin: 0 0 0em 2.5em;
}

.content li p,
.content li li {
  font-size: 1em;
}

.content li li ol {
  list-style: upper-roman;
}

.content li li li ol {
  list-style: lower-alpha;
}



/*!
 * newsletter widget styles
 */

.newsletter-widget {
  background-color: #FFFEFC;
  padding: 1.2em 2em 2em;
  border-color: #ED6600 #FFDFC6;
  border-radius: 6px;
  border-style: solid;
  border-width: 4px 1px 2px;
  box-shadow: 1px 2px 4px -3px #CCCCCC;
  margin: 2em 0;
}

.newsletter-widget h3 {
  font-size: 1.7em;
  display: block;
  color: #ED6600;
  margin: 0 0 1.5em 0;
}

.newsletter-widget .text-input {
  margin: 0 0 2em 0;
}

.newsletter-widget .note {
  margin: 1em 0 0 0;
  clear: both;
}

/* links */
.newsletter-widget a {
  color: #175B87;
  text-decoration: none;
  font-size: 1.2em;
  padding-bottom: 0.15em;
  border-bottom: 1px dotted #175B87;
  -o-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
}

.newsletter-widget .over a,
.newsletter-widget a:hover,
.newsletter-widget a:focus {
  position: relative;
  background-color: #EDF5FF;
  text-decoration: none;
  border-radius: 0.1em;
  box-shadow: 0 0 0 0.3em #EDF5FF;
}

.newsletter-widget a.external-link:after,
.newsletter-widget a.external:after,
.newsletter-widget a[target=_blank]:after {
  display: inline-block;
  height: 0.94em;
  width: 1em;
  content: "";
  background-image: url("../images/ui/oinw.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 0.9em 0.9em;
  margin: 0 0 0 0.3em;
}



.newsletter-widget form input[type=text],
.newsletter-widget form input[type=email],
.newsletter-widget form input[type=password],
.newsletter-widget form input[type=file],
.newsletter-widget form textarea {
  width: 100%;
  background-color: #FFFDFC;
  color: #165B87;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  line-height: 1.2;
  border-radius: 3px;
  border: 1px solid #D9AE8D;
  padding: 0.52em;
  box-shadow: 1px 1px 1px #F1F1F1 inset;
}



.newsletter-widget form .submit input,
.newsletter-widget form .buttonblock input,
.newsletter-widget form .buttonblock a,
.newsletter-widget form button,
.newsletter-widget form input[type="submit"],
.newsletter-widget form input[type="button"] {
  width: auto;
  background-color: #C25400;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.2;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  padding: 8px;
  border: medium none;
  border-radius: 3px;
  border: 1px solid #C25400;
  box-shadow: 1px 1px 3px #CCCCCC;
  margin: 0 0.2em 1em 0;
}



/*!
* special-listing styles
*/
/* link-block styles */
.content .link-block {
  background-color: #FFFEFC;
  padding: 1.2em 2em 2em;
  border-color: #ED6600 #FFDFC6;
  border-radius: 6px;
  border-style: solid;
  border-width: 4px 1px 2px;
  box-shadow: 1px 2px 4px -3px #CCCCCC;
  margin: 2em 0;
}

.content .link-block h3 {
  display: block;
  color: #ED6600;
  margin: 0 0 0.5em 0;
}

.content .link-block h4 {
  font-size: 1.7em;
  margin: 1.4em 0 0.5em;
}

.content .link-block h3 span {
  display: block;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #ED6600;
  margin: 0 0 1px 0;
}

.content .link-block h3 a {
  display: block;
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.content .link-block h3 a:focus span,
.content .link-block h3 a:hover span {
  border-bottom: 2px dotted #165B87;
  margin: 0;
}

.content .link-block ul {
  list-style: none outside none;
  margin: 1em 0 2em 0;
}

.content .link-block ul li {
  padding: 0.5em 0 0 0;
}

.content .link-block ul li:before {
  display: none;
}

/* summary-listing styles */
.content ul.summary-listing {
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 1.5em 0 3.8em 0;
}

.content li.summary-list-item {
  position: relative;
  clear: left;
  float: left;
  width: 100%;
  font-size: 1em;
  line-height: 1.6;
  list-style: none;
  padding: 2em 0 1em;
  border-top: 1px solid #EDF5FF;
  border-bottom: 1px solid #EDF5FF;
  margin: -1px 0 0 0;
}

.content ul.summary-listing li:before {
  display: none;
}

.content li.summary-list-item .thumbnail-holder {
  float: left;
  width: 20%;
  overflow: hidden;
  line-height: 0;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
  margin-right: 2%;
}

.content li.summary-list-item .thumbnail-holder img {
  display: block;
  width: 100%;
  height: auto;
}

.content li.summary-list-item .text {
  float: left;
  width: 78%;
}

.content li.summary-list-item p {
  font-size: 1.4em;
}

.content li.summary-list-item .text h3 {
  margin-top: -0.2em;
  margin-bottom: 0;
}

.content li.summary-list-item .text h3 a {
  margin-bottom: 0;
}

/* resource_list */
.content ul.resource_list li {
  margin-bottom: 2.1999em;
}

.content ul.resource_list li h3 {
  font-size: 1.572em;
  margin-top: -0.16em;
}

/* promos styles */
.content ul.promos {
  clear: left;
  float: left;
  list-style: none;
  margin: 0;
}

.content ul.promos li:before {
  display: none;
}

.content .promos li {
  position: relative;
  font-size: 1em;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.content ul.promos .promo {
  position: relative;
  clear: none;
  float: left;
  width: 100%;
  background-color: #fff8ee;
  font-size: 1em;
  line-height: 1.6;
  list-style: none;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-radius: 1px;
  box-shadow: 0 0 0 10px #fff8ee;
  margin: 5em 0 4em;
}

.content ul.promos .promo p {
  font-size: 1.4em;
}

.content ul.promos .promo.alpha {
  padding-left: 0;
}

.content ul.promos .promo.omega {
  padding-right: 0;
}

.content ul.promos .promo .thumbnail-holder {
  float: none;
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.content ul.promos .promo .thumbnail-holder img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border-bottom: 5px solid #D75D00;
}

.content ul.promos .promo .thumbnail-holder a {
  line-height: 0;
}

.content ul.promos .promo .text {
  clear: left;
  width: 100%;
  font-size: 1em;
  border-radius: 1px;
  padding: 0.7em 0 0;
  margin: 0;
}

.content ul.promos .promo.with-thumbnail {
  background-color: transparent;
  box-shadow: none;
  margin: 4em 0;
}

.content ul.promos .promo.with-thumbnail .text {
  padding: 1em 0 0;
  border: none;
}

.content ul.promos .promo .text h3 {
  margin-top: -0.2em;
  margin-bottom: 0.5em;
}

.content ul.promos .promo .text h3 a {
  background-color: transparent;
}

.content ul.promos .promo.with-thumbnail .text h3 {
  margin-top: 0.5em;
}

.content ul.promos .promo.with-thumbnail .text h3 a {
  background-color: #fff;
  box-shadow: none;
}

.content ul.promos .promo .text h3 a {
  display: block;
}

/*!
* form styles
*/
/*
@ .content form
---------------------------------------------------------------
.fieldset-liner is a workaround to allow legend to be styled
as a heading that is separate from the shaded fieldset

Legend is styled as per .content h2
_______________________________________________________________
*/
.content form {
  width: 100%;
  float: left;
  background-color: #FCFCFC;
  background-image: url("../images/ui/paper_background.jpg");
  background-position: left top;
  background-repeat: repeat;
  padding: 0.7em 2em 2em;
  border-radius: 3px;
  border: 1px solid #EFEFEF;
  box-shadow: 0 0 1px 0 #C1C1C1;
  margin: 2.8em 0 1.4em;
}

.content legend {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #AE4B00;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0.2em 0;
  margin: 0.7em 0 0.7em;
}

.content form label {
  display: block;
  color: #4D4D4D;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  line-height: 1.6;
  font-weight: bold;
  cursor: pointer;
  margin: 0 0 1em 0;
}

.content form div.block,
.content form div.buttonblock,
.content form div.block.text,
.content form div.block.email,
.content form div.block.password,
.content form div.block.file,
.content form div.block.textarea,
.content form div.block.select,
.content form div.block.checkboxes,
.content form div.block.radios,
.content form div.block.submit {
  clear: left;
  float: left;
  width: 100%;
  text-align: left;
  margin: 1.4em 0 1em;
}

/*
.content form div.checkboxes .checkbox,
.content form div.radios .radio {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
*/
.content form div.checkboxes label,
.content form div.radios label,
.content form div.checkbox label,
.content form div.radio label {
  display: block;
  color: #4D4D4D;
  width: 100%;
  cursor: pointer;
  padding: 0;
  margin: -0.1em 0 0;
}

.content form input[type=text],
.content form input[type=email],
.content form input[type=password],
.content form input[type=file],
.content form textarea {
  width: 100%;
  background-color: #FFFDFC;
  color: #165B87;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.55em;
  line-height: 1.2;
  border-radius: 3px;
  border: 1px solid #D9AE8D;
  padding: 0.52em;
  box-shadow: 1px 1px 1px #F1F1F1 inset;
}

.content form .error input,
.content form .error textarea {
  border: 1px solid #DE2C00;
  box-shadow: 0 0 1px 0 #DE846E;
}

.content form input:focus,
.content form textarea:focus {
  background-color: #FFF;
  border: 1px solid #D75D00;
  box-shadow: 1px 1px 1px #F1F1F1 inset;
  outline: none;
}

.content form div.checkbox input,
.content form input[type="checkbox"],
.content form div.radio input,
.content form input[type="radio"] {
  width: auto;
  font-size: 1.3em;
  line-height: 1.7;
  margin-right: 1.2em;
}

.content form select {
  width: 100%;
  height: 2.425em;
  background-color: #fff;
  color: #165B87;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.55em;
  line-height: 1.2;
  border-radius: 3px;
  border: 1px solid #D9AE8D;
  box-shadow: 0 0 2px 0 #ccc;
  padding: 0.45em 0.2em;
  border: 1px solid #D9AE8D;
}

.content form select[multiple] {
  height: auto !important;
}

.content form select:focus {
  background-color: #FFF;
  border: 1px solid #D75D00;
}

.content form select option {
  padding: 0 8px;
  margin: 8px 0;
}

.content form select,
.content form select:focus,
.content form select option,
.content form select option:checked,
.content form select option:focus {
  outline: 1px none;
}

.content form .submit input,
.content form .buttonblock input,
.content form .buttonblock a,
.content form button,
.content form input[type="submit"],
.content form input[type="button"] {
  width: auto;
  background-color: #C25400;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.55em;
  font-weight: normal;
  line-height: 1.2;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  padding: 8px;
  border: medium none;
  border-radius: 3px;
  border: 1px solid #C25400;
  box-shadow: 1px 1px 3px #CCCCCC;
  margin: 0 0.2em 0 0;
}

.content form .buttonblock a {
  padding: 9px 8px;
}

.content form div.submit input:hover,
.content form div.submit input:focus,
.content form input[type="submit"]:hover,
.content form input[type="submit"]:focus,
.content form div.buttonblock input:hover,
.content form div.buttonblock input:focus,
.content form .buttonblock a:hover,
.content form .buttonblock a:focus,
.content form button:hover,
.content form button:focus,
.content form input[type="button"]:hover,
.content form input[type="button"]:focus {
  background-color: #D75D00;
}

.content form p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  margin: 0.6em 0;
}

/*!
* header styles
*/
/*#tkibar {
    background: url("../images/tki/tkibar-arts-bg.jpg") no-repeat  50% 100%;
}
.tkibar-arts {
    background-image: none!important;
    background: #1a6a9d; // Old browsers
    background: -moz-linear-gradient(left,  #1a6a9d 0%, #1a4071 100%); // FF3.6+
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a6a9d), color-stop(100%,#1a4071)); // Chrome,Safari4+
    background: -webkit-linear-gradient(left,  #1a6a9d 0%,#1a4071 100%); // Chrome10+,Safari5.1+
    background: -o-linear-gradient(left,  #1a6a9d 0%,#1a4071 100%); // Opera 11.10+
    background: -ms-linear-gradient(left,  #1a6a9d 0%,#1a4071 100%); // IE10+
    background: linear-gradient(to right,  #1a6a9d 0%,#1a4071 100%); // W3C
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6a9d', endColorstr='#1a4071',GradientType=1 ); // IE6-9
    padding: 0!important;
}
*/
.header .wrapper {
  position: relative;
  background: url(../images/ui/watermark.jpg) no-repeat 100% 50%;
  max-width: 1200px;
  padding: 0 24px 0 56px;
  margin: 0 auto;
  height: 139px;
}

.header .liner {
  background: url(../images/ui/frangipani.jpg) no-repeat 0 53%;
  padding: 23px 0 16px 177px;
  min-height: 100px;
}

.header .logo {
  width: 190px;
}

.header .logo-first {
  margin-bottom: 11px;
}

.header .logo a {
  display: block;
  text-decoration: none;
}

.header p.twitter {
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 97px;
}

.header p.twitter a {
  background-color: #FFFFFF;
  border-radius: 3px;
  color: #000000;
  display: block;
  line-height: 2.3;
  padding: 8px 15px 8px 18px;
  text-decoration: none;
}

.header p.twitter a:hover,
.header p.twitter a:focus {
  color: #19C5FF;
}

.header p.twitter a img {
  display: inline;
  margin-bottom: -5px;
  margin-left: 10px;
  width: 27px;
}

/*!
* vertical-nav styles
*/
.sub-nav ol,
.sub-nav ul {
  display: block;
  list-style: none;
  padding: 0 4px;
  border-top: 2px solid #fff;
  border-bottom: 1px solid #fff;
  margin: 4px -4px 0;
}

.sub-nav ol {
  counter-reset: li;
  list-style-type: none;
  margin: 4px -4px;
}

.sub-nav ul li {
  border-bottom: 1px solid #fff;
  padding: 4px 0;
}

.sub-nav ol li {
  position: relative;
  color: #401c00;
  font-weight: bold;
  padding: 4px 0;
}

.sub-nav ol li:before {
  position: absolute;
  top: 5px;
  left: 1px;
  content: counter(li,decimal);
  counter-increment: li;
  background-color: #ffffff;
  color: #000000;
  padding: 0.3em;
  border-radius: 2px 0;
  opacity: 0.6;
}

.sub-nav ol li a,
.sub-nav ul li a {
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  font-weight: normal;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  padding: 0.6em 12px;
  border-radius: 3px;
  border: none;
}

.sub-nav ol li a {
  background-color: #f6d99f;
  color: #175b87;
  padding: 0.6em 12px 0.6em 2em;
}

.sub-nav ol li a strong,
.sub-nav ul li a strong {
  font-weight: normal;
}

.sub-nav > ul {
  /* (level 2/subnavlevel 1), BvL */
  background-color: #EEBF80;
  list-style-type: none;
  border-radius: 3px;
  border: 1px solid #EEBF80;
  box-shadow: 1px 1px 3px -1px #CCCCCC;
  margin: 0;
}

.sub-nav > ul > li > a {
  font-family: 'arial black', Arial,Helvetica,sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0px;
}

.sub-nav > ol > li > a {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.2;
  margin: 0px;
}

.sub-nav > ul > li > ul {
  /*  (level 3), BvL */
  background-color: #F6D99F;
}

.sub-nav > ol > li > ol {
  list-style-type: lower-alpha;
}

.sub-nav > ol > li > ol > li > a,
.sub-nav > ul > li > ul > li > a {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0px 0px 0px 4px;
}

.sub-nav > ul > li > ul > li > ul {
  /* main nav links (level 4), BvL */
  background-color: #FCEBBA;
}

.sub-nav > ul > li > ul > li > ul > li > a {
  font-size: 1.4em;
  line-height: 1.2;
  margin: 0px 0px 0px 8px;
}

.sub-nav > ul > li > ul > li > ul > li > ul {
  /* (level 5), BvL */
  background-color: #FFF4C9;
}

.sub-nav > ul > li > ul > li > ul > li > ul > li > a {
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0px 0px 0px 16px;
}

.sub-nav > ul > li > ul > li > ul > li > ul > li > ul {
  /* (level 6), BvL */
  background-color: #FFFBDC;
}

.sub-nav > ul > li > ul > li > ul > li > ul > li > ul > li a {
  font-size: 1.2em;
  line-height: 1.2;
  margin: 0px 0px 0px 24px;
}

.sub-nav ol li:last-child,
.sub-nav ul li:last-child {
  border-bottom: none;
}

.sub-nav ol li:last-child ol,
.sub-nav ul li:last-child ul {
  border-bottom: none;
}

.sub-nav li.current > a {
  background-color: #1A6A9D;
  background-color: #175B87;
  color: #fff;
  box-shadow: 0 1px 2px -2px #000000;
}

.sub-nav li.open.has-subnav,
.sub-nav li.current.has-subnav {
  padding-bottom: 0px;
  border-bottom: none;
}

.sub-nav > ol li.open.current > a,
.sub-nav > ul li.open.current > a {
  border: none;
}

.sub-nav > ol li.open > a,
.sub-nav > ul li.open > a {
  border: 1px solid rgba(215, 93, 0, 0.5);
}

.sub-nav li.current > a:hover,
.sub-nav li.current > a:focus {
  background-color: #0065D3;
  color: #fff;
}

.sub-nav > ol li a:hover,
.sub-nav > ol li a:focus,
.sub-nav > ul li a:hover,
.sub-nav > ul li a:focus {
  background-color: #D75D00;
  color: #fff;
  text-decoration: none;
}

.sub-nav > ol li a,
.sub-nav > ul li a {
  color: #401C00;
}

/*!
* nav-horz styles
*/
#main-nav > ul {
  float: left;
  width: 100%;
  background-color: transparent;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-nav > ul > li {
  /* Home (level 0), BvL */
  width: 100%;
  padding: 0;
  margin: 0;
}

.main-nav > ul > li > ul {
  /*  (level 1), BvL */
  list-style: none;
  display: inline;
  width: 90%;
}

.main-nav > ul > li > ul > li {
  display: inline;
}

.main-nav > ul li {
  border: 0px solid #fff;
}

.main-nav > ul li a {
  display: block;
  float: left;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  background-color: #C25400;
  color: #FFFFFF;
  font-family: 'arial black';
  font-size: 1.249em;
  font-size: 1.23em;
  font-weight: 500;
  line-height: 1.4;
  word-wrap: break-word;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 3px;
  border: 2px solid #C25400;
  padding: 1.1% 0.5%;
  box-shadow: 1px 1px 3px #CCCCCC;
  margin: 0.2% 0.4% 0.2% 0;
}

.main-nav > ul li strong {
  font-weight: normal;
}

.main-nav > ul li.last a {
  margin: 0.2% 0 0.2% 0;
}

.main-nav > ul li a {
  /* all */
  width: 22.1%;
}

.main-nav > ul > li > a {
  /* home */
  width: 9.6%;
  background-color: #9B4300;
  border: 2px solid #9B4300;
}

.main-nav > ul li a:hover,
.main-nav > ul li a:focus {
  background-color: #D75D00;
  text-decoration: none;
}

.main-nav > ul li.open > a,
.main-nav > ul li.current > a {
  background-color: #1A6A9D;
  background-color: #175B87;
  border-color: #1A6A9D;
  border-color: #175B87;
}

.main-nav > ul li.open > a:hover,
.main-nav > ul li.open > a:focus,
.main-nav > ul li.current > a:hover,
.main-nav > ul li.current > a:focus {
  background-color: #0065D3;
  text-decoration: none;
}

/* breadcrumb-nav */
.breadcrumb-nav p {
  float: left;
  color: #a2a2a2;
}

.breadcrumb-nav ol {
  list-style: none;
}

.breadcrumb-nav li {
  display: inline;
}

.breadcrumb-nav a {
  position: relative;
  display: inline-block;
  color: #175B87;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  padding: 0 0.2em 0.15em 0;
  border-bottom: 1px dotted #175B87;
  margin: 0.15em 1.4em 0.25em 0;
}

.breadcrumb-nav a:after {
  color: #DA925C;
  content: "›";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 0.9;
  position: absolute;
  right: -0.75em;
}

.breadcrumb-nav a:hover,
.breadcrumb-nav a:focus {
  background-color: #EDF5FF;
  border-radius: 0.1em;
  box-shadow: 0 0 0 0.3em #EDF5FF;
  text-decoration: none;
}

.breadcrumb-nav strong {
  font-weight: normal;
}

/* jumplinks */
ul.jumplinks {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.jumplinks li {
  display: inline;
  padding: 0;
  margin: 0;
}

ul.jumplinks li:before {
  display: none;
}

ul.jumplinks li:after {
  content: "|";
  padding: 0;
  margin: 0 0.4em 0 0.8em;
}

ul.jumplinks li:last-child:after {
  display: none;
}

/* footer */
.footer-nav {
  margin: 1em 0;
}

.footer-nav2 ul {
  float: right;
}

.footer-nav ul {
  list-style: none;
}

.footer-nav li {
  position: relative;
  float: left;
  margin: 0 0.5em;
}

.footer-nav li.first {
  margin: 0 0.5em 0 0;
}

.footer-nav li.last {
  margin: 0 0 0 0.5em;
}

.footer-nav a {
  color: #175B87;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  line-height: 1;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
  transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
}

.footer-nav li a:after {
  position: absolute;
  right: -0.5em;
  content: '|';
  color: #DA925C;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  line-height: 1;
}

.footer-nav li.last a:after {
  display: none;
}

.footer-nav a:hover,
.footer-nav a:focus {
  background-color: #EDF5FF;
  border-radius: 0.1em;
  box-shadow: 0 0 0 0.3em #EDF5FF;
  text-decoration: none;
}

.key-links-footer {
  max-width: 1200px;
  margin: 1.4em auto 0.7em;
}

.key-links-footer h3 {
  float: left;
  color: #6A6A6A;
  font-size: 1.3em;
  text-align: right;
  padding: 0.8em 0;
  margin: 0 0 0.5em 0;
}

.key-links-footer ul {
  list-style: none;
  margin: 0 auto;
}

.key-links-footer li {
  float: left;
}

.key-links-footer li a {
  display: block;
  background-color: #fff;
  color: #0C6961;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  padding: 0.6em 12px;
  border-radius: 3px;
  border: 2px solid #13A89E;
  box-shadow: 0 1px 2px -2px #000000;
  margin: 0 0 0.5em 0.5em;
}

.key-links-footer a:hover,
.key-links-footer a:focus {
  background-color: #13A89E;
  color: #FFFFFF;
  text-decoration: none;
}

/* horz-nav in content */
.content .horz-nav ul {
  font-size: 1.1em;
}

.content .horz-nav-rss ul {
  float: right;
}

.content .horz-nav a {
  color: #0065d3;
}

.content .horz-nav a.rss {
  display: block;
  background: url(../images/ui/file-rss.gif) no-repeat 100% 0;
  padding-top: 1px;
  padding-bottom: 2px;
  /* prevent icon being cropped */
  padding-right: 18px;
  margin-top: -1px;
}

/* pager */
.content .pagenavigator {
  clear: both;
}

.content .pagenavigator a,
.content a.previous,
.content a.next {
  display: inline-block;
  background-color: #EDF5FF;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  padding: 0.3em 0.6em 0.4em;
  border-radius: 3px;
  border-bottom: medium none;
  box-shadow: 1px 1px 2px -1px #CCCCCC;
  margin: 0.5em 0.2em 0.5em 0;
}

.content a.previous:hover,
.content a.previous:focus,
.content a.next:hover,
.content a.next:focus,
.content .pagenavigator a:hover,
.content .pagenavigator a:focus {
  background-color: #175B87;
  border-bottom: medium none;
  color: #FFFFFF;
}

.content a.previous:before {
  color: #DA925C;
  content: "‹";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 0.9;
  margin-right: 0.3em;
}

.content a.next:after {
  color: #DA925C;
  content: "›";
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 0.9;
  margin-left: 0.3em;
}

.content span.current {
  background-color: #FFF4C9;
  border-bottom: medium none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-block;
  margin: 0.5em 0;
  padding: 0.3em 0.6em 0.4em;
  text-decoration: none;
}

/* TKI footer */
.tkifooter-wrapper #tkifooter {
  clear: left;
  width: auto;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.footer .horz-nav ul {
  font-size: 1em;
}

.footer .horz-nav-rss ul {
  float: right;
}

.footer .horz-nav li {
  border-color: #707070;
}

.footer .horz-nav-rss li {
  border-color: #0065d3;
  /* reset */
}

.footer .horz-nav a {
  color: #0065d3;
  padding: 0 6px;
}

.footer .horz-nav a.rss {
  display: block;
  background: url(../images/ui/file-rss.gif) no-repeat 100% 0;
  padding-top: 2px;
  padding-bottom: 1px;
  /* prevent icon being cropped */
  padding-right: 18px;
  margin-top: -2px;
}

.footer .horz-nav .first a {
  padding-left: 2px;
}

#tkifooter-wrapper {
  background-color: #DEDEDE;
}

#tkifooter .tkifooter-utilities {
  border-top: 1px solid #CCCCCC;
  overflow: hidden;
  padding-top: 4em;
}

/* chapternav/buttonnav */
.content ul.buttonnav,
.content ul.chapternav {
  margin: 1.5em 0 1.5em;
}

.content ul.buttonnav li,
.content ul.chapternav li {
  display: inline;
  padding: 0.5em 8px 0 0;
}

.content ul.buttonnav li:before,
.content ul.chapternav li:before {
  display: none;
}

.content ul.buttonnav li a,
.content ul.chapternav li a {
  display: inline-block;
  background-color: #EDF5FF;
  text-decoration: none;
  -o-transition: background-color 0.25s ease-out;
  -ms-transition: background-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out;
  -webkit-transition: background-color 0.25s ease-out;
  transition: background-color 0.25s ease-out;
  border-radius: 3px;
  border-bottom: medium none;
  box-shadow: 1px 1px 2px -1px #CCCCCC;
  padding: 0.3em 0.6em 0.4em;
  margin: 0.5em 0;
}

.content ul.buttonnav li a:hover,
.content ul.buttonnav li a:focus,
.content ul.chapternav li a:hover,
.content ul.chapternav li a:focus {
  background-color: #175B87;
  border-bottom: medium none;
  color: #FFFFFF;
}

.content ul.buttonnav li a.current,
.content ul.chapternav li a.current {
  background-color: #175B87;
  border-bottom: medium none;
  color: #FFFFFF;
}

/*!
* table styles
*/
.table-wrapper {
  width: 100%;
  overflow-x: scroll;
  padding-right: 2px;
}

.content table {
  /* */
  font-size: 1.4em;
  line-height: 1.6;
  border-collapse: collapse;
  box-shadow: none;
  margin: 1.4em 0 1.4em 1px;
}

.content table tr {
  background-color: #fff;
}

.content table th {
  background-color: #fff;
  color: #D75D00;
  font-weight: bold;
  text-align: left;
  padding: 1em;
  border: none;
}

.content table td {
  padding: 1em;
  border: 1px solid #ccc;
}

.content table.data {
  font-size: 1.4em;
  line-height: 1.6;
  border-collapse: collapse;
  box-shadow: none;
  margin: 1.4em 0 1.4em 1px;
}

.content table.data th {
  background-color: #fff;
  color: #D75D00;
  font-weight: bold;
  text-align: left;
  padding: 1em;
  border: none;
}

.content table.data tr {
  background-color: #fff;
}

.content table.data tr:nth-child(even) {
  background-color: #FEF4ED;
}

.content table.data td {
  padding: 1em;
  border: 1px solid #ccc;
}

.content table.data th {
  border-top: 5px solid #D75D00;
  border-bottom: 5px solid #D75D00;
}

/* possible elements used inside tables by artsonline... resetting font sizes */
.content table ul {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

.content table ol {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}

.content table p,
.content table li {
  font-size: 1em;
}

/*
.content table.data thead {
}
.content table.data tbody tr td:nth-child(1) {
	 border-left: 1px solid #ccc;
}
.content table.data thead tr:nth-child(1) th {
	border-top: 5px solid #D75D00;
	border-bottom: 5px solid #D75D00;
}
.content table.data tbody th {
	border-right: 5px solid #D75D00;
	border-left: 5px solid #D75D00;
}
.content table.data tbody tr:nth-child(1) td {
	border-top: 1px solid #ccc;
}
.content table.data tbody tr:nth-last-child(1) td {
	border-bottom: 1px solid #ccc;
}*/
/*
.content table.data thead tr:nth-child(1) th:nth-child(1) {
	border-radius: 5px 0 0 0
}
.content table.data thead tr:nth-child(1) th:nth-last-child(1) {
	border-radius: 0 5px 0 0
}
.content table.data tbody tr:nth-child(1) th {
	border-radius: 5px 0 0 0;
}
.content table.data tbody tr:nth-last-child(1) th {
	border-radius: 0 0 0 5px;
}
.content table.data tbody tr:nth-child(1) td:nth-child(1) {
	border-radius: 5px 0 0 0;
}
.content table.data tbody tr:nth-child(1) td:nth-last-child(1) {
	border-radius: 0 5px 0 0;
}
.content table.data tbody tr:nth-last-child(1) td:nth-child(1) {
	border-radius: 0 0 0 5px;
}
.content table.data tbody tr:nth-last-child(1) td:nth-last-child(1) {
	border-radius: 0 0 5px 0;
}
*/
/*!
* styles, overruling 'sympa' styles
*/
.content .ContentBlock #ActionHeader {
  font-size: 1.4em;
  line-height: 1.6;
}

.content .ContentBlock form {
  font-size: 0.714em;
}

.content .ContentBlock form input[type=text]:before {
  content: "Search";
}

.content .ContentBlock form input[type=text] {
  margin: 2.4em 0 1em 0;
}

.content .ContentBlock #ArcCalendar {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 3px;
  clear: left;
  float: left;
  margin: 1em 0;
  width: auto;
}

.content .ContentBlock #ArcCalendar:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.content .ContentBlock #ArcCalendar ul.calendar {
  display: block;
  float: left;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}

.content .ContentBlock #ArcCalendar ul.calendar li:before {
  display: none;
}

.content .ContentBlock #ArcCalendar ul.calendar li {
  float: left;
  font-size: 1.4em;
  line-height: 1.6;
  list-style: none outside none;
  margin: 0;
  padding: 0.5em;
  position: relative;
}

.content .ContentBlock .text_center {
  clear: both;
  text-align: left;
}

.content .ContentBlock .search_form a,
.content .ContentBlock .ArcMenuLinksInactive,
.content .ContentBlock .ArcMenuLinks {
  background-color: #edf5ff;
  border-bottom: medium none;
  border-radius: 3px;
  box-shadow: 1px 1px 2px -1px #cccccc;
  display: inline-block;
  margin: 0.5em 0;
  padding: 0.3em 0.6em 0.4em;
  text-decoration: none;
  transition: background-color 0.25s ease-out 0s;
  margin: 0.5em 0.2em 0.5em 0;
}

.content .ContentBlock .search_form a:hover,
.content .ContentBlock .ArcMenuLinksInactive:hover,
.content .ContentBlock .ArcMenuLinks:hover,
.content .ContentBlock .search_form a:focus,
.content .ContentBlock .ArcMenuLinksInactive:focus,
.content .ContentBlock .ArcMenuLinks:focus:focus {
  background-color: #175b87;
  border-bottom: medium none;
  color: #ffffff;
}

/* Sympa Compatibility Styles */

.content .ContentBlock blockquote {
  font-size: 1em;
}