@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	zoom: 1;
}

a {
	text-decoration: none;
	outline: none;
}

span.br {
	display: block;
	font-size: 0;
}

img {
	max-width: 100%;
	height: auto;
}

ul li {
	line-height: 1.5;
}

#bodyCss {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1.4vw;
	font-weight: 300;
	color: #2b2b2b;
	line-height: 1.3;
	text-align: center;
	background: #fff;
}

	.content > .current,
	.wrapper {
		position: relative;
		width: 85%;
		margin: 0 auto;
		text-align: left;
	}

		#footer .wrapper,
		#header .wrapper {
			width: 95%;
		}

		.item-page .wrapper {
			border-left: 5px solid #fff;
			border-right: 5px solid #fff;
			border-bottom: 5px solid #fff;
          }
     
     #footer a {
          text-decoration: none;
          color: #000;
     }

#bannerBanners {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

	#bannerBanners .slideImg {
		height: 800px;
		background-position: center center;
	}

     #bannerSHSBanners .slideImg {
          height: 33vw;
		background-position: center center;
     }

	#bannerBanners #captionBanners {
		max-width: 30%;
		padding: 2% 2% 3%;
		pointer-events: none;
		background: #271051;
	}

		#bannerBanners #captionBanners h3,
		#bannerBanners #captionBanners p {
			position: relative;
			font-family: Verdana, Tahoma, sans-serif;
			font-size: 4vw;
			font-weight: normal;
			text-align: right;
			line-height: 1;
			user-select: none;
			color: #fff;
		}

.moduletableSlogan {
	padding: 1.4vw 0;
	font-size: 1.4vw;
	font-style: italic;
	color: #fff;
	line-height: 1;
	letter-spacing: .05vw;
	background: #271051;
}

	.moduletableSlogan .wrapper {
		text-align: right;
	}

.toolbar {
	position: absolute;
	top: auto;
	right: 0;
	margin: 2% 2% 0 0;
	z-index: 100;
}

	.moduletableCalendar,
	.searchSearch {
		float: right;
		margin: 0 0 .5vw;
		text-align: right;
		clear: both;
	}

		.moduletableCalendar > .calendarContainer {
			position: absolute;
			visibility: hidden;
			width: 25vw;
			right: 100%;
			margin-top: .9vw;
			padding: 1vw;
			background: #fff;
			border-width: 1.2vw 1.5vw;
			border-style: solid;
			border-color: #271051;
			z-index: 10;
		}

		.moduletableCalendar .calendarContainer:after {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 4vw;
			height: 4vw;
			margin: -1.2vw -5.5vw 0 0;
			background: #271051;
		}

		.searchSearch .search-query {
			position: absolute;
			visibility: hidden;
			right: 100%;
			margin: .4vw -4vw .8vw 0;
			padding: .5vw 2vw .5vw .75vw;
			font-size: 1vw;
			text-align: left;
			border-width: 1.2vw 1.5vw;
			border-style: solid;
			border-color: #271051;
			z-index: 10;
		}

		.iconBtn,
		.moduletableCalendar:hover > .calendarContainer,
		.searchSearch:hover .search-query {
			visibility: visible;
		}

		.iconBtn {
			float: right;
			position: relative;
			padding: 1.25vw;
			background: #271051;
			z-index: 50;
		}

			.iconBtn > img {
				max-width: none;
				max-height: 3vw;
			}

/*.home #footer {
	color: #fff;
	background: #271051;
}*/

	#footer {
		color: #000;
		background: #ffcb05;
	}

	#footer > .wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#footer .custom {
		padding: 1% 2%;
	}

		#footer .custom img {
			margin: -.1vw 0;
		}

	#footer .Copyright {
		width: 38%;
		padding-left: 0;
		font-size: 1.2vw;
		text-align: left;
	}

	#footer .Contact {
		width: 44%;
		font-size: 1.1vw;
		text-align: left;
	}

		#footer .Contact img {
			max-height: 2.2vw;
			margin-right: 5px;
		}

		#footer .Contact div > span {
			font-size: 1.1vw;
		}

	#footer .FBMail {
		width: 10%;
		padding-right: 0;
	}

		#footer .FBMail img {
			max-height: 3vw;
		}

