/*
	Theme Name: ODE Website
	Description: New website developed by TMS Media for ODE.
	Version: 1.0.0
	Author: Chris Hill - TMS Media Limited
	Author URI: http://www.tms-media.co.uk
*/

/*
	====================================================================================================================================================================================
	Fonts  / Google Fonts API
	====================================================================================================================================================================================
*/

	@import url(http://fonts.googleapis.com/css?family=Lato:100,200,400,300,700,300italic,700italic,400italic);



/*
	====================================================================================================================================================================================
	Reset Styles
	====================================================================================================================================================================================
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family:'Lato', Helvetica, sans-serif;
	}
a{
	outline:0;
}

html {
	box-sizing: border-box;
	}
*, *:before, *:after {
	box-sizing: inherit;
	}

/*
	====================================================================================================================================================================================
	Headings / paragraphs / padding / more
	====================================================================================================================================================================================
*/
	.headingWrap{

		}
	h1{
		font-size:56px;
		margin:50px 0;
		color:#00437b;
		font-weight:300;
		}
	h1.newsTitle{
		margin-top:110px;
		margin-bottom:45px;
		}
	h2{
		font-size:30px;
		margin-bottom:15px;
		}
	h3{
		font-size:26px;
		margin-bottom:15px;
		color:#00437b;
		font-weight:300;
		padding-bottom:15px;
		}
	h3.profileName{
		padding-bottom:0;
		}
	h4{
		font-size:18px;
		margin-bottom:15px;
		color:#229189;
		font-weight:300;
		padding-bottom:15px;
		}
	h4.profileName{
		margin-bottom:15px;
		}
	h5{
		font-size:12px;
		margin-bottom:15px;
		}
	p,.slide-group li.slide{
		font-size:18px;
		margin-bottom:15px;
		font-weight:300;
		line-height:1.6;
		padding-bottom:15px;
		}
	p{
		color:#666;
		font-weight: 500;
		}
	main p{
		float:left;
		width:100%;
		}
	strong{
		color:#00437b;
		}
	span{
		color:#00437b;
		}

	/* Text Align */

	.taCenter{
		text-align:center;
		}
	.taLeft{
		text-align:left;
		}
	.taRight{
		text-align:righ;
		}

	/* Padding */

	.padding{
		padding:15px;
		}
	.noPadBottom{
		padding-bottom:0;
		}
	.noPadTop{
		padding-top:0;
		}
	.noPadLeft{
		padding-left:0;
		}
	.noPadRight{
		padding-right:0;
		}
	.builtBy{
		font-size:12px;
		color:#fff;
		text-decoration:none;
		float:left;
		margin:0 0 30px;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		transition: color 0.5s ease-out;
		}
	.builtBy:hover{
		color:#229189;
		}
	.show_more,main a,h3 a,.newsSingle p a, #page a,.vacancyHide a{
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		transition: color 0.5s ease-out;
		}
	.show_more:hover,main span a:hover,.news h3 a:hover,.more-link:hover,.newsSingle p a:hover,#page a:hover,.newsSingle h3 a:hover,.vacancyHide a:hover{
		text-decoration:none;
		}


/*
	====================================================================================================================================================================================
	Wrappers
	====================================================================================================================================================================================
*/

	.wrapper{
		max-width:1170px;
		width:100%;
		margin:0 auto;
		padding:0 15px;
		}
	.clear{
		width:100%;
		float:left;
		}
	ul{
		list-style-position:inside;
		list-style:none;
		}

/*
	====================================================================================================================================================================================
	Div Sizes
	====================================================================================================================================================================================
*/

	.col-1{
		width:8.33%;
		float:left;
		}
	.col-2{
		width:16.66%;
		float:left;
		}
	.col-3{
		width:25%;
		float:left;
		}
	.col-4{
		width:33.33%;
		float:left;
		}
	.col-5{
		width:41.66%;
		float:left;
		}
	.col-6{
		width:50%;
		float:left;
		}
	.col-7{
		width:58.33%;
		float:left;
		}
	.col-8{
		width:66.66%;
		float:left;
		}
	.col-9{
		width:75%;
		float:left;
		}
	.col-10{
		width:83.33%;
		float:left;
		}
	.col-11{
		width:91.66%;
		float:left;
		}
	.col-12{
		width:100%;
		float:left;
		}


