@charset "UTF-8";
body {font-family: 'Source Sans Pro', sans-serif; background-color:#4E9; text-align:justify;}
h1 {color:#2A7; font-style:italic; font-weight:bold; }
h1, h2, h3 {text-align:center;}
div > p {margin-top:0px;}
.frame {position:relative; width:100%; height:100%;}
.outer {border:#80F thick solid; background-color:white;}
.block {border:#4E9 medium solid; padding:10px 20px 0px;margin:0px 10px; background-color:mintcream; font-size:large}
.columns {padding:0% 1%}
.menutop {position:relative; list-style:none; padding:5px; margin:0 auto;}
.menutop ul {list-style:none; z-index:9; overflow:visible; display:none; padding:10px; }
.menutop li {height:1.5;em; border:thin solid #80F; font-family:Tahoma, Geneva, sans-serif; border: padding:0.6em; background-color:#2A7; padding:5px; margin:5px; float:left; width:auto; text-align:center}
.menutop a {padding:0 0.5em; line-height:1.4em; overflow:hidden; text-decoration:none; display:block;}
.menutop li:hover {background:#9FF;}
.menutop a:link {color:#FFF;}
.menutop a:visited {color:#CCC;}
.menutop a:hover {color:#FCC;}
.menutop a:active {color:#F0F;}
a#home, a#down {font-weight:900; color:#FF0}
.gallery {margin:10px; clear:both;}
.gallery img {margin:8px;}
.closeup {margin:2%; width:95%; height:auto; box-shadow: 4px 4px 8px gray;}
.red {color:#F00; font-weight:900}
.tiny {display:none}
.huge {display:}

@media only screen and (max-width:500px) {
.huge {display:none}
.tiny {display:inline}
.outer {width:100%; height:auto; margin:auto}
.menutop li {width:95%}
.left, .right {width:96%}}

@media only screen and (min-width:500px) and (max-width: 770px) {
.outer {width:100%; height:auto; margin:auto}
.left, .right {width:96%}}

@media only screen and (min-width: 770px) and (max-width: 970px) {
.outer {background-position:50% 50%; width:771px; height:auto; margin:auto;}
.left {width:46%; float:left}
.right {width:46%; float:right; margin-left:0}}

@media only screen and (min-width: 970px) {
.outer {background-position:50% 50%; width:950px; height:auto; margin:auto;}
.left {width:46%; float:left}
.right {width:46%; float:right; margin-left:0}}

@media print {
.outer {width:97%}
.menutop {display:none}}