.search .page-title {
     text-align: center;
}

     .btn-toolbar,
     .searchintro.wrapper {
          width: 100%;
          text-align: right;
     }

     .search span.category {
          font-weight: 300;
          font-style: italic;
     }

     .search dt.result-title {
          margin-top: 1vw;
          font-weight: bold;
     }

     .search dd.result-text {
          margin-bottom: 1.5vw;
     }

     .search .highlight {
          background: #ff0;
     }

     .search .form-limit {
          margin: 1vw 0;
     }

     .btn-toolbar .pull-left {
          display: inline-block;
     }

.chronoforms.index {
     width: 80%;
     margin: 0 auto;
     padding: 5% 3%;
     border: 1px solid #ccc;
}

     .chronoforms6_credits,
     .chronoforms6_credits[style] {
          display: none !important
     }

.parallax-mirror {
	text-align: left;
}

	.image-heading {
		height: 33vw;
	}

     .about-bis .image-heading,
     .about-bis .image-heading[style] {
               background-position: right bottom !important;
     }

	dl.tabs {
		margin: -1px auto 0;
		text-align: center;
		background-color: #ffcb05;
	}

		dt.tabs {
			display: inline-block;
			width: 25%;
			vertical-align: middle;
		}

		dt.tabs h3 {
			margin: 0;
			padding: .65vw 0;
			font-weight: normal;
			font-size: 1.8vw;
		}

		dt.tabs h3 a {
			text-decoration: none;
			color: #000;
		}

		dt.open h3 a {
			font-weight: bold;
		}

		dt.tabs:hover h3 a {
			color: #009f3c;
		}

.item-page .content,
.search {
	padding: 1px 0;
	font-family: 'Roboto', Arial, sans-serif;
	background: #fff;
}

     .blog .page-header > h1,
	.item-page .page-header > h1 {
		margin: -1px auto 0;
		padding: 1.2vw;
		font-family: Tahoma, Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: .1vw;
		color: #fff;
		text-align: center;
		background: #271051;
	}
	
	.item-page .no-break,
	dd.tabs {
		margin: 0;
		padding: 2.5% 3.5% 3.5%;
	}

	h2.dotted {
		padding-bottom: .25vw;
		border-bottom: 1px dotted #999;
	}

     .blog .blog-items {
          font-size: 0;
     }

          .blog .blog-items .items-row {
               display: inline-block;
               width: 49%;
               margin-top: 1vw;
               margin-bottom: 1vw;
               font-size: initial;
               vertical-align: top;
          }

          .blog .blog-items .items-row:nth-child(odd) {
               margin-right: 1%;
          }

          .blog .blog-items .items-row:nth-child(even) {
               margin-left: 1%;
          }

          .osembed_wrapper > iframe[style] {
               max-height: 500px !important;
          }
          
          
div.tight {
	width: 80%;
	margin: 0 auto;
}

a.button {
	display: inline-block;
	padding: .5em 1.25em;
	font-size: .85em;
	color: #fff;
	background: #3c5;
}

     a.button:hover {
          background: #ffcb05;
     }


table[cellpadding="10"] {
	margin: 1em auto !important;
}

	table[cellpadding="10"] td {
		padding: .5em 3% !important;
	}

	table[cellpadding="10"] tr:hover td[style] {
		background: #f9f9f9 !important;
	}