/*
	====================================================================================================================================================================================
	Content Divs
	====================================================================================================================================================================================
*/

	/*
	#wpadminbar{
		bottom:0 !important;
		top:auto;
		}
	*/

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

	.wrappy{
		border-bottom:1px solid #ccc;
		padding-bottom:10px;
		}

	/* Header */
	header{
		position:relative;
		}
	header #fixedHeader{
		position:fixed;
		width:100%;
		background:#fff;
		z-index:1001;
		float:left;
		top:0;
		}
	header #headerTop{
		border-bottom:1px solid #818285;
		float:left;
		width:100%;
		}

	header #headerMiddle{
		float:left;
		width:100%;
		border-bottom:1px solid #ccc;
		}
	header #headerBottom{

		}
	#logo{
		padding:15px 0;
		float:left;
		}
	#logo a{
		float:left;
		display:block;
		width:100%;
		}
	#logo a img{
		float:left;
		display:block;
		width:100%;
		max-width:164px;
		transition:all 1s ease;
		}
	header #headerMiddle.smalll{
		float:left;
		height:98px;
		overflow:hidden;
		}
	header #headerMiddle.small #logo a img{
		width:50%;
		height:auto;
		}
	header #headerMiddle.small #details p,header #headerMiddle.small #details form{
		float:right;
		padding:30px 0 0;
		}
	#details{
		float:right;
		}
	#details p,#details form{
		float:right;
		padding:50px 0;
	 	transition: all 1s ease;
		}
	#details strong,#details form{
		margin-left:30px;
		}
	#details form button{
		background:#00437b;
		color:#fff;
		border:0;
		padding:3px 5px;
		cursor:pointer;
		-webkit-transition: background 0.5s ease-out;
		-moz-transition: background 0.5s ease-out;
		-o-transition: background 0.5s ease-out;
		transition: background 0.5s ease-out;
		}
	#details form button:hover{
		background:#7f7f7f;
		}
	#details form,#details p{
		float:right;
		}
	#details p{
		float:right;
		font-size:16px;
		}
	#details p a{
		text-decoration:none;
		color:#818285;
		}
	#details p strong.hidden{
		display:none;
		}

	/* Navigation */
	nav{

		}
	nav #navTop{
		width:100%;
		}
	nav #navTop select{
		display:none;
		}
	nav #navTop ul{
		min-height:35px;
		height:auto;
		display:table;
		table-layout:fixed;
		width:100%;
		float:left;
		}
	nav #navTop ul li{
		display:table-cell;
		position:relative;
		text-align:center;
		margin:0;
		padding:0;
		width:auto;
		}
	nav #navTop ul li ul.sub-menu{
		max-width:320px;
		float:left;
		width:auto;
		table-layout:auto;
		}
	nav #navTop ul li ul.sub-menu a{
		width:100%;
		text-align:left;
		float:left;
		}
	nav #navTop ul li ul.sub-menu li a{
		padding:8px;
		border-bottom:1px solid #ccc;
		margin:0;
		float:left;
		width:100%;
		}
	nav #navTop ul li ul.sub-menu li a:hover,nav #navTop ul li a:hover{
		background:#f68d2e;
		color:#fff;
		}
	nav #navTop ul li ul.sub-menu li{
		float:left;
		padding:0;
		margin:0;
		width:100%;
		}
	nav #navTop ul li ul.sub-menu{
		float:left;
		padding:0;
		margin:0;
		width:140%;
		max-width:320px;
		}
	nav #navTop ul li a{
		text-decoration:none;
		font-size:16px;
		color:#808285;
		float:left;
		width:100%;
		text-align:center;
		padding:8px 0;
		cursor:pointer;
		-webkit-transition: background 0.5s ease-out;
		-moz-transition: background 0.5s ease-out;
		-o-transition: background 0.5s ease-out;
		transition: background 0.5s ease-out;
		}

	nav #navTop li li{
		display:block;
		}

	/*--- Sublist Styles ---*/
	nav #navTop li ul {
		display:none;
		padding:0;
		position:absolute;
		width:210px;
		z-index:1001;
		top:36px;
		background:#fff;
		border:1px solid #ccc;
		}
	nav #navTop li:last-child ul{
		right:0;
		}

	/*--- Sublevel UL's display and position on hover ---*/
	nav #navTop li:hover ul {
		display:block;
		}



	nav #navSide{
		background:#bfbfbf;
		width:80%;
		float:left;
		margin:0;
		padding:0;
		}
	nav #navSide ul{
		list-style:none;
		padding:15px;
		color:#fff;
		float:left;
		width:100%;
		}
	nav #navSide ul li{
		padding:5px 0;
		float:left;
		width:100%;
		}
	nav #navSide ul li span{
		width:100%;
		}
	nav #navSide ul li a{
		text-decoration:none;
		color:#fff;
		border-bottom:1px solid #fff;
		float:left;
		width:100%;
		padding:5px 0;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		transition:color 0.5s ease-out;
		}
	nav #navSide ul.children {
		padding:5px 0;
		margin:0;
		}
	nav #navSide ul li.current_page_item ul li a{
		color:#fff;
		}
	nav #navSide ul li ul.children li span a:before{
		content:"";
		padding-left:20px;
		}

	nav #navSide ul li a:hover, nav #navSide ul li.current_page_item a{
		color:#01447b;
		}
	nav #navBottom{

		}
	#navCustom {
		float:left;
		width:100%;
		}
	#navCustom ul{
		float:left;
		width:100%;
		list-style:none;
		}
	#navCustom ul li span{
		width:100%;
		}
	#navCustom ul li{
		float:left;
		width:50%;
		text-align:center;
		}
	#navCustom ul li a{
		text-decoration:none;
		padding:15px 0;
		float:left;
		width:100%;
		text-align:center;
		-webkit-transition: background-color 0.5s ease-out;
		-moz-transition: background-color 0.5s ease-out;
		-o-transition: background-color 0.5s ease-out;
		transition: background-color 0.5s ease-out;
		}
	#navCustom ul li a:hover{
		background:#7F7F7F;
		color:#fff;
		}
	#archive{
		float:right;
		}
	#archive ul{
		list-style-position:inside;

		}
	#archive ul li span{
		width:90%;
		line-height:1.2 !important;
		}
	#blockLeft{
		float:left;
		background:#00437b;
		width:100%;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size:20px;
		font-weight:300;
		line-height:1.3;
		padding:15px 0;
		float:left;
		width:100%;
		text-align: center;
		}
	#blockLeft.green{
		background:#60c5bf;
		}
	#blockRight{
		float:right;
		background:#60c5bf;
		width:100%;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size:20px;
		font-weight:300;
		line-height:1.3;
		padding:15px 0;
		width:100%;
		text-align: center;
		}
	#blockRight.blue{
		background:#00437b;
		}

	/* Main Content */
	main{
		margin-top:110px;
		margin-bottom:45px;
		float:left;
		width:100%;
		}
	main a{
		text-decoration:none;
		color:#f68d2e;
		}
	main a:hover{
		text-decoration:underline;
		color:#7f7f7f;
		}
	main #mainTop{
		float:left;
		width:100%;
		}
	main #mainMiddle{

		}
	main #mainBottom{

		}
	#slideshow{
		display:block;
		float:left;
		width:100%;
		}
	#slideshow ul{
		list-style:none;
		float:left;
		width:100%;
		margin:0;
		padding:0;
		}
	#slideshow ul li{
		width:100%;
		height:auto;
		float:left;
		}
	#slideshow ul li span{
		width:100%;
		height:auto;
		float:left;
		}
	#slideshow ul li img{
		width:100%;
		height:auto;
		float:left;
		}
	main ul{
		list-style:square;
		list-style-position:inside;
		}
	main ul{
		font-size:20px;
		font-weight:300;
		line-height:1.6;
		color:#f68d2e;
		margin-bottom:15px;
		padding-bottom:15px;
		float:left;
		width:100%;
		}
	main ul li{
		float: left;
		width: 100%;
		}
	main ul li span{
		font-size:18px;
		font-weight:300;
		line-height:1.6;
		color:#818285;
		float:right;
		width: 96%;
		}
	#contentImage{
		width:100%;
		height:auto;
		margin-bottom:15px;
		}
	#contentImage img{
		width:100%;
		height:auto;
		}
	.profile,.vacancies{
		float:left;
		width:100%;
		margin-bottom:30px;
		border-bottom:1px solid #ccc;
		}
	.profile a.show_more,.vacancies a.show_more{
		float:left;
		width:100%;
		margin-bottom:30px;
		}
	.vacancyHide{
		display:none;
		float:left;
		margin:0;
		padding:0;
		}

	/* Sidebar */



	/* Footer */
	footer{

		}
	footer #footerTop{
		background:#f1f0f0;
		float:left;
		min-height:301px;
		width:100%;
		}
	#section-1{
		background:#00437b;
		height:100%;
		float:left;
		padding:15px;
		text-align:center;
		min-height:301px;
		width:100%;
		}
	#section-1 h2,#section-2 h2,#section-3 h2{
		color:#fff;
		text-transform:uppercase;
		font-weight:300;
		padding:15px 0;
		}
	#section-1 p,#section-2 p,#section-3 p{
		color:#fff;
		width:90%;
		margin:0 auto;
		text-decoration:none;
		}
	#section-1 p a,#section-2 p a{
		color:#fff;
		text-decoration:none;
		padding-top:30px;
		float:left;
		width:100%;
		text-align:center;
		font-weight:600;
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		transition:color 0.5s ease-out;
		}
	#section-2{
		background:#60c5bf;
		height:100%;
		float:left;
		padding:15px;
		text-align:center;
		min-height:301px;
		width:100%;
		}
	#section-3{
		background:#c0bfbf;
		height:100%;
		float:left;
		padding:15px;
		text-align:center;
		min-height:301px;
		width:100%;
		position:relative;
		}
	#section-3 li a{
		-webkit-transition: color 0.5s ease-out;
		-moz-transition: color 0.5s ease-out;
		-o-transition: color 0.5s ease-out;
		transition:color 0.5s ease-out;
		}
	#section-1 p a:hover,#section-2 p a:hover,#section-3 li a:hover{
		color:#f68d2e;
		}
	.news{
		border-bottom:1px solid #ccc;
		padding:0 0 15px;
		float:left;
		}
	.newsSingle{
		border-bottom:1px solid #ccc;
		padding:45px 0 15px;
		float:left;
		width: 100%;
		}
	.newsImage a{
		border:1px solid #ccc;
		padding:5px;
		float:left;
		}
	.newsImage a.hidden{
		display:none;
		}
	.newsImage a img{
		width:auto;
		height:auto;
		float:left;
		}
	.pages{
		float:left;
		width:100%;
		padding:15px 0;
		text-align:center;
		}
	#pagination{
		list-style:none;
		padding:35px 0;
		float:left;
		width:100%;
		}
	#pagination li{
		width:50%;
		float:left;
		}
	#pagination li span{
		width:100%;
		float:left;
		}
	#pagination li.next{
		width:50%;
		text-align:right;
		float:right;
		}

	/* Slider */
	.slide-wrap {
		width:100%;
		margin-top:0px;
		float:left;
		}
	.slide-mask {
		position: relative;
		height:160px;
		overflow:hidden;
		}
	.slide-group {
		position: absolute;
		top:0px;
		left:0;
		width:100%;
		}
	.slide-group .slide {
		width:100%;
		height:160px;
		color:#fff;
		float:left;
		}
	.slide-group .slide a{
		text-decoration:none;
		color:#fff;
		font-weight:600;
		}

	/* Slider Nav */
	.slide-nav {
		text-align: center;
		}
	.slide-nav ul {
		margin: 0;
		padding: 0;
		}
	.slide-nav li {
		display: inline-block;
		width:10px;
		height:10px;
		margin:2px;
		background:#fff;
		cursor: pointer;
		}
	.slide-nav li.current {
		background:#f68d2e;
		}


	footer #footerMiddle{
		height:auto;
		width:100%;
		float:left;
		display:block;
		}
	footer #footerMiddle img{
		float:left;
		width:100%;
		height:auto;
		}
	footer #footerBottom{
		background:url(images/footer-background.jpg) 50% 50% no-repeat;
		background-size:cover;
		width:100%;
		height:auto;
		min-height:680px;
		float:left;
		border-bottom:10px solid #60c5be;
		position:relative;
		}
	footer #footerBottom .line{
		float:left;
		background:#60c5be;
		width:100%;
		height:1px;
		margin:60px 0;
		}
	footer #footerBottom p strong{
		font-size:14px;
		color:#60c5be;
		}
	footer #footerBottom p{
		margin:60px 0;
		}
	footer #footerBottom p,footer #footerBottom p a,footer #footerBottom p span.small{
		font-size:14px;
		color:#fff;
		text-decoration:none;
		line-height:1.6;
		width:90%;
		}
	footer #footerBottom p span.small{
		font-size:12px;
		}
	#footerLogo{
		float:right;
		margin:70px 0;
		}


