/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/
/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/
@font-face {
	font-family: 'museo_sans300';
	src: url('fonts/museosans_300-webfont.eot');
	src: url('fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans_300-webfont.woff') format('woff'),
		 url('fonts/museosans_300-webfont.ttf') format('truetype'),
		 url('fonts/museosans_300-webfont.svg#museo_sans300') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans500';
	src: url('fonts/museosans_500-webfont.eot');
	src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans_500-webfont.woff') format('woff'),
		 url('fonts/museosans_500-webfont.ttf') format('truetype'),
		 url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans700';
	src: url('fonts/museosans_700-webfont.eot');
	src: url('fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/museosans_700-webfont.woff') format('woff'),
		 url('fonts/museosans_700-webfont.ttf') format('truetype'),
		 url('fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans_cond300';
	src: url('fonts/exljbris_-_museosanscond-300-webfont.eot');
	src: url('fonts/exljbris_-_museosanscond-300-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/exljbris_-_museosanscond-300-webfont.woff') format('woff'),
		 url('fonts/exljbris_-_museosanscond-300-webfont.ttf') format('truetype'),
		 url('fonts/exljbris_-_museosanscond-300-webfont.svg#museo_sans_cond300') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans_cond500';
	src: url('fonts/exljbris_-_museosanscond-500-webfont.eot');
	src: url('fonts/exljbris_-_museosanscond-500-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/exljbris_-_museosanscond-500-webfont.woff') format('woff'),
		 url('fonts/exljbris_-_museosanscond-500-webfont.ttf') format('truetype'),
		 url('fonts/exljbris_-_museosanscond-500-webfont.svg#museo_sans_cond500') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans_cond700';
	src: url('fonts/exljbris_-_museosanscond-700-webfont.eot');
	src: url('fonts/exljbris_-_museosanscond-700-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/exljbris_-_museosanscond-700-webfont.woff') format('woff'),
		 url('fonts/exljbris_-_museosanscond-700-webfont.ttf') format('truetype'),
		 url('fonts/exljbris_-_museosanscond-700-webfont.svg#museo_sans_cond700') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'museo_sans_cond900';
	src: url('fonts/exljbris_-_museosanscond-900-webfont.eot');
	src: url('fonts/exljbris_-_museosanscond-900-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/exljbris_-_museosanscond-900-webfont.woff') format('woff'),
		 url('fonts/exljbris_-_museosanscond-900-webfont.ttf') format('truetype'),
		 url('fonts/exljbris_-_museosanscond-900-webfont.svg#museo_sans_cond900') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/
/*
 * set default text color
 * set default font size and font family
 * set default background
*/
* { max-height: 99999px; }
html { height: 100%; }
body {
	height: 100%;
	margin:0;
	color:#424242;
	font:16px/24px "museo_sans300", Arial, Helvetica, sans-serif;
	background:#fff;
	min-width: 1200px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#0088CE;
}
a:hover {text-decoration:underline; color: #8FAB33;}
a:active {background-color: transparent;}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
header, footer, article, section, hgroup, nav, figure { display: block; }
figure {
	margin:0;
	padding:0;
}
input[type=text], input[type=password], input[type=file], input[type=submit], textarea{-webkit-appearance:none; border-radius:0;}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	display:none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance:none;}
input[type=search] {
	-webkit-appearance:none;
	-webkit-box-sizing:content-box;
}
/* ---------------------------------------------------------
   3. Common site styles
   ---------------------------------------------------------*/
/*  Wrapper styles  */
#wrapper{
	width:100%;
	height:100%;
	display:table;
	margin:0 auto;
}
.w1 {
	width:100%;
	display:table-row;
}
.w2{
	width:100%;
	position: relative;
	overflow: hidden;
}
/*  Header styles  */
#header {
	vertical-align: top;
	position: relative;
	z-index: 111;
}
#header > .holder{
	max-width: 1385px;
	margin: 0 auto;
}
#header > .holder:after{
	content: "";
	display: block;
	clear: both;
}
#header .drop-opener:before, #header .drop-opener:after {
	border: solid #009cdf;
	border-width: 6px 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 100%;
	z-index: 111;
}
#header .drop-opener:after {
	border-width: 0 0 7px;
	bottom: 5px;
	top: auto;
}
#header .drop-opener {
	display: none;
	margin: 0 auto;
	height: 30px;
	overflow: hidden;
	padding: 3px;
	position: relative;
	text-indent: -9999px;
	width: 26px;
}
#header .text-area{
	overflow: hidden;
	text-align: right;
	font-size: 14px;
	line-height: 20px;
	padding: 8px 15px 10px 0 ;
}
#header .text-area .btn-login{
	float: right;
	text-indent: 9999px;
	overflow: hidden;
	width: 28px;
	height: 28px;
	background: url(images/sprite.png) no-repeat -74px -303px;
	margin: 7px 0 0 7px;
}
#header .text-area.add ul li { display: block; }
#header .text-area.add ul li:before { display: none; }
#header .text-area.add ul {
	overflow: hidden;
	border-right: 1px solid #cac7d1;
	padding: 0 10px 0 0;
}
#header .text-area.add { display:none; }
#header .text-area ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#header .text-area ul li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #d0d0d0;
	padding: 0 0 0 8px;
}
#header .text-area ul li:before{
	position: absolute;
	content: "|";
	top:0;
	left: 0;
}
#header .text-area ul li:first-child:before{ display: none; }
#header .text-area  a{ color: #999999; }
/*  Logo styles  */
.logo {
	background: url(images/sagi.jpg) no-repeat;
	height: 55px;
	width: 79px;
	float:left;
	text-indent: -9999px;
	margin: 17px 23px 0 0;
	overflow: hidden;
}
.logo a{
	display: block;
	height: 100%;
}
.nav-holder {
	vertical-align: top;
	float: left;
	max-width: 1050px;
	padding-top: 5px;
}
/*  Main navigation styles  */
.nav-holder #nav{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-holder #nav:after {
	content: "";
	display: block;
	clear: both;
}
.nav-holder #nav > li{
	font: 24px/27px  'museo_sans_cond700', Arial, Helvetica, sans-serif;
	color: #0088ce;
	float: left;
	margin: 0 0 0 7px;
}
.nav-holder #nav > li:first-child{ margin: 0; }
.nav-holder .js-slide-hidden {
	position: static !important;
	left: 0 !important;
	top: 0 !important;
}
.nav-holder #nav > li:first-child{
	color: #0088ce;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
