/*
-----------------------------------------------
Millstream: Content Styles
-----------------------------------------------
colours:

  #fff2dc   ivory       background;
  #90afff   light-blue  header;
  #1d419f   dark-blue   menu top-level;
  #002688   dark-blue   menu hover
  #7f0000   dark-red    sidebar
----------------------------------------------- */
@font-face {
   font-family: 'Chancery' ;
   src: url('/styles/fonts/chancery.ttf') format('truetype');
}
@font-face {
   font-family: 'Heuristica' ;
   src: url('/styles/fonts/Heuristica-Regular.otf') format('truetype');
}
@font-face {
   font-family: 'Heuristica' ;
   src: url('/styles/fonts/Heuristica-Bold.otf') format('truetype');
   font-weight: bold;
}
@font-face {
   font-family: 'Heuristica' ;
   src: url('/styles/fonts/Heuristica-Italic.otf') format('truetype');
   font-style: italic;
}
@font-face {
   font-family: 'Heuristica' ;
   src: url('/styles/fonts/Heuristica-BoldItalic.otf') format('truetype');
   font-weight: bold;
   font-style: italic;
}

#gmap_canvas img {
    max-width:none!important;
    background:none!important;
}

div#loc {
    position: relative;
}

div#address {
    float:left; 
    width:400px;
}

div#open {
    float:right;
    min-width:200px;
}

div#open div#opening {
    color:#1d419f; 
    text-decoration:underline;
    padding:20px 0px 10px 0px;
}
div#open div#opening:first-of-type {
    padding:0px 0px 10px 0px;
}

div#red h1 span.initial {
    color: #720000;
}

div#blue h1 span.initial {
    color: #030340;
}

h1 span.description {
   color: #000000;
   font-size: 25px;
}

div#content {
    font-family: 'Heuristica';
    color: #000000; 
}

div#content h1 {
    font-family: 'Chancery', cursive;
    color: #984b00; 
}

div#content div#blue h1 {
    font-family: 'Chancery', cursive;
    color: #984b00; 
}

h1 {
  font-family: 'Chancery', cursive;
    color: #fdf3dc; 
}

div#blue h2 {
    color: #030340;
}

div#red h2 {
    color: #720000;
}

h2 {
  font-family: 'Chancery', cursive;
/*    color: #fdf3dc; */
}

h3 {
  font-family: 'Chancery', cursive;
/*    color: #fdf3dc; */
}

div.posters img{
    padding-right:20px;
}

div#jimdobox {
    margin-bottom: 20px;
}
div#content table {
    border-collapse: collapse;
    width:100%;
    margin: 20px 0px;

}
div#content th {
    padding:10px 0px; 
    background: #1d419f;
    color: #fdf3dc;
}
div#content th.heading {
    padding:10px 0px; 
    background: #030340;
        color: #fdf3dc;

}

div#content th.tblank {
    border-top:0px; 
    border-bottom:0px;
}

div#content th.bblank {
    border-bottom:0px;
}

div#content td {
    padding:2px 0px;
}

div#content td.tblank {
    border-top:0px; 
    border-bottom:0px;
}

div#content td.bblank {
    border-bottom:0px;
}

div#content td.space{
    padding:10px 0px;
    border:0px;
}

div#content td.buttons{
    padding-top:20px;
    border:0px;
}

div#content th, td {
    border:1px solid #030340;
    text-align: center;
    vertical-align: middle;
}

div#content td.spacer{
     border:0px;
}

div#content dh {
    font-weight: bold;
}

div#content dd {
    font-weight: normal;
}

div#content blockquote {
    background: #E6D9C3;
    text-align: justify;
    padding: 10px 35px;
    line-height: 130%;
}

div#content blockquote p {
    background: #E6D9C3;
    text-align: justify;
    line-height: 130%;
}

div#content p {
    text-align: justify;
    padding-top: 5px;
    line-height: 130%;
}

div#col-offset{
    margin-top:80px;
}
div#frame{
    width: 100%;
    display:flex;
}

div.qanda {
    flex:45%;
    margin-top: -80px;
    width:40%;
}
div.qanda_odd{
    flex:45%;
    padding-left: 50px;
    padding-top: 40px;
    width:40%;
}

div.qanda h3#question-intro {
    padding-left: 20px;
    font-size:xx-large;
    color:#030340;
}

div.qanda_odd h3#question-intro {
    padding-left: 20px; 
    font-size:xx-large;
    color: #720000; 
}

div#content p#question {
    margin: -10px 10px; 
    font-size: smaller;
    padding-left: 50px;
}

div.qanda p#offer {
    margin-bottom:  20px;
    font-weight:bolder;
    font-size:xx-large;
    font-family: 'Chancery', cursive;
    line-height: 140%;
    padding-left: 100px;
    color:#030340;
}

div.qanda_odd p#offer {
    margin-bottom:  20px;
    font-weight:bolder;
    font-size:xx-large;
    font-family: 'Chancery', cursive;
    line-height: 140%;
    padding-left: 100px;
     color: #720000; 
}

div#content p#answer {
    margin-top:-10px;
    font-size:xxx-large;
    font-weight:bolder;
    font-family: 'Chancery', cursive;
    text-align: center;
}

div#content div.qanda_odd a {
    color:#030340;    
}

div#content div.qanda a {
    color: #720000; 
}

div#content ul {
    padding-top: 5px;
    line-height: 130%;
}

div#content li {
    padding-bottom: 5px;
    line-height: 130%;
}

div#content li:last-child {
    padding-bottom: 10px;
}

div#content tr.even {
    background: #E6D9C3;
}

div#content p.imgblock {
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

div#content p.imgblock img{
    width:100%;
}

div#content p img#personal.left {
  width:20%;
  padding-right: 20px;
  padding-bottom: 5px;
  float:left;
}

div#content p video {
  margin-top: -20px;
  padding-right: 40px;
}

div#file_cat_file img{
    width:25%;
    padding-left: 10px;
    padding-bottom: 5px;
}

div#file_cat_file p {
    text-align: justify;
}

div#file_cat_file img#landscape{
    width:50%;
    padding-left: 10px;
    padding-bottom: 5px;
}

div#blog-data {
    padding:0px 0px 0px 50px;
}

div#cal-entry{
    padding-right: 80px; 
}

div#cal-entry h2 {
    font-size: xx-large; 
    font-style: italic;
}

div#cal-entry h3 {
    font-size: x-large; 
    font-style: strong;
}

div#cal-entry span.img {
    float: right; 
    margin: 0px 0px 30px 50px;
}

div#cal-entry span.ctrimg {
    float: left;
    margin: 10px;
    align-content: center;
}

div#cal-entry img.r {
    float: right; 
    margin: 0px 0px 30px 50px;
}

div#cal-entry span.ctrimg p {
    text-align: center; 
    font-size: large;
    margin: 10px
}
div#cal-entry span.ctrimg p.l {
    text-align: center; 
    font-size: x-large;
    margin: 10px
}

div#cal-entry p {
    font-size: x-large;
}

div#cal-entry span.img img{
    margin: 10px;

}

div.health video {
    float: right; 
    margin: 0px 0px 30px 50px;
}