/* Help section style sheet, for index and contact at least. Some might be used on some 'About' page too. Some of this is from Matt's, elsewhere */

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


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

.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 */

a.whiteHover:visited,a.whiteHover:link {color:#B60425; text-decoration:none;}
a.whiteHover:hover,a.whiteHover:active {color:white; text-decoration:underline;}