.nav-holder #nav > li:first-child a{
	position: relative;
	width: 51px;
	height: 82px;
	padding: 0;
}
.nav-holder #nav > li:first-child a:after {
	background: url(images/sprite.png) no-repeat 0 -75px;
	position: absolute;
	width: 25px;
	height: 23px;
	content: "";
	top: 31px;
	left: 13px;
}
.nav-holder #nav > li > a{
	color: #0088ce;
	display: block;
	padding: 28px 15px 25px;
}
.nav-holder #nav > li.hover > a,
.nav-holder #nav > li.active > a{
	color: #d0d0d0;
	text-decoration: none;
}
.nav-holder #nav .drop {
	font: 16px/19px 'museo_sans_cond300', Arial, Helvetica, sans-serif;
	/*
	position: absolute;
	top: 100%;
	left: 0;*/
	z-index: 11;

	width: 100%;
	background: #006192;
	background: #006192 -moz-linear-gradient(top,  #006192 0%, #0071ad 10%, #0082c6 41%, #0089cf 62%, #0089cf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006192), color-stop(10%,#0071ad), color-stop(41%,#0082c6), color-stop(62%,#0089cf), color-stop(100%,#0089cf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* W3C */
	display: none;
}

.nav-holder #nav li.active .drop {
	display: block;
}

.nav-holder #nav .drop ul{
	color: #fff;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	max-width: 1180px;
}
.nav-holder #nav .drop ul:after{
	content: "";
	display: block;
	clear: both;
}
.nav-holder #nav .drop ul li{
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 1px;
	word-spacing: 3px;
	color: #fff;
	margin: 0 7px 0 0;
	float: left;
	position: relative;
}
.nav-holder #nav .drop ul li.active {
	text-decoration: underline;
}
.nav-holder #nav .drop ul li ul{
	position: absolute;
	left: 0;
	background: #0071ac;
	width: 180px;
	display: none;
}
.nav-holder #nav li.hover .drop ul li ul { display:block;}
.nav-holder #nav .drop ul li ul li{
	float: none;
	margin: 0;
}
.nav-holder #nav .drop ul li ul li.hover a,
.nav-holder #nav .drop ul li ul li a:hover{ background: #0088ce; }
.nav-holder #nav .drop ul li a{
	color: #fff;
	display: block;
	padding: 11px 12px 9px;
}
.nav-holder #nav .drop ul li.hover > a{
	background: #0071ac;
	text-decoration: none;
}
.nav-holder #nav > li.hover .drop {display: block;}
.nav-holder #nav > li.hover .drop  ul li.hover > ul{ display: block; }
.nav-holder #nav .drop-slide-wrapper{top:100% !important;}

#nav .more {
	display: none;
}

/*  Main Slider styles  */
.slideshow {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 480px;
	margin: 0 0 30px;
}
.slideshow .slideset{
	position: relative;
	left: 0;
	top: 0;
	max-height: 480px;
}
.slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 480px;
}
.slideshow .slide .caption{
	background: rgba(0,0,0, .78);
	border-radius: 20px;
	position: absolute;
	left: 50%;
	bottom: 93px;
	font-size:14px;
	width: 364px;
	padding: 25px 29px 34px 23px;
	margin: 0 0 0 -595px;
	line-height: 24px;
	color: #fff;
	z-index: 11;
}
.slideshow .slide .caption p{ margin:0; }
.slideshow .slide img{
	position: absolute;
	margin-top: -3px !important;
}
.slideshow .slide .bg-stretch{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slideshow .slide.active { z-index: 2; }
.slideshow a.btn-prev,
.slideshow a.btn-next { display: none; }
.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next { visibility: hidden; }
/*  Main Slider Pagiantion styles  */
.pagination {
	position: absolute;
	bottom: 17px;
	text-align: center;
	z-index: 11;
	left: 0;
	right: 0;
}
.pagination ul{
	margin: 0;
	padding: 0 14px 0 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
.pagination ul li{
	float: left;
	height: 15px;
	width: 15px;
	text-indent: -9999px;
	border: 1px solid #fff;
	border-radius:  50%;
	overflow: hidden;
	margin: 0 2px 0 3px;
}
.pagination ul li a{
	display: block;
	height: 100%;
	background-color: transparent;
}
.pagination ul li:hover ,
.pagination ul li.active{ background: #fff; }
.pagination ul li.active a{ cursor: default; }
.upcoming-events {
	max-width: 1190px;
	margin: 0 auto 45px;
}
.upcoming-events .holder{
	overflow: hidden;
	padding: 0 17px 0 0;
}
.upcoming-events .holder address{
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #424242;
}
.upcoming-events .col{
	float: left;
	width: 50%;
}
.upcoming-events .col .btn-subscribe{
	background: #005f8f -moz-linear-gradient(top,  #005f8f 0%, #006194 8%, #017dbb 42%, #0088ce 62%, #0089cf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005f8f), color-stop(8%,#006194), color-stop(42%,#017dbb), color-stop(62%,#0088ce), color-stop(100%,#0089cf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #005f8f 0%,#006194 8%,#017dbb 42%,#0088ce 62%,#0089cf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #005f8f 0%,#006194 8%,#017dbb 42%,#0088ce 62%,#0089cf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #005f8f 0%,#006194 8%,#017dbb 42%,#0088ce 62%,#0089cf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #005f8f 0%,#006194 8%,#017dbb 42%,#0088ce 62%,#0089cf 100%); /* W3C */
	font-size: 12px;
	line-height: 16px;
}
.upcoming-events .col.add{ display: none; }
.form-holder {
	display: none;
	margin: 0 0 22px;
	border-bottom: 1px solid #a4a4a4;
	padding: 0 0 25px;
}
.upcoming-events .col.last{
	float: right;
	width: 22.8%;
}
.upcoming-events .col:first-child{
	width: 17.3%;
	margin: 0 2.9% 0 0;
}
.upcoming-events .col h2{
	margin: 0;
	font: italic 26px/30px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	color: #424242;
}
.upcoming-events .col h2 a{  color: #424242; }
.upcoming-events .col h2:after{
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url(images/sprite.png) no-repeat 0 -237px;
	width: 9px;
	height: 12px;
	margin: 0 0 0 4px;
}
.upcoming-events .col .list-address{
	margin: 0;
	padding: 0;
	line-height: none;
	overflow: hidden;
}
.upcoming-events .col.add .list-address{ margin: 0 0 26px; }
.upcoming-events .col .list-address strong{
	font-family: "museo_sans700", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #739600;
}
.upcoming-events .col .list-address li{
	vertical-align: top;
	line-height: 20px;
	margin: 0 0 5px;
}
/*  additional navigation styles  */
.add-nav {
	border-bottom: 1px solid #a4a4a4;
	padding: 0 0 40px;
	margin: 0 21px 44px 0;
}
.add-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.add-nav ul li{
	float: left;
	font: 26px/30px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 20px 0 0;
}
.add-nav ul li a:after{
	position: absolute;
	content: "";
	top: 12px;
	right: 0;
	width: 8px;
	height: 12px;
	background: url(images/sprite.png) -2px -193px;
}
.add-nav ul li a{
	color: #0088ce;
	position: relative;
	display: block;
	padding: 0 15px 0 0;
}
.add-nav ul li:hover a{
	color: #739600;
	text-decoration: none;
}
.add-nav ul li:hover a:after{ background-position: -2px -220px; }
/* links navi */
.top-navi {
	background-color: #0089CF;
	padding: 10px 0;
}
.top-navi-wrapper {
	margin: 0 auto;
	max-width: 1385px;
}
.top-navi-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	float: right;
}
.top-navi-wrapper ul li {
	float: left;
	font: 18px/22px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 5px 0 0 20px;	
}
.top-navi-wrapper ul li a{
	color: #FFFFFF;
	position: relative;
	display: block;
	padding: 0 15px 0 0;
}
/*  Social Networks styles  */
.social-networks {
	margin: 0;
	padding: 0 0 0 7px;
	list-style: none;
}
#main .social-networks {
	float:left;
	padding: 0;
	max-width: 813px;
}
.social-networks li{
	display: inline-block;
	vertical-align: middle;
	background:url(images/sprite.png) no-repeat 0 -265px;
	width: 27px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 7px 10px 0;
}
.social-networks li.facebook{
	width: 24px;
	height: 24px;
	background-position: -39px -263px;
}
.social-networks li.google{
	width: 26px;
	height: 23px;
	background-position: -77px -265px;
}
.social-networks li:hover{ opacity: .8; }
.social-networks li a{
	display: block;
	height: 100%;
}
/*  Search Form styles  */
#search-container {
	width: 250px;
	display: block;
	float: right;
}
.search-form {
	overflow: hidden;
	border: 1px solid #FFFFFF;
	border-radius: 16px;
	padding: 5px 7px 4px 9px;
	margin: 0px;
}
.search-form input[type="search"],
.search-form input[type="text"],
.search-form .search{
	float: left;
	background: none;
	border: none;
	padding:0 5px;
	color: #FFFFFF;
	font: 18px/22px "museo_sans300", Arial, Helvetica, sans-serif;
	height: 22px;
	outline: none;
	width: 88%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* placeholder input styles */
.search-form input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
	color: #FFFFFF;
}
.search-form input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #FFFFFF;
}
.search-form input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #FFFFFF;
	opacity: 1;
}
.search-form input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #FFFFFF;
}
.search-form input[type="submit"]{
	float: right;
	background: url(images/sprite.png) no-repeat -82px -189px;
	width: 21px;
	height: 21px;
	border: 0;
	text-indent: -9999px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}
