body{font-family:Calibri, "Trebuchet MS", sans-serif;font-size:100%;width:90%;margin:auto;background-color:#6A7E96;min-width:200px;}
.content{
	text-align:center;
	list-style: none;
	list-style-type: none;
}
.image p{overflow:hidden;text-align:center;}
.header{position:relative;z-index:1;margin:auto;border-radius:15px 15px 0px 0px;}
.wrapper{margin:0px auto;background-color:#CCCCCC;width:100%;max-width:100%;border-radius:15px;}
h1{font-size:2em;position:absolute;bottom:-10px;left:50px;z-index:2;color:#EAF6F2;}
.wrapper .header h1 a, a:visited, a:hover, a:active{text-decoration:none;}
.wrapper .header h1 {text-decoration:none;
font-family:"Bradley Hand ITC";
text-shadow: -4px 3px 1px #2b3745;}

h2{font-size:1.5em;}
h3{
	font-size:1em;
	font-weight:100;
	text-align: center;
}
.example{background:#b3b3b3;padding:0px;}
.menu, .menu ul{margin:-5px 0px 0px 0px;padding:0px;border:0px;list-style-type:none;display:block;}
.menu li{margin:0;padding:0;border:0;display:block;float:left;position:relative;z-index:5;}
.menu li:hover{z-index:10000;white-space:normal;}
.menu li li{float:none;}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0;}
.menu li:hover>ul{visibility:visible;top:100%;}
.menu li li:hover>ul{top:0;left:100%;}
.menu:after, .menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both;}
.menu, .menu ul{min-height:0;}
.menu ul{padding:10px 30px 30px 30px;margin:-10px 0 0 -30px;}
.menu ul ul{padding:30px 30px 30px 10px;margin:-40px 0 0 -10px;}
.menu, .menu ul li{color:#eee;background:#b3b3b3;}
.menu ul{width:11em;}
.menu a{text-decoration:none;color:#eee;padding:.4em 1em;display:block;position:relative;}
.menu a:hover, .menu li:hover>a{color:#400040;}
.menu li li{border:0px solid #ccc;}
.menu ul>li + li{border-top:0;}
.menu li li:hover>ul{top:5px;left:90%;}
.menu>li:first-child>a, .menu li + li + li li:first-child>a{color:#eee;}
a, a visited, a link{
	color:#FFFFFF;
	list-style-type: none;
}
.maplink a{
color:black
	
}

.imageContainerCentre2 ul li  {
	list-style-type: none;
}
.imageContainerCentre2 {
	width:100%;
	list-style-type: none;
	list-style:none;
}.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 2px;
	width: 10%;
}
ul{list-style-type:none;padding:0; margin:0;}
#popup a, #popup a visited, #popup a link{color:#666666;}
.imageContainer{width:100%;height:auto;border-radius:10px 10px 0px 0px;}
.imageContainer img{width:100%;height:auto;text-align:center;}
.imageContainerContent img{width:20%;border-radius:10px;margin:0px auto;height:auto;padding:0px 2px;margin:auto;text-align:center;}
.imageContainerCentre{width:90%;margin:0 auto;border-radius:20px;text-align:center;}
.imageContainerCentre img{width:100%;height:auto;margin-left:auto;margin-right:auto;}
p{text-align:justify;margin:0px 10px;}
hr{width:80%;}
.wrapper .content table{margin:0 auto;text-align:left;}
td{padding-left:5px;}
.wrapper .content table tr td a{color:#000;text-decoration:none;}
.wrapper .content table tr td a:hover{color:#000;text-decoration:underline;}
.wrapper .content .links a{color:#000;text-decoration:none;}
.wrapper .content .links a:hover{color:#000;text-decoration:underline;}
.adsdynamic{width:width:468px;height:15px}
@media(max-width:320px){.adsdynamic{display:none}
}@media(min-width:500px){.adsdynamic{width:468px;height:15px}
}
@media(min-width:800px){.adsdynamic{width:468px;height:15px}
}
@media(max-width:320px){.wrapper{width:100%;}}
@media(max-width:520px){.wrapper{width:90%;}}
@media(min-width:600px){.wrapper{width:80%;}}