@charset "UTF-8";
body {font-family: 'Source Sans Pro', sans-serif; background-color:#9E4; text-align:justify}
h1 {color:#380; font-style:italic; font-weight:bold}
h1, h2, h3 {text-align:center}
div > p {margin-top:0px}
table {margin:10px 0 10px 0}
.outer {border:#F08 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%}
.red {color:#F00; font-weight:900}
.green {color:#0A0; font-weight:900}
.blue {color:#08E; font-weight:900}
.yellow {color:#CB0; font-weight:900}
.purple {color:#A0F; font-weight:900}
.bordered {padding:0.5em; margin:5px; border:thin solid #FA0; background-color:#DD0}
.logintop {list-style:none; padding:5px; margin:0 auto}
.logintop ul {list-style:none; z-index:9; overflow:visible; display:none; padding:10px}
.logintop li {height:1.5em; font-family:Verdana; border:thin solid #80F; padding:0.8em; background-color:#FA4; padding:5px; margin:2px; float:right; width:auto; text-align:center}
.menutop {list-style:none; padding:5px; margin:0 auto; font-family:verdana; font-size:14px}
.menutop ul {list-style:none; z-index:9; overflow:visible; display:none; padding:5px; background:#088; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; top:2em}
.menutop li {height:1.5em; font-family:Verdana; border:thin solid #80F; padding:0.8em; background-color:#690; color:#FFF; padding:5px; margin:2px; float:left; width:auto; text-align:center; position:relative; float:left; color:white}
.menutop li:hover > ul {position:absolute; display:inline-block; margin:0 0 0 -3em; color:yellow}
.menutop li ul li {width:16em; background-color:#8B0}
.menutop a:link {color:white; text-decoration:none;}
.menutop a:visited {color:white; text-decoration:none;}
.menutop a:active {color:orange; text-decoration:none;}
.menutop a:hover {color:yellow; text-decoration:none;}
a#home, a#down {font-weight:900}

#calendarbox {z-index:300; width:auto; overflow:hidden; position:absolute; background-color:#FFD; border:medium double #0CF; padding:2px; display:none; text-align:center; font-size:small}
#calendarbox a:link {text-decoration:none;}
#early {height:51px; overflow-y:scroll;}
#dating {height:268px; overflow-y:scroll;}
#late {height:31px; overflow-y:scroll;}
.month {color:#FFF; font-weight:bold; background-color:#A3A;}
#early .month, #late .month {background-color:#F88;}
.close {background-color:#FFF;}
.week {font-size:11px; background-color:#FCC;}
#overbox {z-index:300; width:auto; overflow:hidden; position:fixed; background-color:#FFD; border:medium double green; padding:2px; display:none; box-shadow:0px 30px 40px rgba(0,0,0,0.8)}
input {background-color:white; border:#888 thin solid; font-size:medium; color:black}

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

@media only screen and (max-width:500px) {
.menutop li {width:90%}}

@media only screen and (min-width: 780px) and (max-width: 970px) {
.outer {background-position:50% 50%; width:98%; height:auto; margin:auto;}
.left {width:45%; float:left}
.right {width:45%; 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, .logintop {display:none}}