.search-form input[type="submit"]:hover{ opacity: .8; }
#main .search-form input[type="submit"]{ background-position: 0 -605px; }
.news {
	background: #1c1c1c;
	padding: 41px 0 83px;
	margin: 0 0 65px;
}
.news > .holder{
	margin: 0 auto;
	max-width: 1183px;
}
.news > .holder > .frame{
	overflow: hidden;
	width: 105%;
	margin: 0 0 21px;
}
.news .frame .col{
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #4a4a4a;
	width: 45.9%;
	margin: 0 2.5% 13px 0;
	padding: 0 0 14px;
}
.news .col .col-frame{
	height: 100%;
	display: table;
	width: 100%;
}
.news .col .image-frame{
	display: table-cell;
	vertical-align: middle;
	width:37.3%;
	padding:0 5.9% 0 0;
}
.news .col .image-frame .alignleft{
	max-width: 100%;
	height: auto;
	display: block;
}
.news .col .txt-frame{
	display: table-cell;
	vertical-align: middle;
	overflow:hidden;
}
.news .col .txt-frame time{
	color: #739600;
	display: block;
	margin: 0;
}
.news .col .txt-frame h3{
	margin: 0 0 10px;
	font: normal 20px/24px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	color:#fff;
}
.news .col .txt-frame h3 a{ color:#fff; }
.news  h2{
	color: #fff;
	font: italic 32px/36px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	margin: 0 0 24px;
}
.news  h2:after{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
	background: url(images/sprite.png) no-repeat 0 -306px;
	width: 19px;
	height: 27px;
	content: "";
}
.news h2 a { color: #FFFFFF; }
.btn-subscribe {
	font: 16px/19px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #fff;
	padding: 8px 1.9%;
	margin: 0 10px 0 0;
	border-radius: 18px;
	text-transform: uppercase;
	vertical-align: top;
	background: #506901 -moz-linear-gradient(top,  #506901 0%, #5a7500 21%, #658500 35%, #729401 56%, #749601 65%, #739500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#506901), color-stop(21%,#5a7500), color-stop(35%,#658500), color-stop(56%,#729401), color-stop(65%,#749601), color-stop(100%,#739500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* W3C */
}
.btn-subscribe:hover {
	opacity: .8;
	text-decoration: none;
}
.news .btn-holder{
	overflow: hidden;
	margin: 0 0 45px;
}
.news .btn-holder .btn-subscribe:first-child{ padding: 8px 2% 7px; }
.news .btn-holder .btn-subscribe{
	margin: 0 14px 0 0;
	padding: 8px 1.8% 7px 2%;
}
.news .box{
	overflow: hidden;
	padding: 0 0.8% 0 0;
}
.news .box .row{
	width: 100%;
	min-height: 150px;
	background: #282828;
	margin: 0 0 29px;
}
.threecolumns{ overflow: hidden; }
.threecolumns .col{
	min-height: 150px;
	float: left;
	background: #282828;
	width: 35.3%;
}
#footer .threecolumns .col{ width: 34.9%; }
.threecolumns .col:first-child{
	width: 35.4%;
	margin: 0 3.4% 0 0;
}
#footer .threecolumns .col:first-child{
	width: 34.9%;
	margin: 0 3.2% 0 0;
}
.threecolumns .col.last{
	float: right;
	width: 22.5%;
}
#footer .threecolumns .col.last{
	float: right;
	width: 21.9%;
	margin: 0 1.8% 0 0;
}
.partners {
	margin: 0 auto;
	max-width: 1080px;
	text-align: center;
	padding: 0 0 23px;
}
.partners h3{
	margin: 0 0 28px;
	font: 28px/32px 'museo_sans_cond700',Arial,Helvetica,sans-serif;
	color: #0088ce;
}
.partners h3 a{ color: #0088ce; }
.list-partners {
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center;
}
.list-partners li{
	display:inline-block;
	vertical-align: middle;
	margin: 0 5.5% 1em 0.5%;
}
.list-partners li a{
	display: block;
	height: 100%;
}
.list-partners li a img{ display: block; }
/*  Second Slide Show styles  */
.slideshow1 {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 400px;
	margin: 0 0 81px;
}
.slideshow1 .slideset{
	position: relative;
	left: 0;
	top: 0;
	max-height: 400px;
}
.slideshow1 .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 400px;
}
.slideshow1 .slide .caption{
	background: rgba(0,0,0, .78);
	border-radius: 20px;
	position: absolute;
	left: 50%;
	top: 60px;
	font-size:16px;
	width: 568px;
	margin: 0 0 0 -595px;
	padding: 20px;
	line-height: 26px;
	color: #fff;
	max-height: 460px;
	overflow: hidden;
	z-index: 1;
}
.slideshow1 .slide .caption p{ margin: 0 0 10px; }
.slideshow1 .slide .caption p a{ color: #fff; }
.slideshow1 .slide .caption .title{
	display: block;
	font: italic 26px/32px 'museo_sans_cond900',Arial,Helvetica,sans-serif;
	margin: 0 0 10px;
}
.slideshow1 .slide img{
	position: absolute;
	margin-top: 0 !important;
}
.slideshow1 .slide .bg-stretch{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slideshow1 .slide.active { z-index: 2; }
.slideshow1 a.btn-prev,
.slideshow1 a.btn-next { display: none; }
.slideshow1.not-enough-slides a.btn-prev,
.slideshow1.not-enough-slides a.btn-next { visibility: hidden; }
.slideshow1 .pagination { bottom: 39px; }
.social-area {
	overflow: hidden;
	max-width: 1173px;
	margin: 0 auto;
	padding: 0 15px 102px 0;
}
.social-area .twitter-box{
	float:left;
	width: 48.5%;
	padding: 11px 0 0;
}
.social-area .facebook-box{
	float:right;
	width: 48.6%;
}
.social-area .title{
	font: italic 26px/32px "museo_sans700", Arial, Helvetica, sans-serif;
	color: #0088ce;
	margin: 0 0 38px;
	display: block;
}
.social-area .title a{ color: #0088ce; }
.social-area .facebook-box .title{ margin: 0 0 31px; }
.social-area .title:before{
	background: url(images/sprite.png) no-repeat 0 -366px;
	width: 41px;
	height: 33px;
	margin: 0 18px 0 0;
	display: inline-block;
	vertical-align: middle;
	content: "";
}
.social-area .twitter-box ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-area .twitter-box ul li{
	color: #212121;
	font: 16px/22px "museo_sans700", Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #a4a4a4;
	padding: 0 0 20px;
	margin: 0 0 9px;
}
.social-area .twitter-box ul li:first-child{
	padding: 0 0 10px;
	margin: 0 0 20px;
}
.social-area .facebook-box .title:before{
	background-position: -69px -353px;
	width: 23px;
	height: 45px;
}
.social-area .facebook-box .box{
	border: 1px solid #a4a4a4;
	min-height: 241px;
}
/*  Main part style */
#main {
	margin: 0 auto;
	max-width: 1174px;
	padding: 125px 21px 63px 0;
}
#main > .holder:after {
	content: "";
	display: block;
	clear: both;
}
#main > .holder { margin: 0 0 104px; }
#main.inner > .holder {
	margin: 0 0 51px;
	border-bottom: 0px solid #a4a4a4;
	padding: 0 0 29px;
}
#main > .box:after {
	content: "";
	display: block;
	clear: both;
}
/*  Main Content style */
#content{
	width: 68.1%;
	float: left;
	color: #424242;
	text-align: center;
}
#content h2{
	font: italic 40px/42px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	color: #424242;
	text-align: left;
}
#content h3{
	font: italic 32px/38px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 30px;
	color: #424242;
	text-align: left;
}
#content h4{
	font: italic 22px/26px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 25px;
	color: #424242;
	text-align: left;
}
#content h5{
	font: italic 18px/22px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	color: #424242;
	text-align: left;
}
#content h6{
	font: italic 14px/18px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	color: #424242;
	text-align: left;
}
#content h2 a{ color: #424242; }
#content .post h3{
	font: italic 26px/30px "museo_sans_cond700", Arial, Helvetica, sans-serif;
	margin: 0 0 17px;
	color: #424242;
}
#content h3 a{ color: #424242; }
#content  p{margin: 0 0 15px;}
.post-holder {
	overflow: hidden;
	text-align: left;
	margin: 0 0 20px;
}
.post-holder .post{
	border-bottom: 0px solid #a4a4a4;
	overflow: hidden;
	line-height: 28px;
	padding: 0 0 8px;
	margin: 0 0 18px;
}
.post-holder .post.add{
	border-bottom: 0;
	padding: 0;
}
.post-holder .post:first-child{
	padding: 0 0 15px;
	margin: 0 0 45px;
}
#main figure{
	vertical-align: top;
	padding: 0 0 8px;
	border-bottom: 1px solid #a4a4a4;
}
#main.inner figure{ margin: 0 0 31px; }
#main figure .alignleft{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 7px;
}
#main.inner figure .alignleft{ margin: 0 0 11px; }
#main figcaption{
	font-style: italic;
	font-size: 14px;
}
.post-holder .post ul.post-header{
	font-family:  "museo_sans500", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	color: #739600;
}
.post-holder .post ul.post-header li{ float: left; }
.post-holder .post ul.post-header li:before{
	display: inline-block;
	vertical-align: middle;
	content: "|";
	margin: 0 4px 0 6px;
}
.post-holder .post ul.post-header li:first-child:before{ display: none; }
.post-holder .post ul.post-header li a{ color: #739600; }
.post-holder .post ul.post-header li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(images/sprite.png) no-repeat 0 -565px;
	margin: 0 0 0 6px;
	width: 6px;
	height: 8px;
}
/*  Main Pagination style */
.pagination1{
	display: inline-block;
	vertical-align: top;
	border-radius: 16px;
	border: 1px solid #a4a4a4;
	color: #a4a4a4;
	padding: 2px 2.5%;
	margin: 0 18px 0 0;
}
#content .pagination1 a { color: #a4a4a4; }
.pagination1 > a{
	display: inline-block;
	vertical-align: middle;
}
.pagination1 > a:hover{ text-decoration: none; }
.pagination1 ul{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination1 ul li{
	float:left;
	margin: 0 7px;
}
.pagination1 ul li.active a{
	cursor: default;
	text-decoration: none;
}
/*  Main Sidebar style */
#sidebar{
	width: 22.5%;
	float: right;
	padding: 15px 0 0;
}
.inner #sidebar {
	width: 29%;
	padding:  0;
}
#sidebar .widget{
	border-radius: 15px;
	overflow: hidden;
}
.timeline{
	padding: 20px 10px 27px 19px;
	background-color: #739600;
	color: #fff;
}
.widget h3{
	font: italic 26px/30px 'museo_sans_cond900', Arial, Helvetica, sans-serif;
	margin: 0 0 13px;
}
.widget h4{
	font: 22px/26px 'museo_sans700', Arial, Helvetica, sans-serif;
	margin: 0 0 32px;
}
.timeline h4{
	font: 16px/20px 'museo_sans700', Arial, Helvetica, sans-serif;
	margin: 0 0 34px;
}
.junior-camps h2 {
	font: italic 24px/30px 'museo_sans_cond900', Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #a4a4a4;
	margin: 0 0 9px;
	padding: 0 0 9px;
}
.junior-camps  { line-height: 28px; }
.junior-camps h2:after {
	background: url(images/sprite.png) no-repeat scroll 0 -237px;
	content: "";
	display: inline-block;
	height: 12px;
	margin: 0 0 0 6px;
	vertical-align: middle;
	width: 9px;
}
.junior-camps .post {
	border-bottom: 1px solid #a4a4a4;
	margin: 0 0 9px;
}
.junior-camps .post time{
	color: #739600;
	font-family: 'museo_sans500', Arial, Helvetica, sans-serif;
	line-height: 24px;
	display: block;
}
.junior-camps h3{
	font: 24px/28px 'museo_sans_cond900', Arial, Helvetica, sans-serif;
	margin: 0 0 3px;
	color: #424242;
}
.junior-camps h3 a{ color: #424242; }
.junior-camps .post p{ margin:0 0 8px; }
.timeline h3{ color: #fff; }
.timeline h3 a{color: #fff; }
.timeline h4{ color: #fff; }
.timeline h4 a{color: #fff; }
.timeline ul{
	margin: 0;
	padding: 0 0 29px 3px;
	list-style: none;
	font-family: 'museo_sans_500', Arial, Helvetica, sans-serif;
}
.timeline ul li{
	vertical-align: top;
	color: #fff;
	margin: 0 0 2px;
}
.timeline ul li a{ color: #fff; }
.timeline ul li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(images/sprite.png) no-repeat 0 -565px;
	margin: 0 0 0 6px;
	width: 6px;
	height: 8px;
}
.social-box {
	overflow: hidden;
	padding: 0 30px 23px 0;
	border-bottom: 2px solid #c6c6c6;
	margin: 0 0 30px;
}
.social-box > .holder{
	overflow: hidden;
	text-align: right;
}
#main .search-form{
	width: 250px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.btn-print {
	display: inline-block;
	vertical-align: middle;
	background: url(images/sprite.png) no-repeat -46px -603px;
	width: 25px;
	height: 25px;
	text-indent: 9999px;
	overflow: hidden;
	margin: 0 0 0 12px;
}
.btn-print:hover { opacity: .8; }
.btn-read-more {
	font: 16px/19px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #fff;
	padding: 8px 3.9%;
	margin: 0 10px 0 0;
	border-radius: 18px;
	text-transform: uppercase;
	vertical-align: top;
	background: #506901 -moz-linear-gradient(top,  #506901 0%, #5a7500 21%, #658500 35%, #729401 56%, #749601 65%, #739500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#506901), color-stop(21%,#5a7500), color-stop(35%,#658500), color-stop(56%,#729401), color-stop(65%,#749601), color-stop(100%,#739500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* W3C */
}
.btn-read-more:hover {
	opacity: .8;
	text-decoration: none;
}
#twocolumns {
	overflow: hidden;
	margin: 0 0 66px;
}
#twocolumns h2{
	margin: 0 0 30px;
	font: italic 30px/33px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
#twocolumns p{ margin: 0 0 28px; }
#twocolumns .col:first-child{
	float: left;
	width: 48.3%;
	margin: 0;
}
#twocolumns .col{
	float: right;
	width: 48.3%;
	line-height: 28px;
}
#main .box > .holder { overflow: hidden; } 
.contact-us {
	float: right;
	width: 445px;
	margin: 0 0 0 30px;
}
.contact-us h3{
	font: italic 26px/30px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	margin: 0 0 12px;
	color: #424242;
}
.contact-us h3 a { color: #424242; }
.contact-us .holder{ overflow: hidden; }
.contact-us .alignleft{
	float: left;
	margin: 4px 32px 0 5px;
}
.inner .contact-us .alignleft{ margin: 4px 11px 0 5px; }
.contact-us ul{
	margin:0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	color: #171717;
}
.related-topics { overflow: hidden; }
.related-topics  h3{
	font: italic 26px/30px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	margin: 20px 0 11px;
	color: #424242;
}
.related-topics h3 a{ color: #424242; }
.related-topics  h3:after{
	background: url(images/sprite.png) no-repeat 0 -237px;
	width: 9px;
	height: 12px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 6px;
}
.related-topics  ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'museo_sans700', Arial, Helvetica, sans-serif;
}
.related-topics ul li{
	vertical-align: top;
	color: #739600;
}
.related-topics ul li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(images/sprite.png) no-repeat 0 -565px;
	width: 6px;
	height: 8px;
	margin: 0 6px;
}
.related-topics ul li a{
	vertical-align: top;
	color: #739600;
}
.inner #content {
	text-align: left;
	line-height: 25px;
	padding: 3px 0 0;
	width: 67.6%; 
}
.banner {
	background: #0088ce;
	position: relative;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	padding: 57px 0 40px;
	margin: 0 0 60px;
}
.banner h1{
	margin: 0 0 11px;
	font: italic 58px/63px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
}
.inner #content p { margin: 0 0 18px; }
.banner p{  margin: 0; }
.banner .holder{ overflow: hidden; }
.banner .box{ overflow: hidden;}
.banner span{
	float: right;
	margin: 6px 5px 5px 5.0%;
	padding: 19px 0 0;
	width: 28.9%;
}
.banner ul{
	float: right;
	margin: 6px 5px 5px 5.0%;
	padding: 19px 0 0;
	list-style: none;
	width: 28.9%;
	border-top: 1px solid #fff;
	font: italic 24px/28px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
}
.banner ul li{
	vertical-align: top;
	margin: 0 0 6px;
}
.banner ul li a{ color: #fff; }
.banner ul li a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(images/sprite.png) no-repeat 0 -583px;
	width: 9px;
	height: 12px;
	margin: 0 0 0 7px;
} 
.banner .child ul {
	border: none;
	padding: 0;
	margin: 0;
	width: 90%;
	font: italic 20px/22px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
}
.banner .child ul li {
	margin: 6px 0;
}
.banner:after,
.banner:before {
	position: absolute;
	content: "";
	width: 9999px;
	right: 100%;
	height: 100%;
	top:0;
	background: #0088ce;
}
.banner:after{
	right: auto;
	left: 100%;
}

.banner ul li.active {
	text-decoration: underline;
}

#main.inner{ padding: 0 0 63px; }
/*  Footer style */
#footer {
	width:100%;
	overflow:hidden;
	display:table-footer-group;
	background:#1c1c1c;
	color: #fff;
}
#footer .threecolumns .col { min-height: 201px; }
#footer .threecolumns { margin: 0 0 50px; }
#footer .footer-holder {
	height:1%;
	display:table-row;
}
#footer .footer-frame{
	margin: 0 auto;
	max-width: 1193px;
	padding: 63px 0 65px;
}
#footer .footer-frame .frame{
	border-bottom: 1px solid #4a4a4a;
	padding: 80px 0 47px;
	margin: 0 0 52px;
}
#footer .twocolumns{ position: relative; }
#footer .twocolumns:after{
	content: "";
	display: block;
	clear: both;
}
#footer .twocolumns .col{
	float: right;
	width: 74.4%;
}
#footer .twocolumns .col:first-child{
	width: 13.7%;
	float:left;
}
#footer .twocolumns .col h3{
	margin: 0 0 8px;
	font: italic 24px/30px "museo_sans_cond900", Arial, Helvetica, sans-serif;
}
#footer  h4{
	margin: 0 0 40px;
	font: 16px/21px "museo_sans700", Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer  h5{
	margin: 0;
	font: 16px/22px "museo_sans700", Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer .twocolumns .col address{
	display: block;
	font-style: normal;
	line-height: 24px;
	margin: 0 0 30px;
}
#footer .twocolumns .col ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .twocolumns .col ul li{ margin: 0 0 8px; }
#footer .twocolumns .col ul li a{ color: #fff; }
#footer .footer-frame .box{
	overflow:hidden;
	padding: 0 2px ;
}
#footer .footer-frame .box .holder{
	overflow:hidden;
	width: 105%;
}
#footer .footer-frame .box .col{
	float:left;
	margin:0 2.1% 0 0;
	width: 22%;
}
#footer .footer-frame .box .col ul{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 24px;
}
#footer .footer-frame .box .col ul li{ vertical-align: top; }
#footer .footer-frame .box .col ul li a{ color: #fff }
/*  Footer Logo style */
#footer .logo {
	background: url(images/sagi_valkoinen.png) no-repeat;
	position: static;
	display:block;
	width: 113px;
	height: 78px;
	margin: 0 0 26px;
}
#footer .btn-subscribe{
	margin: 0 0 32px;
	position: absolute;
	left: 0;
	top:-70px;
	padding: 8px 1.5% 7px 1.8%;
}
#footer .search-form {
	display:none;
	background: #fff;
	margin: 0 0 28px;
}

