body {background-color: #000099;}
p, blockquote, center {font-family: 'Book Antiqua', TimesNR, serif; color: #ffff99; }
h1 {font: italic bold 350% 'Book Antiqua', TimesNR, serif; color: #ffff99; }
h1.no_space_after {margin-bottom: -40px;}
h2 {font: bold 200% 'Book Antiqua', TimesNR, serif; color: #ffff99; }
h2.no_space_after {margin-bottom: -40px;}
h3 {font: bold 150% 'Book Antiqua', TimesNR, serif; color: #ffff99;}
h4 {font: bold 125% 'Book Antiqua', TimesNR, serif; color: #ffff99;}
h5 {font: italic 125% 'Book Antiqua', TimesNR, serif; color: #ffff99;}
h6 {font-family: 'Book Antiqua', TimesNR, serif; color: #ffff99;}

b {font-weight: bold; }
l {font-weight: light; }
i {font-style: italic; }
strong {font-weight: bold; font-style: normal; font-size: 200%; color: #ffff99;}

*.in_20px {margin-left: 20px; }
*.in_40px {margin-left: 40px; }
*.px10_after {margin-bottom: 10px; }
*.px40_after {margin-bottom: 40px; }
*.px20_before {margin-top: 20px; }
*.px40_before {margin-top: 40px; }
*.text_right {text-align: right; }
*.size_125 {font-size: 125%; }
*.size_150 {font-size: 150%; }
*.size_150_light {font-size: 150%; font-weight: "lighter"}
*.size_200 {font-size: 200%; }
*.size_250 {font-size: 250%; }
*.size_300 {font-size: 300%; }
*.light {font-weight: "lighter"}
*.red {color: red}

/* a is for anchor - as in links */
a:link {color: #ffff00; }
a:visited {color: #ffff99; }
a:active {color: #ff0000; }	
a:hover {color: red; font-weight: 900; }  /*hover over an anchor & it turns red*/

/* this is a class for img that should allow images to stretch/shrink to fit*/
.responsive {
  max-width: 100%;
  height: auto;
}