ol.steps {
     list-style-type: none;
     counter-reset: step;
     padding-left: 7vw;
}

     ol.steps > li:before {
          width: 7vw;
          margin-left: -7vw;
          display: inline-block;
          vertical-align: top;
          counter-increment: step;
          content: 'STEP ' counter(step) ':';
     }

     ol.steps > li {
          margin: 0 0 1vw;
     }

     ol.steps li > p:first-child {
          display: inline-block;
          margin: 0 0 0 -.35vw;
     }

     ol.steps li > p {
          margin: 1vw 0;
     }

     ol.steps blockquote[style] {
          margin-bottom: 1vw !important;
     }
          
     ol.steps .labelled {
          display: table;
          margin: 0;
     }

          .labelled > strong,
          .labelled > em,
          .labelled > ol {
               display: table-cell;
               font-weight: inherit;
               font-style: inherit;
          }

          .labelled > strong {
               white-space: nowrap;
               min-width: 8vw;
               padding-right: .5vw;
          }

     ol.steps ol {
          list-style-type: none;
          counter-reset: innerstep;
          padding-left: 2vw;
     }

     ol.steps .labelled ol {
          padding-left: 4vw;
     }

          ol.steps ol > li:before {
               display: inline-block;
               vertical-align: top;
               counter-increment: innerstep;
               content: counter(innerstep) '.';
               width: 2vw;
               margin-left: -2vw;
          }

          ol.steps .labelled ol > li:before {
               content: '(' counter(innerstep) ')';
               width: 4vw;
               margin-left: -4vw; 
          }
          
span.br {
     display: block;
     font-size: 0;
}


@media only screen and (max-width: 1280px) {
     span.br {
          display: inline-block;
          font-size: initial;
     }

     div.tight {
          width: 100%;
     }

	#bannerBanners .slideImg {
		height: 83.5vh;
	}

     #bodyCss {
          font-size: 2.5vw;
     }
     
	.blog .page-header > h1,
     .item-page .page-header > h1 {
          font-size: 3.5vw;
     }

     dt.tabs h3 {
          font-size: 2.5vw;
     }

     .image-heading {
          height: 350px;
     }
}

@media only screen and (max-width: 720px) {
     div.tight > table,
     div.tight > table td,
     div.tight > table td[style] {
          display: block;
          width: 100% !important;
          padding: 0 0 2vw;
     }

     .toolbar {
          top: 25vw;
     }

     .iconBtn {
          padding: 2vw;
     }

     .iconBtn > img {
          max-width: 8vw;
          max-height: none;
     }

     .moduletableCalendar > .calendarContainer {
          width: 75vw;
     }

     .searchSearch .search-query {
          margin: .4vw -7xvw 0 0;
          padding: 1vw 2vw;
          font-size: 4vw;
          border-width: 1.2vw 1.5vw;
     }

     #bodyCss {
		font-size: 4vw;
	}

     .moduletableSlogan {
          font-size: 3vw;
          padding: 2vw 0;
     }

	.blog .page-header > h1,
     .item-page .page-header > h1 {
          font-size: 5vw;
     }

	#bannerBanners #captionBanners[style] {
		max-width: 45% !important;
	}

		#bannerBanners #captionBanners h3,
		#bannerBanners #captionBanners p {
			font-size: 7vw;
		}

     .blog .blog-items .items-row {
          display: block;
          width: auto;
     }

     dt.tabs {
          width: 32.33%;
     }

          dt.tabs h3 {
               padding: 1.5vw 0;
               font-size: 4vw;
          }

     .content > .current,
	.wrapper {
		width: 95%;
	}

	div.table {
		position: relative;
		width: 100%;
		overflow: auto;
	}

		div.table > table[style] {
			min-width: 80%;
			width: auto !important;
		}

		div.table > table[cellpadding="10"] td {
			padding: 1.5vw 2vw !important;
			white-space: nowrap;
		}

     .chronoforms.index {
          width: 100%;
          padding: 5% 7%;     
     }

     #footer > .wrapper {
          display: block;
          padding: 2vw 0 1vw;
     }     

          #footer .Copyright {
               width: auto;
               font-size: 3vw;
               text-align: center;
          }

          #footer .Contact,
          #footer .Contact div > span {
               width: auto;
               font-size: 2.75vw;
               text-align: center;
               text-align-last: justify;
          }

     #footer .FBMail {
          width: auto;
          text-align: center;
     }

          #footer .Contact img,
          #footer .FBMail img {
               max-height: 5vw;
          }
}

/* CSS Hacks */
.clearFix:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearFix {
	display: inline-block;
}

html[xmlns] .clearFix {
	display: block;
}

* html .clearFix {
	height: 1%;
}