/* Comment form */

#CommentForm {
	display: none;
}

#CommentForm_form input[type=text],
#CommentForm_form textarea {
	font: 16px/24px "museo_sans300",Arial,Helvetica,sans-serif;
	border: 1px #424242 solid;
	color: #424242;
}

.CommentForm_email,
.CommentForm_website {
	display: none;
}

#CommentForm_form {
	text-align: left;
	width: 100%;
}

#CommentForm_form label {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}

#CommentForm_form button {
	font: 14px/17px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #fff;
	padding: 8px 3.9%;
	margin: 0 10px 0 20%;
	border-radius: 18px;
	text-transform: uppercase;
	vertical-align: center;
	background: #506901 -moz-linear-gradient(top,  #506901 0%, #5a7500 21%, #658500 35%, #729401 56%, #749601 65%, #739500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#506901), color-stop(21%,#5a7500), color-stop(35%,#658500), color-stop(56%,#729401), color-stop(65%,#749601), color-stop(100%,#739500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #506901 0%,#5a7500 21%,#658500 35%,#729401 56%,#749601 65%,#739500 100%); /* W3C */
	border: 0;
}

.shortcut {
	display: none;
}

/* ---------------------------------------------------------
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/

@media only screen and (max-width:1400px) {
	body { min-width: 320px; }
}
/*  Desktop Version style */
@media only screen and (max-width:1200px) {
	.nav-holder #nav > li {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 0 9px;
	}
	body {
		font-size: 14px;
		line-height: 24px;
	}
	.logo { margin:12px 9px 5px 12px; }
	.nav-holder #nav > li > a{ padding: 31px 11px 27px; }
	.slideshow .slide .caption {
		font-size: 12px;
		line-height: 22px;
		margin: 0 0 0 -369px;
		bottom: 65px;
		padding: 23px 19px 21px 24px;
		width: 371px;
	}
	.add-nav ul li {
		font-size: 22px;
		line-height: 24px;
	}
	.upcoming-events {
		max-width: 814px;
		margin: 0 auto 41px;
	}
	.slideshow { margin: 0 0 26px; }
	.add-nav ul { width: 105%; }
	.add-nav {
		margin: 0 2px 34px 0;
		padding: 0 0 27px;
	}
	.add-nav ul li a:after {
		background-position: 0 -527px;
		width: 6px;
		height: 10px;
		right: 2px;
		top: 7px;
	}
	.add-nav ul li:hover a:after { background-position: 0 -542px; }
	.upcoming-events .col h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.search-form {
		padding: 5px 9px 6px;
		margin: 0 0 14px;
	}
	.news > .holder { max-width: 810px; }
	.social-networks { padding:0 0 0 3px; }
	.upcoming-events .col:first-child { width: 15.6%; }
	.upcoming-events .holder address { font-size: 16px; }
	.upcoming-events .col dl dd { margin: 0 0 2px; }
	.upcoming-events .col dl dt { margin: 0 6px 2px; }
	.news h2 {
		font-size: 44px;
		line-height: 52px;
	}
	.news {
		padding: 44px 0 56px;
		margin: 0 0 60px;
	}
	.news .col .image-frame {
		padding: 0 12.5% 0 0;
		width: 30%;
	}
	.partners{ padding: 0 0 61px; }
	.news .col .txt-frame h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.search-form input[type="search"] {
		font-size: 14px;
		line-height: 20px;
		width: 84%;
		height: 20px;
	}
	.slideshow1 .slide .caption {
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 0 -350px;
		width: 568px;
		top: 74px;
	}
	.slideshow1 .pagination { bottom: 27px; }
	.slideshow1 .pagination ul{ padding:0; }
	.slideshow1 .slide .caption .title {
		font: italic 22px/26px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
		margin: 0 0 28px;
		padding: 0 60px 0 0;
	}
	.upcoming-events .holder { padding: 0; }
	.btn-subscribe {
		padding: 8px 2.9%;
		margin:0 15px 0 0;
	}
	.news .btn-holder { margin: 0 0 51px; }
	.social-area {
		max-width: 810px;
		padding: 0 20px 70px;
	}
	.slideshow1 { margin: 0 0 59px; }
	.social-area .title:before { margin: 0 10px 0 5px; }
	.social-area .title {
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 31px;
	}
	.news .box .row {
		margin: 0 0 24px;
		min-height: 122px;
	}
	.news .threecolumns .col { min-height: 121px; }
	.news .box { padding:0; }
	.social-area .twitter-box ul li:first-child {
		padding: 0 0 9px 3px;
		margin: 0 0 14px;
	}
	.social-area .twitter-box ul li {
		font-size: 14px;
		padding: 0 0 14px 3px;
		margin: 0 0 8px;
	}
	#footer .footer-frame {
		max-width: 810px;
		padding: 70px 20px 50px;
	}
	#footer .btn-subscribe {
		padding: 4px 5.6%;
		margin: 0 0 30px;
		font-size: 12px;
	}
	#footer .twocolumns .col:first-child { width: 17.9%; }
	#footer .logo { margin: 0 0 22px; }
	#footer .twocolumns .col h3 {
		font-size:22px;
		line-height: 28px;
		margin: 0 0 27px;
	}
	.nav-holder { max-width: 780px; }
	#footer .footer-frame .frame{
		padding: 35px 0 53px;
		margin: 0 0 31px;
	}
	#footer .footer-frame .box { padding:0; }
	#footer .twocolumns .col ul li { margin: 0; }
	#footer h4 {
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 32px;
	}
	#footer h5 { font-size: 14px; }
	#footer .footer-frame .box .col { margin: 0 2.6% 0 0; }
	#main {
		max-width: 811px;
		padding: 81px 0 63px 0;
	}
	#content {
		width: 74.6%;
		margin:0 auto;
		float: none;
	}
	#content h2{
		font: italic 36px/42px "museo_sans_cond700", Arial, Helvetica, sans-serif;
		margin: 0 0 25px;
	}
	#content .post h3 {
		font-size: 22px;
		line-height: 28px;
	}
	#sidebar { 
		display: block; 
		float: left;
		width: 100%;
	}
	.social-area .facebook-box .box { min-height: 215px; }
}
/*  Tablet Version style */
@media only screen and (max-width:1023px) {
	.top-navi #search-container { display: none; }
	.top-navi-wrapper ul li {
		font: 14px/16px "museo_sans_cond700", Arial, Helvetica, sans-serif;
		margin: 0px;
	}
	#header .drop-opener { display: block; }
	.nav-holder .js-slide-hidden {
		position: absolute !important;
		left: -9999px !important;
		top: -9999px !important;
	}
	.nav-holder #nav > li:first-child { float: none; }
	.nav-holder #nav > li {
		float: none;
		width: 100%;
		position: relative;
		margin: 0;
	}
	.nav-holder {
		vertical-align: top;
		width: 65.3%;
		padding: 15px 0 0;
	}
	.nav-holder #nav {
		position: absolute;
		top: 100%;
		background: #fff;
		z-index: 3;
		width: 100%;
		left: 0;
	}
	.nav-holder #nav > li:first-child a { width: auto; }
	.nav-holder #nav > li:first-child a:after { left: 3%; }
	.nav-holder #nav .drop-slide-wrapper {
		position: relative !important;
		background: #006192 -moz-linear-gradient(top,  #006192 0%, #0071ad 10%, #0082c6 41%, #0089cf 62%, #0089cf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006192), color-stop(10%,#0071ad), color-stop(41%,#0082c6), color-stop(62%,#0089cf), color-stop(100%,#0089cf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #006192 0%,#0071ad 10%,#0082c6 41%,#0089cf 62%,#0089cf 100%); /* W3C */
		height: auto !important;
	}
	.nav-holder #nav .drop ul li .drop-slide-wrapper {
		width: 100% !important;
		z-index: 11;
	}
	.nav-holder #nav .drop ul li a { padding: 10px 6.6%; }
	.nav-holder #nav .drop ul li .drop-slide-wrapper li{
		float:left;
	}
	.nav-holder #nav .drop ul li {
		position: static;
		width: 100%;
	}
	#header { padding: 0 0 15px; }
	#main {
		width: 95%;
		padding: 40px 0;
	}
	#content { width: 100%; }
	.nav-holder #nav > li > a { padding: 16px 3.1%; }
	#header:after { display: none; }
	.upcoming-events { width: 96%; }
 	.search-form input[type="search"] { width: 85%; }
	.threecolumns .col.last { margin: 0; }
	.news > .holder > .frame { width: 103%; }
	.news > .holder { width: 96%; }
	.add-nav ul li {
		font-size: 18px;
		margin: 0 10px 0 0;
	}
	.nav-holder #nav .drop ul li ul{
		position: static !important;
		width: 100%;
	}

	.inner #sidebar {
		padding: 0;
		width: 67.6%;
		margin: 0 auto;
	}

	#nav li {
		position: relative !important;
	}

	#nav .more {
	    display: block;
	    position: absolute;
	    right: 10px;
	    top: 15px;
	    font-size: 24px;
	    font-weight: bold;
	    padding: 10px 20px;
	    margin-top: -10px;
	    cursor: pointer;
	    z-index: 9999;
	}

	#nav .more-white {
		color: #fff;
	}
}

