* {margin: 0;padding: 0;}
body {min-width:320px;font-family: Verdana, Geneva, sans-serif; font-size: 0.9em;}
html {background: #FFF;}
.toptitle {max-width: 100%; padding: 10px 0 10px 0; background-color:#CC3;}
.mainwrapper {width: 1030px; min-width:320px;margin: 0 auto 0 auto;}
.info {width:100%;padding: 5px 0 0px 5px; margin: 0; clear: right; }
.widecontent {width: 98%; margin: 5px; padding: 5px; clear: right;}
.spashwide {width: 100%; height: 150px; padding: 0 0 10px 0; clear: right; background-image:url(backgroundimage.jpg); background-repeat:no-repeat; background-position:center;}
.spashwidecolour {width: 100%;padding: 0 0 10px 0; clear: right; background-color:#000;}
.spashwidecolour2 {width: 100%;padding: 0 0 10px 0; clear: right; background-color:#FC3;}
.row {clear: both;}
.backgroundcolour {background-color:#000;}
.content {width: 320px;max-width: 320px; padding: 5px; margin: 5px; float:left;}
.content75 {width: 660px; max-width:660px; padding: 5px; float:left;}
.content50 {width: 48%; padding: 5px; margin: 5px; float:left;}
.content25 {width: 23%; padding: 5px; margin: 5px; float:left;}
.pagefooter {text-align:center;	clear: both;}
p {line-height: 1.4em; padding: 0 0 5px 0;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
h1, h2, h3 {font-family:Verdana, Geneva, sans-serif;text-align:left;}
h1 {font-size:1.8em; font-weight: bold;}
h2 {font-size:1.2em; padding: 0 0 5px 0;}	
h3 {font-size:1.3em; padding: 0 0 5px 0;}
h4 {font-size:1.0em; padding: 0 0 5px 0;}
h5 {font-size:1.0em; padding: 0 0 5px 0;}
h6 {font-size:1.0em; padding: 0 0 5px 0;}
.toptitle h1 {text-align:center; color:#FFF;}
.toptitle h2 {text-align:center;color:#FFF;}
.spashwide h2 {font-size:3.2em; padding-top:20px; text-align:center;color:#FFF;}
.spashwide h3 {font-size:1.2em; padding-top:10px; text-align:center;color:#FFF;}
.spashwidecolour h2 {font-size:1.6em; padding-top:20px; text-align:center;color:#FFF;}
.spashwidecolour2 h2 {font-size:2em; padding:5px; text-align:center;color:#000;}
.pagefooter h2 {text-align:center;}
.pagefooter h3 {text-align:center; font-size:1.2em; font-weight:lighter;}
.content50 ul {padding: 5px; margin: 5px; line-height: 1.0em;}
.content50 ul li {padding: 0 0 0 10px; margin: 0 0 0 10px; line-height: 1.9em;}
.address {line-height: 1.2em; padding: 0;}
.firstcharacter {float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia;}		
hr { border: solid #036; border-width: 1px 0 0; clear: both; margin: 10px 0 5px; height: 0; }
img{max-width:100%;height: auto;}
h3.phototitle {text-align:center; font-size:1em; font-weight:lighter;}
.aligncentre {text-align:center;}

.toptitle a:link {text-decoration: none; color:#FFF;}
.toptitle a:visited {text-decoration: none;color:#FFF; }
.toptitle a:hover {text-decoration: underline;color:#FF3;}
.toptitle a:active {text-decoration: none;color:#FFF;}

.content75 h2 {text-align:center;}

h5 a:link,visited,hover,active {display:block;margin-bottom:15px;text-align:center;padding-top:5px;padding-bottom:5px;background-color:#0CC;}
h5 a:hover {background-color:#3CF;}
.mymap {padding: 0px;}
.mymap img, object, embed {
max-width: none;
}
.mymap img { height:auto} 



@media screen and (max-width: 800px) {
* {margin: 0;padding: 0;}
.mainwrapper {width:100%;max-width:100%; margin: 5px; padding : 5px;}	
.toptitle {width: 100%; padding: 0px; clear: right; }
.widecontent {width:95%;max-width: 100%;padding: 5px; margin: 0 5px 0 5px; clear: right; }
.content {width:95%;max-width: 100%;float: none; padding: 0; margin: 0 5px 0 5px;}
.content25 {width: 48%; padding: 5px; margin: 5px; float:left;}
.content50 {width:100%; float: none; padding: 0; margin: 0 5px 0 5px;}
.content75 {width:95%;max-width: 100%; float: none; padding: 0; margin: 0 5px 0 5px;}
h1 {font-size: 1.3em;padding: 0 0 5px 0;}
h2 {font-size: 1.0em;padding: 0 0 5px 0;}
h3 {font-size: 1.0em;padding: 0 0 5px 0;}
.toptitle h1 {font-size: 1.2em;} 
img{max-width:95%;height:auto;margin: 5px;}
.rslides img {
width: 95%;}
}

@media screen and (max-width: 650px) {
* {margin: 0;padding: 0;}
.mainwrapper {width:100%; margin: 5px; padding : 5px;}	
.toptitle {width: 100%; padding: 0px; clear: right;}
.widecontent {width:95%;max-width: 100%;padding: 5px; margin: 0 5px 0 5px; clear: right; }
.content {width:95%;max-width: 100%;float: none; padding: 0; margin: 0 5px 0 5px;}
.content25 {width: 90%; padding: 5px; margin: 5px; float:left;}
.content50 {width:100%; float: none; padding: 0; margin: 0 5px 0 5px;}
.content75 {width:95%;max-width: 100%; float: none; padding: 0; margin: 0 5px 0 5px;}
h1 {font-size: 1.3em;padding: 0 0 5px 0;}
h2 {font-size: 1.0em;padding: 0 0 5px 0;}
h3 {font-size: 1.0em;padding: 0 0 5px 0;}
.toptitle h1 {font-size: 1.2em;} 
img{max-width:95%;height:auto;margin: 5px;}
}

@media screen and (max-width: 320px) {
* {margin: 0;padding: 0;}
.toptitle {width:100%; padding: 5px 0 5px 0; clear: right; }
.mainwrapper {width:100%;max-width:100%; margin: 0; padding : 0px;}	
.widecontent {width:95%;max-width: 100%;padding: 5px; margin: 0 5px 0 5px; clear: right; }
.spashwide {width: 100%; height: 100px;padding: 5px 0 10px 0; clear: right; background-image:url(backgroundimage-300px.jpg); background-repeat:no-repeat; background-position:center;}
.content {width:95%;max-width: 100%; float: none; padding: 0; margin: 0 5px 0 5px;}
.content25 {width: 100%; padding: 5px; margin: 5px; float:left;}
.content50 {width:95%;float: none; padding: 0; margin: 0 5px 0 5px;}
.content75 {width:95%; float: none; padding: 0; margin: 0 5px 0 5px;}
h1 {font-size: 1.3em;padding: 0 0 5px 0;}
h2 {font-size: 1.0em;padding: 0 0 5px 0;}
h3 {font-size: 1.0em;padding: 0 0 5px 0;}
.toptitle h1 {font-size: 1.1em;} 
.toptitle h2 {font-size: 0.90em;} 
.spashwide h2 {font-size:1.6em; padding:10px; text-align:center;color:#FFF;}
h3.phototitle {text-align:center; font-size:0.85em; font-weight:lighter;margin-top:2px;}
img{max-width:95%;height:auto;margin: 5px;}
.toptitle img{max-width:100%;height:auto;}
}