body {
    background-image: url(../img/background.gif);
    font-family: 'Alegreya Sans', Verdana, Arial, Helvetica, Sans-serif !important;
    font-size: 1.2rem !important;
    line-height: 1.4rem !important;
    text-align: center;
    margin: 0;
    padding: 0;
}

a { 
    font-weight: bold;
    text-decoration: none;
}
a:link { color: #427296; }
a:visited { color: #427296; }
a:hover { color: #6699dd; }
a:active { color: #e5be80; }

#header {
    margin: 1em 0 1em 0;
    background: #427296;
    border: 1px solid #444;
    padding: 1em 2em 1em 2em;
    filter: drop-shadow(0.2em 0.2em 0.4em #222);
}

h1 {
    color: #e5be80 !important;
    filter: drop-shadow(0.2rem 0.2rem 0.2rem #111);
    font-family: 'Neuton', serif !important;
    font-weight: 700;
}

h2 { font-size: 12pt; }
h3 {
    color: #427296 !important;
    font-family: 'Neuton', serif !important;
    font-weight: 700;
    filter: drop-shadow(0.1rem 0.1rem 0.15rem #aaa);
}

#header p {
    color: #e5d9bc;
    padding: 0 1em 0 1em;
    margin-top: 1rem;
}

#calcform {
    background: #ececea;
    padding: 1em 0 1.25em 0;
    border: 1px solid #444;
    filter: drop-shadow(0.2em 0.2em 0.4em #222);
    line-height: 1.3rem;
}

#calcform .col-sm-3 input {
    margin-left: 0.5rem;
}


#calcform label {
    display: block;
}

#calcform form { padding: 0; margin: 0; }

.colsep { width: 50px; }

#attribution {
    background: #ececea;
    clear: both;
}

#attribution p {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 80%;
}

#summary {
    background: #ececea;
    filter: drop-shadow(0.2em 0.2em 0.4em #222);
    padding: 15px 25px 10px 25px;
    margin: auto;
    margin-bottom: 1em;
    border: 1px solid #444;
    font-size: 95%;
}

#summary p {
    padding: 1rem 2rem 1rem 2rem;
    text-indent: -0.5rem;
}

.sumtab {
    margin: auto;
}
.sumlab {
    font-weight: bold;
    text-align: right;
    vertical-align: bottom;
    padding: 0.35rem 0.5rem 0 0;
    width: 13rem;
}
.intval {
    text-align: right;
    vertical-align: bottom;
    padding: 0.35rem 0 0 0;
}
.prtval {
    text-align: left;
    vertical-align: bottom;
    padding: 0.35rem 0 0 0;
    width: 6rem;
}
.fakewidth {
    width: 1.75em; */
}
label .amortcheck {
    display: inline !important;
    padding-left: 0.25em !important;
}
.check-blue {
    accent-color: #427296;
}
#adcol {
  width: 320px;
  height: 270px;
  float: right;
  margin: 8px 8px 8px 0;
  padding: 0;
}

#googlecont {
  width: 320px;
  height: 270px;
  background: #bebcad url(../img/googlebck.gif);
  padding: 0;
  margin: 0;
}

#googlead {
  position: relative;
  top: 10px;
  left: 10px;
  width: 300px;
  height: 250px;
}

#notice {
  margin: 20px 30px 20px 30px;	
  background: #ffdddd;
  color: #800000;
  border: #703040 solid 2px;
  padding: 10px;
}

#notice p { 
  margin: 0;
  padding: 3px 10px 7px 10px;
}

.numfield {
  text-align: right;
}

#schedule {
    background: #ececea;
    border: 1px solid #111;
    padding: 1em;
    margin: auto;
    margin-bottom: 1em;
    text-align: center;
    filter: drop-shadow(0.2em 0.2em 0.4em #222);
}

#schedule table { font-size: 75% }
#schedule p { font-size: 110% }

.hc {
  text-align: center;
}

.hr {
  text-align: right;
  padding-right: 5px;
}

.hl {
  text-align: left;
}

.ro {
  background: #ececea;
}

.re {
  background: #d4d4d4;
}

.invpt {
  background: #bbeebb;
}
.dn {
  text-align: center;
}

.dc {
    padding-left: 1rem;
    text-align: right;
    font-family: monospaced;
}    
@media (min-width: 769px) {
    #schedule table { font-size: 90% }
}
@media (max-width: 768px) {
    #calcform .col-sm-5 {
	margin-left: auto auto auto auto !important;
	width: 12rem;
    }
    #schedule table { font-size: 81% }
}
@media (max-width: 576px) {
    #header { padding: 0.5em 1em 0.5em 1em; }
    #schedule { padding: 0.25em; }
    #schedule table { font-size: 60%; }
    #summary { font-size: 85%; }
    .fakewidth { width: 2rem; }
}