#grid-row-1 .grid-box-text { min-height: 9.5em; }
#grid-row-2 .grid-box-text { min-height: 9.5em; }
#grid-row-3 .grid-box-text { min-height: 8em; }

/* matt's from supplies' page curvy box on bottom right */
#grid-row-4 {
  margin-right: -8px;
}

/* sw tries to make this left and matching j's picture  */
#grid-row-x {
  margin-left: -8px;
}

/* matt */
#grid-row-4 > .grid-box-text, #grid-row-4 > .grid-box-icon {
    padding-top: 8px;
}

#grid-row-x > .grid-box-text, #grid-row-x > .grid-box-icon {
    padding-top: 8px;
}

/* matt */
#grid-row-4 .white-on-darkblue {
  padding: 8px 0px 8px 8px;
  -moz-border-radius-topleft: 30px 16px; -moz-border-radius-bottomleft: 30px 16px;
  border-top-left-radius: 30px 16px;
  border-bottom-right-radius: 30px 16px;
  box-shadow: 4px 8px 8px #aaa;
  margin-right: -8px;
}

/* TRBL */
#grid-row-x .white-on-darkblue {
  padding: 8px 0px 8px 8px;
  -moz-border-radius-topright: 30px 16px; -moz-border-radius-bottomright: 30px 16px;
  border-top-right-radius: 30px 16px;
  border-bottom-right-radius: 30px 16px;
  box-shadow: 4px 8px 8px #aaa;
  margin-right: -8px;
}

/* 116 is 3 grids like grid-box-icon, 4 grids is 158 */
.grid-box-type {
  display: inline;
  float: left;
  margin-top: 15px;
  margin-right: 8px;
  width: 116px;
  position: relative;
  padding-bottom: 40px;
  min-height: 90px;
}

p {
  margin-bottom: 1em;
}

h2 {
  color: black;
  font-size: 10pt;
  font-weight: bold;
  margin: 0px;
}

.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

/* pop up shop lead to these */
.mrg-0 {margin: 0px;}
.mrg-5 {margin: 5px;}
.mrg-10 {margin: 10px;}
.mrg-15 {margin: 15px;}
.mrg-20 {margin: 20px;}
.mrgT-0 {margin-top: 0px;}
.mrgT-5 {margin-top: 5px;}
.mrgT-10 {margin-top: 10px;}
.mrgT-15 {margin-top: 15px;}
.mrgT-20 {margin-top: 20px;}
.mrgB-0 {margin-bottom: 0px;}
.mrgB-5 {margin-bottom: 5px;}
.mrgB-10 {margin-bottom: 10px;}
.mrgB-15 {margin-bottom: 15px;}
.mrgB-20 {margin-bottom: 20px;}
/* pages using styles from this sheet at time when style name and box side did not match were 2: contact.rhmtl, about index  */
/* these styles used in contact page b4 style correction: mrgT-0 and mrgB-0, so no issue */
/* these style used in about's index page b4 style correction: mrgT-5 no issue and mrgL-5 in 1 place. Changing from bottom to left seems to have no effect on that spot in that page */
.mrgL-neg4 {margin-left: -4px;}
.mrgL-neg6 {margin-left: -6px;}
.mrgL-neg8 {margin-left: -8px;}
.mrgL-neg10 {margin-left: -10px;}
.mrgL-neg12 {margin-left: -12px;}
.mrgL-neg14 {margin-left: -14px;}
.mrgL-neg16 {margin-left: -16px;}
.mrgL-neg18 {margin-left: -18px;}
.mrgL-neg20 {margin-left: -20px;}
.mrgR-neg4 {margin-right: -4px;}
.mrgR-neg6 {margin-right: -6px;}
.mrgR-neg8 {margin-right: -8px;}
.mrgR-neg10 {margin-right: -10px;}
.mrgR-neg12 {margin-right: -12px;}
.mrgR-neg14 {margin-right: -14px;}
.mrgR-neg16 {margin-right: -16px;}
.mrgR-neg18 {margin-right: -18px;}
.mrgR-neg20 {margin-right: -20px;}
.mrgL-0 {margin-left: 0px;} /* said margin-bottom for some reason. page seems ok if L or R = L or R, not bottom */
.mrgL-5 {margin-left: 5px;} /* "" */
.mrgL-10 {margin-left: 10px;} /* "" */
.mrgL-15 {margin-left: 15px;}
.mrgL-20 {margin-left: 20px;}
.mrgR-0 {margin-right: 0px;} /* "" */
.mrgR-5 {margin-right: 5px;}
.mrgR-10 {margin-right: 10px;} /* "" */
.mrgR-15 {margin-right: 15px;}
.mrgR-20 {margin-right: 20px;}

.pad-0 {padding: 0px;}
.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-15 {padding: 15px;}
.pad-20 {padding: 20px;}
.padT-0 {padding-top: 0px;}
.padT-5 {padding-top: 5px;}
.padT-10 {padding-top: 10px;}
.padT-15 {padding-top: 15px;}
.padT-20 {padding-top: 20px;}
.padR-0 {padding-right: 0px;}
.padR-5 {padding-right: 5px;}
.padR-10 {padding-right: 10px;}
.padR-15 {padding-right: 15px;}
.padR-20 {padding-right: 20px;}
.padB-0 {padding-bottom: 0px;}
.padB-5 {padding-bottom: 5px;}
.padB-10 {padding-bottom: 10px;}
.padB-15 {padding-bottom: 15px;}
.padB-20 {padding-bottom: 20px;}
.padL-0 {padding-left: 0px;}
.padL-5 {padding-left: 5px;}
.padL-10 {padding-left: 10px;}
.padL-15 {padding-left: 15px;}
.padL-20 {padding-left: 20px;}

.blue-bg {background-color: #C3D9F0; } /* not the lightblue box around form in footer*/
/* pop up shop lead to those */

.blue-box-shadow {
  box-shadow: 5px 10px 5px #264c72;
  -moz-box-shadow: 5px 10px 5px #264c72;
  -webkit-box-shadow: 5px 5px 5px #264c72;
}

.grey-box-shadow {
  box-shadow: 8px 10px 5px #aaa;
  -moz-box-shadow: 8px 10px 5px #aaa;
  -webkit-box-shadow: 8px 5px 5px #aaa;
}

/* w3cschools */

/* Nov 2013 changed link color in darkblue about box on 1st 2 link stats V and link; complaint red was too hard too read on 
drk blue when text link red: #B60425. link underline there had been none so also given underline to clarify link status 
row 2 hover and active got no change */
a.whiteHover:visited,a.whiteHover:link {color:#C3D9F0; text-decoration:underline;}
a.whiteHover:hover,a.whiteHover:active {color:white; text-decoration:underline;}