* {font-family: "verdana", sans-serif;}
.centre {text-align: center;margin-left: auto; margin-right: auto;}
.right {text-align: right;}
.left {text-align: left;}
.note {font-style: italic;font-size: 75%;}
.bold {font-weight: bold;}
.gray {background:#eee;}
.nowrap {white-space: nowrap;}
.caption {font-style: italic;text-align: center; padding: 0.7em;}
.italic {font-style: italic;}
.fineprint {font-style: italic;font-size: 75%;padding: 0.5em;}
h1 {font-size: 150%;font-weight: normal;margin-top: 0em;margin-bottom: 0.6em;}
h2 {font-size: 125%;font-weight: normal;margin-top: 0.7em;margin-left: 0.7em;margin-right: 0.7em;margin-bottom: 0em;white-space: nowrap;}
body {background:#eee;}
a {text-decoration: none;color:blue;}
a:hover {text-decoration: underline;}
img  {margin-top: 0.2em;margin-bottom: 0.2em;border: 0px;text-align: center;max-width: 100%;}
td {vertical-align: top;text-align: left;border: 0px;}
th {vertical-align: top;text-align: center;border: 0px;}
.photocentre {font-style: italic;text-align: center;padding: 1.0em;margin-left: auto;margin-right: auto;}
.photoleft {font-style: italic;text-align: center;padding: 1.0em;position: relative;}
.photoright {font-style: italic;text-align: center;padding: 1.0em;position: relative;}
.righthide {padding: 1.0em;display:none;}
.advert {display: none;}
.skyscraper {display: none;}
.menucentre {text-align: center;margin-left: 0px;margin-right: auto;width: 100%;position: relative;}
.framepop {background:#e8e;}
#content {margin-left: 0px;padding: 0px;background:#fff;max-width: 560px;width: 100%;overflow: auto;position: relative;border:1px solid #000;}
#content p {margin: 0.5em;}
#content li {margin-top: 1.0em;margin-right: 1.0em;margin-left: 0.5em;margin-bottom: 0.5em;}
#menu {background:#eee;font-size: 125%;margin: 0em;white-space: nowrap;}
#menu p {white-space: nowrap;margin-top: 0.1em;margin-bottom: 0.1em;}
#menu img  {white-space: nowrap;width: auto;vertical-align: middle;margin-top: 0.2em;margin-bottom: 0.2em;}
#footer {margin-left: auto;margin-right: auto;width: 100%;padding-top: 0px;padding-left: 0px;padding-right: 0px;position: relative;}

@media only screen and (min-width: 575px) {
#content {max-width: 728px;}
#content p {margin-top: 1.0em;margin-left: 1.0em;margin-right: 1.0em;margin-bottom: 0.5em;}
.photoleft {width: 46%;float: left;}
.photoright {width: 46%;float: right;}
.advert {margin: 0.5em;padding: 0.5em;float: left;display: block;}  
}
@media only screen and (min-width: 760px) {
#content {margin-left: 170px;width: 77%;}
#menu {position: absolute;left:5px;top:52px;width:168px;font-size: 100%;}
#menu p {text-align: left;margin: 0em;font-size: 100%;}
#menu img  {margin: 0em;}    
#footer {margin-left: 170px;max-width: 728px;width: 77%;}
.skyscraper {display: block;}
}
@media only screen and (min-width: 900px) {
.righthide {display: block;}
}