@charset "utf-8";
/*-*-* Layout Config *-*-*/
body {	font-family:Verdana, Arial, Helvetica, sans-serif; }
#wrapper {font-size:0.9em; }
header #search_box {width:19em;top:224px;}
#mobileNav {margin: 0 3%;max-width: 94%;min-width:inherit;position: relative;right: 0;top: 25px;box-sizing:border-box;-moz-box-sizing:border-box;}
.contentinner {max-width:100%}
#right { padding-top:15px; }
#left { display:none;}
#superheader .inner {padding: 2px;overflow: hidden;}
#superfooter {padding-bottom:15px;}
#superfooter .footer-text {text-align:center}
#mobileNav-control {bottom: -16px;top: inherit;}
#footer address, #superfooter nav {text-align:center}
/*-*-* Background Config *-*-*/
body {background:#105C90 url(/skins/f4/images/background.jpg) repeat 0 0; color:#FFF}
#content { background:none;margin-bottom:10px;}
#content.content.cke_editable {background:#105C90;font-size:0.9em;}/*wysiwyg*/
#superheader, header #superheader .inner, footer, #subfooter { background: transparent; }
header { border-bottom:none;box-shadow:none;background: transparent ; height: auto;margin-top:10px;}
header .photo img { float:right; max-width:100%;}
header .outer, header #superheader, header #header, header #subheader {height:auto;}
header #header {height:60%}

/*header .outer {background: transparent url(/skins/f4/images/headerphotos.jpg) no-repeat right center;height: 260px; background-size:contain;}*/
#superheader {background: transparent url(/skins/f4/images/shadow.png) no-repeat left 0; height:126px;}
#header .header-text {right:auto;left:1em;}
#centerpad { margin-left:0; padding-top:25px; font-size: 1.1em;}
footer {background: transparent url(/skins/f4/images/shadow_b.png) no-repeat right bottom;}
/*-*-* Colour Config *-*-*/
h1, article h1, h2, article h2, h3, h4, h5, h6 { color:#fff; }
article h1 {border-bottom:none;}
#superheader .inner .header-text { color: #999; margin:2px; }
#content a, #content a:link, footer nav ol li a, footer address a, footer nav ol li a:link, footer address a:link {text-decoration:underline;font-weight:bold;}
#content a:hover, footer nav ol li a:hover, footer address a:hover	{ text-decoration:none;}
#subfooter .copyright,#content a, #content a:hover, #content a:link, #content a:active, #content a:visited, 
footer a, footer a:hover, footer a:link, footer a:active, footer a:visited { color:#fff !important; }
#footer a:hover, #subfooter .inner, #subfooter a:hover 	{ color:#ccc; }
#superfooter { color: #e0e0e0; }
footer #superfooter, footer #subfooter, footer #footer {text-align:center}

.news-container .news-image-thumbnail, .events-container .events-image-thumbnail, .gallery-container div.imgThumb { background-color:#2b77aa;}
/*-*-* Top Menu Config *-*-*/
#subheader, #subheader .inner {padding:0}
.rootVoices.horizontal {margin:0;border:1px solid #ff0;border-left:none;border-right:none; width: auto;float:right;padding:0 1em;font-weight:bold;}
.menuContainerHorizontal, .rootVoices.horizontal li li, .rootVoices.horizontal li {float:right; background:#246998; border-top:#FFFF00 1px solid; border-left:#FFFF00 1px solid;}
.rootVoices.horizontal a, .menuContainerHorizontal .voice a {color:#fff !important;}
.rootVoices.horizontal>li {background:none; border:none;}
.rootVoices.horizontal .rootVoice.selected, .rootVoices.horizontal li:hover, .rootVoices.horizontal li.sfHover, .rootVoices.horizontal a:focus, .rootVoices.horizontal a:hover, .rootVoices.horizontal a:active, .menuContainerHorizontal .selected {background:#4A82A9;}
#mobileNav-control span.menubar {background:#f0f0f0}
/*-*-* Components *-*-*/
#homepage-news, #homepage-events {background: transparent url(/skins/f4/images/shadow.png) no-repeat left 0;}
#homepage-news h3, #homepage-events h3 {border:1px solid #ff0;border-left:none;border-right:none;padding:0 0.5em;}
#events-content .events-date, .news-container .news-date, .events-container .events-date, .news-box .news-date {color:#ddd}
.number-in-gallery, .number-in-gallery a {clear:both;}
@media only screen and (min-width: 60em) { /*960px*/
	.gallery-container div.imgThumb {margin:7px}
	.gallery-container div.imgThumb {width:211px;}
	#content .contentinner article .gallery-container .imgThumb .imgFull img {max-width:99% !important;}
}
@media only screen and (max-width: 60em) { /*960px*/
	header {background-position:left 0}
	header #header {position:inherit;}
	.moreinfolink a, .return_link a, a.moreinfolink, a.return_link, #psudoleft a {border-color:#014E82;
		background: #2f6e99; /* Old browsers */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNmU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTZiOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, #2f6e99 0%, #1e6b9f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2f6e99), color-stop(100%,#1e6b9f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #2f6e99 0%,#1e6b9f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #2f6e99 0%,#1e6b9f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #2f6e99 0%,#1e6b9f 100%); /* IE10+ */
		background: linear-gradient(to right, #2f6e99 0%,#1e6b9f 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6e99', endColorstr='#1e6b9f',GradientType=1 ); /* IE6-8 */
	}
	.moreinfolink a:hover, .return_link a:hover, a.moreinfolink:hover, a.return_link:hover, #psudoleft a:hover {background: #2A77AB;filter: none;}
	.moreinfolink a:active, .return_link a:active, a.moreinfolink:active, a.return_link:active, #psudoleft a:active {background: #5BA8DC;	filter: none;}
}
@media only screen and (max-width: 46em) { /*737px*/
	#subheader .mobile-menu-title, #subheader a, #subheader a:link, #subheader a:visited, #subheader a:active {color:#222}
	#content {background:none}
	header #logo {max-width:30%;}
}
@media only screen and (max-width: 30em) { /*480px*/
	/*header #logo {max-width:50%; position:relative;}
	header .photo img { clear:both; float:none; max-width:98%;}*/
}