/*
	====================================================================================================================================================================================
	Media Queries
	====================================================================================================================================================================================
*/


@media only screen and (min-width: 1280px) and (max-width: 1920px){
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
}
@media only screen and (min-width:960px) and (max-width: 1279px){

		#section-1,#section-2,#section-3{
		min-height:330px;
		}
	footer #footerBottom{
		background:url(images/footer-background.jpg) #00437b no-repeat bottom;
		background-size:contain;
		}
	.news .col-3,.newsSingle .col-3{
		width:33.33%;
		}
	.news .col-3 .newsImage a,.newsSingle .col-3 .newsImage a{
		float:left;
		width:100%;
		}
	.news .col-3 .newsImage a img,.newsSingle .col-3 .newsImage a img{
		float:left;
		width:100%;
		}
	.news .col-9,.newsSingle .col-9{
		width:60%;
		float:right;
		}
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
}
@media only screen and (min-width: 901px) and (max-width: 959px){
	#section-1,#section-2,#section-3{
		min-height:330px;
		}
	.news .col-3,.newsSingle .col-3{
		width:33.33%;
		}
	.news .col-3 .newsImage a,.newsSingle .col-3 .newsImage a{
		float:left;
		width:100%;
		}
	.news .col-3 .newsImage a img,.newsSingle .col-3 .newsImage a img{
		float:left;
		width:100%;
		}
	.news .col-9,.newsSingle .col-9{
		width:60%;
		float:right;
		}

	nav #navTop ul li a{
		font-size:12px;
		padding:10px 0 11px;
		}
	header #fixedHeader{
		position:relative;
		}
	main{
		margin:0;
		}
	header #headerMiddle.small #logo a img{
		float:left;
		display:block;
		width:100%;
		max-width:164px;
		}
	header #headerMiddle.small #details p,header #headerMiddle.small #details form{
		padding:50px 0;
		}
	#headerMiddle .col-4{
		width:25%;
		}
	#headerMiddle .col-8{
		width:75%;
		}
	footer #footerBottom{
		background:url(images/footer-background.jpg) #00437b no-repeat bottom;
		background-size:contain;
		}
		.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}

}
@media only screen and (min-width: 770px) and (max-width: 900px){

	.news .col-3,.newsSingle .col-3{
		width:33.33%;
		}
	.news .col-3 .newsImage a,.newsSingle .col-3 .newsImage a{
		float:left;
		width:100%;
		}
	.news .col-3 .newsImage a img,.newsSingle .col-3 .newsImage a img{
		float:left;
		width:100%;
		}
	.news .col-9,.newsSingle .col-9{
		width:60%;
		float:right;
		}
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
	nav #navTop ul li a{
		font-size:12px;
		padding:10px 0 11px;
		}
	.profile .col-4 img{
		padding-right:15px;
		height:auto;
		width:100%;
		}
	header #fixedHeader{
		position:relative;
		}
	header #headerMiddle.small #logo a img{
		float:left;
		display:block;
		width:100%;
		max-width:164px;
		}
	header #headerMiddle.small #details p,header #headerMiddle.small #details form{
		padding:0;
		}
	#details p, #details form{
		padding:0;
		}
	#details form{
		margin:25px 0;
		}
	main{
		margin:0;
		}
	h1{
		font-size:36px;
		margin:30px 0;
		}
	h3{
		font-size:24x;
		padding-bottom:0;
		}
	p,.slide-group li.slide,nav #navSide ul li a{
		font-size:16px;
		}
	#logo{
		width:100%;
		float:left;
		text-align:left;
		}
	#logo a{
		text-align:left;
		}
	#logo a img{
		display:inline;
		float:none;
		}
	footer #footerMiddle{

		}
	#section-1 p, #section-2 p{
		font-size:16px;
		}
	#section-1,#section-2,#section-3{
		min-height:311px;
		}
	footer #footerBottom .line{
		margin:0;
		}
	footer #footerBottom{
		background:url(images/footer-background.jpg) #00437b no-repeat bottom;
		background-size:contain;
		}
}
@media only screen and (min-width:641px) and (max-width: 769px){

	.newsImage a{
		display:none;
		}

	.newsImage a.hidden{
		border:1px solid #ccc;
		padding:5px;
		float:left;
		width:100%;
		margin-bottom:15px;
		display:block;
		}
	.newsImage a.hidden img{
		float:left;
		width:100%;
		height:auto;
		}
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
	 /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }

	header #headerMiddle.smalll{
		float:left;
		height:auto;
		overflow:hidden;
		}
	header #headerMiddle.small #logo a img{
		float:left;
		display:block;
		width:100%;
		max-width:164px;
		}
	header #headerMiddle.small #details p,header #headerMiddle.small #details form{
		padding:0;
		}
	header #fixedHeader{
		position:relative;
		}
	nav #navTop{
		box-sizing: border-box;
		float:left;
		width:100%;
		}
	nav #navTop select{
		display:block;
		margin:15px 0;
		width:100%;
		padding:5px;
		float:left;
		border:1px solid #ccc;
		}

	nav #navTop ul{
		display:none;
		}
	#logo{
		width:100%;
		float:left;
		text-align:center;
		}
	#logo a{
		text-align:center;
		}
	#logo a img{
		display:inline;
		float:none;
		}
	#details p, #details form{
		padding:0;
		}
	#details p strong{
		margin:0;
		}
	#details p strong.hidden{
		display:inline;
		width:1px;
		padding:0 15px;
		}
	#details{
		text-align:center;
		float:left;
		width:100%;
		}
	#details p{
		text-align:center;
		float:left;
		width:100%;
		margin-top:15px;
		}
	#details form{
		float:left;
		width:100%;
		margin:0;
		}
	main{
		margin:0;
		}
	h1{
		font-size:30px;
		margin:30px 0;
		}
	h3{
		font-size:20px;
		padding-bottom:0;
		}
	p, main ul li span{
		font-size:16px;
		}
	.padding{
		padding:0;
		}

	footer #footerBottom{
		background:#00437b;
		}
	footer #footerBottom p{
		padding:0;
		margin:15px 0;
		width:100%;
		}
	footer #footerBottom .line{
		margin:0;
		}
	footer #footerLogo{
		float:left;
		width:100%;
		margin:0 0 15px 0;
		}
	footer #footerLogo a{
		text-align:center;
		}
	.slide-group li.slide{
		font-size:16px;
		}
	nav #navSide{
		width:100%;
		}
	#blockRight{
		display:none;
		}
	#blockLeft{
		width:100% !important;
		text-align:left;
		padding-left:30px;
		}
	footer #footerBottom{
		background:url(images/footer-background.jpg) #00437b no-repeat bottom;
		background-size:contain;
		}
	#archive{
   	 	float:left;
		}

}
@media only screen and (min-width:481px) and (max-width: 640px){
	.newsImage a{
		display:none;
		}

	.newsImage a.hidden{
		border:1px solid #ccc;
		padding:5px;
		float:left;
		width:100%;
		margin-bottom:15px;
		display:block;
		}
	.newsImage a.hidden img{
		float:left;
		width:100%;
		height:auto;
		}
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
	#archive{
   	 	float:left;
		}
}
@media only screen and (min-width:0px) and (max-width: 480px){

}
@media only screen and (min-width: 0) and (max-width: 640px){

	 /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }

	header #headerMiddle.smalll{
		float:left;
		height:auto;
		overflow:hidden;
		}
	header #headerMiddle.small #logo a img{
		float:left;
		display:block;
		width:100%;
		max-width:164px;
		}
	header #headerMiddle.small #details p,header #headerMiddle.small #details form{
		padding:0;
		}
	header #fixedHeader{
		position:relative;
		}
	nav #navTop{
		box-sizing: border-box;
		float:left;
		width:100%;
		}
	nav #navTop select{
		display:block;
		margin:15px 0;
		width:100%;
		padding:5px;
		float:left;
		border:1px solid #ccc;
		}

	nav #navTop ul{
		display:none;
		}
	#logo{
		width:100%;
		float:left;
		text-align:center;
		}
	#logo a{
		text-align:center;
		}
	#logo a img{
		display:inline;
		float:none;
		}
	#details p, #details form{
		padding:0;
		}
	#details p strong{
		margin:0;
		}
	#details p strong.hidden{
		display:block;
		width:100%;
		}
	#details{
		text-align:center;
		float:left;
		width:100%;
		}
	#details p{
		text-align:center;
		float:left;
		width:100%;
		margin-top:15px;
		}
	#details form{
		float:left;
		width:100%;
		margin:0;
		}
	main{
		margin:0;
		}
	h1{
		font-size:30px;
		margin:30px 0;
		}
	h3{
		font-size:20px;
		padding-bottom:0;
		}
	p, main ul li span{
		font-size:16px;
		}
	.padding{
		padding:0;
		}

	footer #footerBottom{
		background:url(images/footer-background.jpg) #00437b no-repeat bottom;
		background-size:contain;
		}
	footer #footerBottom p{
		padding:0;
		margin:15px 0;
		width:100%;
		}
	footer #footerBottom .line{
		margin:0;
		}
	footer #footerLogo{
		float:left;
		width:100%;
		margin:0 0 15px 0;
		}
	footer #footerLogo a{
		text-align:center;
		}
	.slide-group li.slide{
		font-size:16px;
		}
	nav #navSide{
		width:100%;
		}
	#blockRight{
		display:none;
		}
	#blockLeft{
		width:100% !important;
		text-align:left;
		padding-left:30px;
		}
	.newsImage a{
		border:1px solid #ccc;
		padding:5px;
		float:left;
		width:100%;
		margin-bottom:15px;
		}
	.newsImage a img{
		float:left;
		width:100%;
		height:auto;
		}
	.more-link{
		float:left;
		width:100%;
		margin:15px 0;
		}
	#archive{
   	 	float:left;
		}
	main ul li span{
		width: 90%;
		}
}