body {background-color: #e0e0e0;}
/* header img {float: right;} */
header hr, nav hr {border-color: #990000;}
h2 {padding-top: 25px;}
h3 {padding-top: 30px;}

#masthead {text-align: center; height: 80px; position: fixed; width: 100%; background-color: white; background-color: rgba(255,255,255,.8); z-index: 100; /* display: none; */}
#mast-container {margin: 0 auto; width: 1200px;}
#masthead #mast-right {float: right; margin: 25px 0;}
#masthead #mast-left {float: left; margin: 0 0;}
#header-logo {margin-top: 5px;}
#nav-logo {max-height: 75px; float: left; padding-top: 5px;}


.floatright {float: right; width: 50%;}

.imagedivs img {width: 100%; display: block;}
.imagedivs2 img {display: none; width: 100%;}
img#towercam {clip: rect(200px,0px,300px,0px);}

.content-blocks {position: relative; top: -50px;}

#progress {background-color: #67727C; padding-bottom: 35px;}
#theteasers {background-color: #ddcfac; padding: 25px 0 20px 0;}
#thefloorplans {padding: 40px 0 5px 0;}
#theteasers2 {background-color: #c6d5dd; padding: 25px 0 20px 0;}
#thepartnership {background-color: inherit;}
#thewhynow {background-color: inherit;}
#thegiving {background-color: inherit;}

#theschedule {background-color: white;}
/* #theschedule li {border-bottom: solid gray thin; margin-bottom: 10px;}
#theschedule li:first-child {border-top: solid gray thin; padding-top: 10px;}
#theschedule ul {margin-left: 25px;} */

.thesidebars li:first-child, .schedule li:first-child {padding-top: 10px;}
.thesidebars li, .schedule li {margin-bottom: 0px;}

ul.schedule li em {padding-left: 25px; display: inline-block;} 

.thesidebars {background-color: rgba(0,0,0,.15); padding: 0 25px; font-size: 90%;}

#map_canvas {width: 100%; height: 700px; margin-bottom: 15px;}

.students, .parents, .months {font-weight: bold; display: inline-block; text-align: center; margin-right: 5px; padding: 2px 5px;}

.students {background-color: #990000; color: white;}
.parents {background-color: #0c5c68; color: white;}
.months {background-color: #13a89e; color: white;}
h3#thursday, h3#friday, h3#saturday, h3#sunday, h3#monday {color: #990000;}


.teasers {background-color: white; padding: 0; text-align: center; margin: 0 0 70px 0;}
.teasers a.bottom {display: block; width: 100%; background-color: #58595b; color: white; padding: 5px; text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 90%;}
.teasers a:link, .teasers a:visited, .teasers a:hover, .teasers a:active {color: white; border: none; text-decoration: none !important;}
.teasers p {padding: 10px 5px 0 5px; font-size: 90%;}
.give-now-button {height: 40px; margin-left: 15px;}

ul {list-style: none;}
ul li {font-size: 90%; padding-bottom: 15px;}
/* ul li:last-child {font-weight: bold;} */
a:link, a:visited {color: #990000; text-decoration: underline;}
a:hover, a:active {color: #58595b; text-decoration: underline;}


#frontpage {background: url(../2019/Orientation-spiritfingers-2000.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-welcome {background: url(../2019/Welcome-jumping-2000.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-summer {background: url(../2019/NewStudent-crowd-2000.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-travel {background: url(../2019/events/homecoming/2014/images/Travel-21120-2000.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}

#top-summer h1, #top-welcome h1, #top-travel h1 {font-family: 'League Gothic'; font-size: 600%; padding: 150px 0; display: block; color: white; margin-top: 0; font-weight: bold;}

.toptext {width: 600px; padding: 150px 0 150px 0; margin: 0 auto; z-index: 30;}
.topbuttons {border-radius: 5px; background-color: rgba(122,122,122,.7); color: white; border: white thin solid; position: relative; top: -130px; margin: 5px 15px;}
.bottombuttons {border-radius: 5px; background-color: rgba(122,122,122,.5); color: white; border: black thin solid; position: relative; margin: 5px 15px 25px 15px;}
.sidebarbuttons {border-radius: 5px; display: inline; padding: 5px; background-color: #990000; color: white; border: black thin solid; margin: 5px 15px 5px 5px; font-size: 75%;}
a.topbuttons:link, a.topbuttons:visited {color: white; text-decoration: none !important;} 
a.topbuttons:hover, a.topbuttons:active {background-color: white; color: #990000; text-decoration: none !important;} 
a.bottombuttons:link, a.bottombuttons:visited {background-color: #dcceab; color: #990000; text-decoration: none !important;} 
a.bottombuttons:hover, a.bottombuttons:active {background-color: #e0e0e0; color: #990000; text-decoration: none !important;} 
a.sidebarbuttons:link, a.sidebarbuttons:visited {color: white; text-decoration: none !important;} 
a.sidebarbuttons:hover, a.sidebarbuttons:active {background-color: #dcceab; color: #990000; text-decoration: none !important;} 
.workofhishands {width: 700px; padding: 200px 0 150px 0; margin: 0 auto;}



.explore-button-container {position: relative; top: -120px; z-index: 50; text-align: center; width: 100%;}
.explore-button {width: 200px;}

ul.topnav li {display: block; width: 24%; float: left; text-align: center;}
ul.topnav li:last-child a {font-weight: normal;}

.bodyimage {float: right; width: 35%; margin-left: 10px;}
ul.normal {margin-left: 35px; list-style: disc; }
ul.normal li {padding-bottom: 5px; border-bottom: none; margin-bottom: 2px;}
ul.normal li:last-child {font-weight: normal;}
ul.normal ul li {font-size: 100%; padding-bottom: 5px;}

#footer {background-color: #e0e0e0; width: 100%; margin: 0 auto; text-align: center; padding: 25px; }
#footer .footer-logo {height: 70px;}
#footer #footerleft {float: left; margin-right: 15px;}
#footer #footercenter-large {margin-top: 5px; line-height: 180%; display: block; font-size: 80%;}
#footer #footercenter-small {display: none;}
#footer #footerright {float: right; margin-left: 15px;}


@media only screen and (max-width: 1280px) {
#mast-container {width: 800px;}
#footer #footercenter-large {clear: both;}
}

@media only screen and (max-width: 1024px) {

/* #masthead {margin: 0;}
#mast-container {width: 100%; text-align: center;}
#masthead #mast-right {display: none;}
#masthead #mast-left {float: none;  width: 100%;}
#nav-logo {max-height: 75px; float: none;} */

}


@media only screen and (max-width: 900px) {

#mast-container {width: 700px;}

}


@media only screen and (max-width: 900px) {
.nomobile {display: none;}
#masthead {background-color: rgba(255,255,255,.5); }
/*#mast-container {display: none;}
#masthead #mast-left {display: none;}*/
#masthead {margin: 0;}
#mast-container {width: 100%; text-align: center;}
#masthead #mast-left {float: none; width: 100%;}
#masthead #mast-right {display: none;}
#nav-logo {max-height: 75px; float: none;}
.imagedivs img {display: none;}
.imagedivs2 img {display: block; padding-top: 50px; height: auto; background-color: gray;}
#towercam {clip: rect(0px,0px,0px,0px);}
.explore-button-container {display: none;}
h2 {padding-top: 65px;}
.topbuttons {top: -50px;}
.toptext {width: 450px; padding: 75px 10px 50px 10px;}
.workofhishands {width: 550px; padding: 130px 10px 50px 10px;}

#footer #footerleft, #footer #footerright {float: none; margin: 0 0 20px 0;}
#footer #footercenter-large {display: none;}
#footer #footercenter-small {margin-top: 15px; display: block;}

}

@media only screen and (max-width: 600px) {
.bodyimage {width: 50%; padding-bottom: 25px;}

#header-logo {margin-top: 5px;}
#frontpage {background: url(../2019/Orientation-spiritfingers-600.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-welcome {background: url(../2019/Welcome-jumping-600.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-summer {background: url(../2019/NewStudent-crowd-600.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
#top-travel {background: url(../2019/events/homecoming/2014/images/Travel-21120-2000.jpg) fixed no-repeat center 0; background-size: cover; text-align: center;}
}

@media only screen and (max-width: 500px) {
.bodyimage {width: 100%;}
#top-summer h1, #top-welcome h1, #top-travel h1 {font-size: 400%; padding: 100px 0;}
#header-logo {margin-top: 5px;}
#masthead #mast-right {margin: 10px 0;}
}

@media only screen and (max-width: 400px) {

}