body {color: #000; background-color: #cde; font-family: arial, verdana, helvetica, sans-serif}
div.content {margin: 0 auto; padding: 1em; text-align: center}
div.footer {font-size: 75%; font-style: italic; margin-top: 1em; border-top: thin solid #999}
div.thumbnails {width: 230px; height: 230px; padding-left: 1px; padding-right: 1px; float: left;}
div.thumbnails img {vertical-align:middle;}
img {border: none; max-width: 100%; height: auto;}
ul {list-style: none }
ul.navbar {margin-left: 0.5em; padding: 0}
ul.navbar li {padding: 0.2em 0.1em}
ul.navbar a {text-decoration: none}
ul.submenu {margin-left: -1em}
.menulink {font-weight: normal}
.menucurrent {font-weight: bold}
.submenulink {font-size: 75%; font-weight: normal}
.submenucurrent {font-size: 75%; font-weight: bold}
.logo {padding-left: 0.5em; padding-top: 0.5em; font-weight: bold; font-size: 250%; font-variant-caps: all-small-caps;}
.frontimage {color: #777; background-color: inherit; font-size: 80%;}
.fronttext {padding-left: 2em; padding-right:2em; font-size: 100%;}
.news {padding-left: 2em; padding-right:2em; color: #f00; background-color: inherit; font-size: 120%;}
.copyright {color: #777; background-color: inherit; text-align: right}
.invisible, .invisible a {display: none;}
.contact {width: 100%; height: 100%; border: none;}
p.link {margin: 0; padding-top: 0.1em; padding-bottom: 0.1em;}
.column {display: block; width: 100%;}
@media only screen and (min-width: 641px){.column {width: 48%; float: left;} .left {text-align: right; margin-right:10px;} .right {text-align: left; margin-left:10px;} }
h1 {padding-bottom: 0.25em; border-bottom: thin solid #999}
h1.images {padding-top: 0.5em; padding-bottom: 0.5em; font-size: 100%;}
h2 {padding-top: 0.25em;}
h3 {padding-top: 1em; font-size: 100%;}
br.nofloat {clear: both;}
address {font-size: 130%; font-style: normal; margin-top: 0.5em}
a.previous {padding-right: 10%;}
a.up {padding-left: 1em; padding-right: 1em;}
a.next {padding-left: 10%;}