@charset "utf-8";
@keyframes nav-hover {
to {
background-color:#137;
padding-bottom:1.5em;
color:white;
}
}
@keyframes nav-hover-small {
to {
background-color:#137;
padding-bottom:0.5em;
color:white;
}
}
@keyframes fade-in {
from {
opacity:0;
}
to {
opacity:1;
}
}
.screen {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: /*#24729F;*/#b3b3b3;
}
#name {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	height: 2em;
	max-width: 100%
}
.top-bar {
	background-color: #0B2563;
}
.top-bar .main {
	background-color: inherit;
}
.main {
	margin: 0 auto;
	padding: 1em;
	max-width: 1050px;
	background-color: #EBE0DB;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
	font-weight: normal;
}
.main a:link {
	color: inherit
}
.main a:visited {
	color: inherit
}
.navigation {
	font-size: large;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
	max-width: 1100px;
	min-width: 600px;
}
.navigation a {
	-moz-box-shadow:inset 0px -3px 3px 0px #061842;
	-webkit-box-shadow:inset 0px -3px 3px 0px #061842;
	box-shadow:inset 0px -3px 3px 0px #061842;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e8eaff));
	background:-moz-linear-gradient(top, #ffffff 5%, #e8eaff 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #e8eaff 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #e8eaff 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #e8eaff 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #e8eaff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8eaff',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #061842;
	display:inline;
	cursor:pointer;
	color:#0b2563;
	font-weight:bold;
	padding:15px 1em;
	text-decoration:none;
}
.navigation a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8eaff), color-stop(1, #0b2563));
	background:-moz-linear-gradient(top, #e8eaff 5%, #0b2563 100%);
	background:-webkit-linear-gradient(top, #e8eaff 5%, #0b2563 100%);
	background:-o-linear-gradient(top, #e8eaff 5%, #0b2563 100%);
	background:-ms-linear-gradient(top, #e8eaff 5%, #0b2563 100%);
	background:linear-gradient(to bottom, #e8eaff 5%, #0b2563 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8eaff', endColorstr='#0b2563',GradientType=0);
	background-color:#e8eaff;
	animation-name: nav-hover;
	animation-duration: 260ms;
	animation-fill-mode: forwards;
}
.navigation a:active {
	position:relative;
	top:1px;
}
/*
.navigation a {
	background-color: #FFF;
	display: inline;
	padding: 15px 1em;
	border: 3px;
	border-style: groove;
	white-space: nowrap;
}
.navigation a:link {
	text-decoration: none;
	color: inherit
}
.navigation a:hover {
	animation-name: nav-hover;
	animation-duration: 260ms;
	animation-fill-mode: forwards;
}
.navigation a:active {
	text-decoration: underline;
}*/
#logo {
	height: 250px;
	width: 60%;
	background-color: #FFF;
	display: block;
	float: left;
}
#articles {
	height: 244px;
	float: right;
	border: 3px ridge #F5F1EF;
	width: 38%;
}
#articles h4 {
	height: 10%;
	margin: 0;
	padding-left: 1em;
	background-color: #ffffff;
}
#articles #latest {
	height: 90%;
	margin: 0;
	overflow: auto;
	zoom: 1;
	padding-left: 1em;
	background-color: #ffffff;
}
#articles #latest a {
	display: block;
	margin: 0.5em 0;
}
.main h1 {
	color: #0b2563;
	animation-name: fade-in;
	animation-duration: 3s;
}
#text {
	min-height: 250px;
	border: 3px ridge #F5F1EF;
	padding-left: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	background-color: #F6F2F0
}
#text p {
	text-align: justify;
}
#text h3 {
	display: inline;
}
.icon {
	width: 24px;
	height: 24px;
}
hr {
	height: 2px;
	align: center;
	clear: both;
}
.links a:hover {
	font-weight: bold
}
.links ul {
	font-size: small;
	display: inline-block;
*display: inline;
	zoom: 1;
	width: 16em
}
.map-img {
	display: inline;
	max-width: 100%
}
.img-medium {
	height: 250px;
}
.img-small {
	height: 100px;
}
.img-left {
	float: left;
	margin-right: 1em;
}
.img-right {
	float: right;
	margin-left: 1em;
}
.img-centre {
	display: block;
	margin: auto;
	max-width: 100%
}
#building1-img {
	padding-top: 20px;
}
.fb-1 {
	border: none;
	visibility: visible;
	width: 280px;
	height: 80px;
}
.fb-2 {
	border: none;
	overflow: hidden;
	width: 450px;
	height: 80px;
	float: right
}
.reference { font-size: small; text-align: center; 
}
.break-media-screen {
	display: none;
}

@media only screen and (max-width: 1100px) {
.navigation a {
	padding: 0.2em;
}
.navigation a:hover {
	animation-name: nav-hover-small;
	animation-duration: 260ms;
	animation-fill-mode: forwards;
}
.img-medium {
	max-height: 250px;
	height: auto;
	max-width: 100%;
}
.fb-2 {
	float: none;
}
.break-media-screen {
	display: block;
}
}

@media only screen and (max-width : 499px ){
#logo {
	height: auto;
	max-height: 250px;
	float: none;
	width: auto
}
#articles {
	float: none;
	width: auto
}
}