body {width:100vw;margin:0;padding:0;border:0; overflow-x: hidden;
   font-family:"Open Sans";font-size:calc(11px + .4vw);background-color:#ffffe4;z-index:0}
div.headr-container {position:fixed;top:0;left:0;width:100vw;height:calc(50px + 5vw);z-index:5;background-color:#2c587a} 
div.logo1 {position:fixed;top:0;left:0;background-color:#2c587a;width:calc(50px + 10.0vw);height:calc(35px + 5vw); z-index:10}
img.logo1 {position:fixed;top:5px;left:5px;width:calc(30px + 10.0vw);z-index:10}
div.headr-slogan-phone {position:fixed;top:calc(15px + 1vw);left:calc(50px + 10.0vw);background-color:#2c587a;max-width:calc(90vw - 100px);z-index:10}
div.top-spacer {width:100vw;z-index:0;height:calc(50px + 5vw);background-color:#2c587a;}

table {width:100%;display:block;color:white;border-collapse:collapse;z-index:0}
table.slogan-phone {width:100%;display:block;color:white;z-index:250}
tr.slogan-phone, td.slogan-phone {text-align:center;vertical-align:text-top;color:white;font-weight:600;z-index:250}

table.table45 {width:44vw;padding:0;border:2px;display:inline-block;color:inherit; background-color:inherit;border:0}
td.table45 {width:21vw;vertical-align:text-top}

td.home-page-photo {width:46vw}
img.home-page-photo {width:46vw;vertical-align:top}
img.wrapped {float:left; display:block; margin:15px 5px 10px 10px}
img.solo-box {width:100%;border-color:white;border-style:solid;border-width:1px}
 
.center {display:block; margin-left:auto; margin-right: auto; width:30%}

td.logo, td.logo-optional {margin-right:calc(10px + 0.3vw); max-width:30vw; padding:5px;
  text-align:center; color:#FFFFFF; font-size:calc(10px + .6vw);font-weight:600}
td.why-us {padding:5px;background-color:#198A7F}

ul {border-left:10px} 
} 
a.navstyle {color:#ff6060; background-color:#C0C0C0; font-size:calc(11px + .6vw); text-decoration:none}
a:hover, a:active {font-weight:900}
a.white-on-red {background-color:#FF2222; color:white}
a.topPhoto {background-color:#FF2222; font-weight:600}
a.topPhoto:hover, a.topPhoto:active {font-weight:900}
a.light-blue {color:#70B0FF}
.std-text {color:#70B0FF; margin:0px; font-size:calc(11px + .6vw); font-weight:500}
a.std-2 {color:#70B0FF; margin:0px; font-size:calc(11px + .6vw); font-weight:500; text-decoration:none}
a.dark-text {color:#2030C0; margin:0px; font-size:calc(11px + .6vw); font-weight:500}

div.black-wide {margin-left:auto;margin-right:auto;width:calc(99.8vw - 21px);color:white;
    background-color:#181818;padding-left:10px;padding-right:5px;overflow-x:hidden}
div.yellow-wide {margin-left:auto;margin-right:auto;width:calc(99.8vw - 20px);color:black;
    padding-left:10px; padding-right:5px;padding-right:5px;overflow-x:hidden}
div.wide-inner {width:95vw; margin-left:1.5vw; vertical-align:top; margin-right:1vw; float:left}
div.left70, div.left60 {padding-left:10px; vertical-align:top; padding-right:5px}
div.right33, div.right30, divleft45, div.right45 {vertical-align:top; padding-right:2px; float:right}
div.left45, div.right45 {border:0 !important}

div.opt-float-right {vertical-align:top} /* other parms are width-dependent */
div.opt-float-wrapper {min-height:48vw} /* this is width-dependent */
div.program-box {border-color:white; border-style:solid; border-width:1px; margin: 0 1vw; padding: .3vw .8vw}
div.why-us {padding:5px;background-color:#198A7F}
div.white-spacer {width:100%; display:block;color:white}
div.calendar-iframe {overflow-x: scroll !important;}
hr {margin:2px 10px 0 0;border-style:inset;border-width:2px;border-color:#70B0FF}

.div.why-us {padding-right:calc(14px + 0.8vw);}
#scaling1 {text-align:center; font-size:calc(14px + 3.5vw)}
#scaling2 {text-align:center; font-size:calc(12px + 1.4vw)}
#scaling3 {font-size:calc(12px + 3.0vw)}
#scaleMenu {font-size:calc(11px + 2.0vw)}
#composer {font-style:italic; font-weight:bolder}
#composer2 {font-style:italic; font-weight:bolder; text-decoration:underline}
#wideContainer {width:98%; height:auto; margin-left:auto; margin-right:5px}
/* bing wants to see at least one <h1>, so duplicate the widely-used<h3> */
h1, .h1, h3, .h3 {text-align:center; color:#70B0FF; margin:0px; padding:0px; font-size:calc(12px + 0.8vw)}
h2, .h2 {margin:0px; padding:0px; font-size:calc(12px + 1.3vw)}
h4, .h4 {text-align:left;text-decoration:underline;color:#70B0FF;margin:0px;padding:0px;font-size:calc(11px + 0.8vw)}
h5, .h5 {text-align:center; color:#70B0FF; margin:0px; font-size:calc(11px + .5vw)}
h6, .h6 {text-align:center; color:#70B0FF; margin:0px; font-size:calc(11px + .5vw); font-weight:700}
span.em {font-style:italic}
p, .p {margin-right:0.4vw}
p.bold-italic {font-size:calc(11px + .6vw); font-style:italic; font-weight:700}
p.bold {font-size:calc(11px + .6vw); font-weight:700}
p.inset-bold {font-weight:600; padding-left:4vw}
p.h7 {font-size:calc(11px + .6vw); font-weight:700; display:block; margin-top:5px; margin-bottom:5px}
p.h5 {font-size:calc(11px + .6vw); text-align:center; color:#70B0FF; margin:0px}
ul.shorter {margin-top:2px}
ul.short-blank {margin-top:2px; list-style-type:none}
li.5px {padding-bottom:5px}
.clearfix::after {content:""; clear:both; display:table}
/* media max-width queries downwards, then min-width upwards. */

@media (max-width:699px) {
 .left70, .left60, .left45, .right45, .right33, .right20 {
     display:block;width:92vw!important;padding-right:calc(15px + 3.0vw)!important;}
 div.opt-float-right, div.opt-float-right-2, div.opt-float-wrapper div.opt-float-wrapper-2 {
     display:block!important; width:95vw!important;margin:1vw}
 table.table45 {width:92vw !important;}
 td.table45 {width:45vw !important;}
 img.wrap-if-widescreen {display:block;width:97vw;margin:auto; padding-right:2vw}
 img.headr-height-adjust {width:2px; height:2vw}
}
@media (max-width:500px) {
 div.headr-container, div.top-spacer {height:calc(35px + 5vw)}
 div.headr-slogan-phone {display:none}
}
@media (max-width:400px) {
 td.footer-optional {display:none}
 object.google-calendar {max-width:97vw!important;}
}

@media (min-width:700px) {
 div.left70 {width:69vw !important;display:inline-block !important;}
 div.left60 {width:66vw !important;display:inline-block !important;}
 div.left45 {width:45vw !important;display:inline-block !important;}
 div.opt-float-right {width:30vw;margin: 1vw 0 2vw 2vw; float:right; padding-right:0;display:inline-block !important;}
 div.opt-float-right-2 {width:35vw;margin: 1vw 1vw 2vw 2vw; float:right; padding-right:0;display:inline-block !important;}
 div.opt-float-wrapper {width:65vw}
 div.opt-float-wrapper-2 {width:62vw}

 div.right45 {width:47vw !important;}
 div.right33 {width:29vw !important;}
 div.right20 {width:20vw !important;}
 table.table45 {width:44vw !important;}
 td.table45 {width:21vw !important;}
 img.wrap-if-widescreen {float:right; width:calc(60vw - 80px); margin:0;padding:10px 8px 10px 0}
/* height-adjust: reduce to 10vw if adding "concert today" lines, leave at 13vw when not present. */
/* also adjust for different pciture sizes. */
 img.headr-height-adjust {height:calc(13vw - 55px)} 
}
@media (min-width:800px) {
 div.headr-container, div.top-spacer {height:calc(35px + 5vw)}
 div.headr-slogan-phone {top:calc(5.0vw)}
 div.opt-float-wrapper-2 {width:58vw}
 div.opt-float-right-2 {width:39vw;margin-right:0;float:right}
}
@media (min-width:1200px) {
 div.opt-float-right {width:32vw;max-width:500px;}
 div.opt-float-right-2 {width:42;max-width:700px;}
 div.opt-float-wrapper {min-height:630px}
 div.opt-float-wrapper-2 {min-height:630px}
}