body {background-color: #dcceab;}
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 {background-color: rgba(0,0,0,.15); padding: 0 25px; font-size: 90%;}

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

.students, .alumni, .inauguration {width: 25px; font-weight: bold; display: inline-block; background-repeat: no-repeat; text-align: center; margin-right: 5px;}

.students {background-image: url(images/students-25.png); color: white;}
.alumni {background-image: url(images/alumni-25.png); color: white;}
.inauguration {background-image: url(images/inauguration-25.png); color: white;}

.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;}
.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: #58595b; text-decoration: none;}
a:hover, a:active {color: #990000; text-decoration: none;}


#frontpage {background: url(images/BellTower2-5257-2000.png) fixed no-repeat center 0; text-align: center;}
#top-inauguration {background: url(images/convocation-23678-2000.png) fixed no-repeat center 0; text-align: center;}
#top-schedule {background: url(images/Homecoming_cheer-2000.jpg) fixed no-repeat center 0; text-align: center;}
#top-travel {background: url(images/Travel-21120-2000.jpg) fixed no-repeat center 0; text-align: center;}

.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;}
a.topbuttons:link, a.topbuttons:visited {color: white;} 
a.topbuttons:hover, a.topbuttons:active {background-color: white; color: #990000;} 
a.bottombuttons:link, a.bottombuttons:visited {color: #990000;} 
a.bottombuttons:hover, a.bottombuttons:active {background-color: #dcceab; color: #990000;} 
.workofhishands {width: 700px; padding: 250px 0 175px 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;}
ul.normal li:last-child {font-weight: normal;}
ul.normal ul li {font-size: 100%; padding-bottom: 5px;}

#footer {background-color: #dcceab; 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: 786px) {

#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;}
}

@media only screen and (max-width: 500px) {
.bodyimage {width: 100%;}

#header-logo {margin-top: 5px;}
#masthead #mast-right {margin: 10px 0;}
}

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

}