@media only screen and (min-width:767px) {

	.nav-holder #nav .drop {
		position: absolute;
		top: 100%;
		left: 0;
	}

}

/*  Mobile Version style */
@media only screen and (max-width:767px) {
	.banner h1 {
	  margin: 0 0 11px;
	  font: italic 28px/63px 'museo_sans_cond700', Arial, Helvetica, sans-serif;
	}
	#header .text-area.add { display:block; }
	.upcoming-events { width: 95%; }
	.add-nav ul li {
		font-size: 20px;
		clear: both;
	}
	.search-form input[type="search"] { width: 90%; }
	.inner2 .search-form input[type="search"] { width: 89%; }
	.inner .search-form input[type="search"] { width: 89%; }
	.slideshow .slide .caption {
		margin: 0;
		left: 20px;
		right: 20px;
		width: auto;
	}
	.upcoming-events .col.last { display: none; }
	.form-holder { display: block; }
	.upcoming-events .col:first-child { width: 100%; }
	.upcoming-events .col.add{ display: block; }
	.upcoming-events .col h2 {
		font-size: 22px;
		margin: 0 0 9px;
	}
	.upcoming-events .holder address {
		font-size: 12px;
		border-bottom: 1px solid #a4a4a4;
		padding: 0 0 10px;
		margin: 0 0 5px;
	}
	.upcoming-events .col dl { margin: 0 0 10px; }
	.upcoming-events .col dl dd { margin: 0 0 2px; }
	.upcoming-events .col.last{ display: none; }
	.upcoming-events .col .btn-subscribe {
		margin: 0 1px 0 0;
		padding: 6px 6.9%;
	}
	#footer .btn-subscribe{
		position: static;
	}
	/*.slideshow1 { display: none }*/
	.slideshow1 .slide {
		position: relative;
		min-height: none;
	}
	.slideshow1 .pagination {
		display: none;
	}
	.slideshow1 .slideset {
		height: auto !important;
		max-height: none !important;
	}
	.slideshow1 .slide .bg-scretch {
		background-color: #888;
	}
	.slideshow1 .slide .bg-scretch, .slideshow1 .slide .caption {
		position: relative;
		width: 100%;
		padding: 1em;
		margin: 0;
		left: 0;
		top: 0;
		
	}
	#footer .logo { float:none; }
	.upcoming-events .col {
		width: 100%;
		float: none;
	}
	.news .frame .col, .slideshow1 {
		display: block;
		float: none;
		width: 100%;
		height: auto !important;
	}
	.partners {
		text-align: left;
		width: 87%;
		border-bottom: 1px solid #a4a4a4;
		margin: 0 auto 20px;
		padding: 0 0 46px;
	}
	#footer .search-form { display:block; }
	.social-area { width: 87%; }
	.social-area .twitter-box,
	.social-area .facebook-box {
		width: 100%;
		float: none;
	}
	.social-area .twitter-box{ margin: 0 0 38px; }
	.social-area .title:before { margin: 0 10px 0 0; }
	.social-area .facebook-box .box { min-height: 271px; }
	.logo {
		width: 50px;
		height: 35px;
		background-position: 0 -662px;
		margin: 6px 37px 0 13px;
	}
	.social-area { padding: 0 0 41px; }
	.slideshow { margin:0 0 10px; }
	.upcoming-events {
		width: 87%;
		margin: 0 auto 20px;
	}
	.add-nav ul li a { padding: 0 12px 0 0;}
	.add-nav {
		margin: 0 2px 0 0;
		padding: 0 0 14px;
		border: 0;
	}
	.banner ul {width: 100%; margin: 0 auto; float: none; border-bottom: 1px solid #fff; border-top: none;}
	.banner ul li {display: inline-block;}
	.banner ul li a:after {background: none;}
	.banner .box {width: auto!important;}
	#twocolumns .col:first-child {
		float: none;
		margin:0 0 20px;
		width: 100%;
	}
	#twocolumns .col {
		float: none;
		width: 100%;
		margin:0 0 20px;
		overflow: hidden;
	}
	#footer .threecolumns { display: none; }
	.add-nav ul li { font-size: 18px; }
	.nav-holder { width: 60.3%; }
	#footer .footer-frame {
		width: 87%;
		padding: 32px 0 0;
	}
	#footer .twocolumns .col:first-child {
		width: 100%;
		float: none;
		margin: 0 0 23px;
	}
	#footer .twocolumns .col {
		float: none;
		width: 100%;
	}
	.contact-us {
		margin: 0 0 0 10px;
		width: 312px;
	}
	#footer .footer-frame .box .col {
		width: 46%;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin: 0 2.6% 20px 0;
	}
	.partners h3 {
		font-size: 22px;
		line-height: 28px;
		margin: 0 0 18px ;
	}
	#header .text-area { display:none; }
	.shortcut { 
		display: block; 
	}
	.nav-holder #nav > li.shortcut > a {
		color: #d0d0d0;
	}

	.inner #sidebar {
		padding: 0;
		width: 67.6%;
		margin: 0 auto;
	}
}
/*  Mobile Version Small Screen style */
@media only screen and (max-width:480px) {
	.slideshow .slide .caption { display: none; }
	#header .text-area .btn-login { margin: 2px 0 0 9px; }

	
	#header .text-area.add ul li {
		padding:0;
		line-height: 16px;
	}
	.contact-us {
		margin: 0;
		width: 100%;
		float: none;
	}
	.contact-us .alignleft { float: none; }
	#main .search-form { width: 200px; }
	.form-holder { padding:0 0 16px }
	#footer {
		font-size: 12px;
		line-height: 20px;
	}
	#footer .twocolumns .col address {
		width: 45%;
		line-height: 20px;
		margin: 0 0 22px;
	}
	#main .social-networks {
		float: none;
		margin: 0 0 21px;
	}
	.social-area {
		box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 89.1%;
		padding: 0 0 41px 3px;
	}
	#footer .twocolumns .col h3 { margin: 0 0 10px; }
	#footer .twocolumns .col ul li { margin:  0 0 8px; }
	#footer .footer-frame .frame {
		padding: 0 0 27px;
		margin: 0 0 25px;
	}
	#footer h4 {
		font-size: 12px;
		margin: 0 0 20px;
	}
	#footer h5 {
		font-size: 12px;
		margin:0 0 3px;
		line-height: 20px;
	}
	.slideshow { margin: 0 0 14px; }
	.upcoming-events .col .list-address li { margin: 0; }
	.upcoming-events > .holder .col h2 { font: italic 24px/28px "museo_sans_cond900", Arial, Helvetica, sans-serif; }
	.upcoming-events .holder address {
		margin: 0 0 18px;
		padding: 0 0 18px;
	}
	.upcoming-events .col.add .list-address { margin: 0 0 22px; }
	.upcoming-events .col.add .btn-subscribe { margin: 0 1px 17px 0; }
	.upcoming-events { margin: 0 auto; }
	.pagination { bottom: 12px; }
	.pagination ul{ padding: 0 0 0 8px; }
	#footer .footer-frame .box .col ul li { line-height: 20px; }
	#footer .footer-frame .box .col { margin: 0 2.6% 38px 0; }
	.social-area .title { margin: 0 0 34px; }
	.social-box > .holder { text-align: left; }
	.contact-us .holder { margin: 0 0 10px; }
	#header { padding: 0; }
	#header .drop-opener { width: 20px; }
	.search-form input[type="search"] { width: 88%; }
	.inner2 .search-form input[type="search"] { width: 87%; }
	.inner .search-form input[type="search"] { width: 87%; }
	.nav-holder {
		width: 41.1%;
		padding: 6px 0 0;
	}
	.top-navi-wrapper {
		position: absolute;
		top: 0;
		left: 30px;
	}

	.inner #sidebar {
		padding: 0;
		width: 100%;
	}
}

/* uudet */

.post-footer time,
span.date {
    color: #739600;
}

.news-archive li {
	display: none;
}

.news-archive li.year {
	display: list-item;
	cursor: pointer;
}

ul.tags {
	text-align: left;
	padding: 0;
	margin-top: -12px;
}

ul.tags li {
    display: inline-block;
    list-style: none;
}

ul.tags li a {
	color: #fff;
	background: #0088CE;
	padding: 1px 4px;
	margin-right: 5px;
	border-radius: 5px;
}