html, body {
  font-family:  medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
  font-size: 16px;
  background-color: #FCFCFC;
  color: #250A0A;
  width: 90%;
  margin: 1em auto;
  max-width: 1024px;
}

h1, h2, h3 {
  text-align: center;
  margin: .3em;
  font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
}

h1 {font-size: 2.5em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hdr_img {
  padding: .3em;
  background-color: #FCFCFC;
}

.hdr_txt {
  font-size: 2.5em;
  vertical-align: .35em;
  text-align: center;
}

@media screen and (max-width: 50em) {
  h1 {font-size: 2em;}
  h2 {font-size: 1.4em;}
  .hdr_txt {
      font-size: 2em;
      vertical-align: .5em;
  }
}

@media screen and (max-width: 40em) {
  h1 {font-size: 1.5em;}
  h2 {font-size: 1.25em;}
  .hdr_txt {
      font-size: 1.5em;
      vertical-align: .75em;
  }
}

@media screen and (max-width: 30em) {
  h1 {font-size: 1.2em;}
  h2 {font-size: 1.1em;}
  .hdr_txt {
      font-size: 1.2em;
      vertical-align: 1em;
  }
}

p {
  margin: .2em;
  padding: .2em;
  text-align: left;
}

.light {color: white;}
.dark {color: black;}

.header {
  width: auto;
  margin: 20px auto 10px;
  padding: 7px;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.grad {
  background: -webkit-linear-gradient(left, #0047D0, #ECF2FD); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #0047D0, #ECF2FD); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #0047D0, #ECF2FD); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #0047D0, #ECF2FD); /* Standard syntax */
}

.header-orig {
  width:990px;
  margin: 20px auto 10px;
  -moz-box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
  box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
}

.primary-1 { background-color: #006699 }
.primary-2 { background-color: #336666 }
.primary-3 { background-color: #003366 }
.primary-4 { background-color: #3399CC }
.primary-5 { background-color: #6699CC }

.complement-1 { background-color: #FF9900 }
.complement-2 { background-color: #CC9933 }
.complement-3 { background-color: #996600 }
.complement-4 { background-color: #FF9933 }
.complement-5 { background-color: #FFCC66 }

.em1 {
  font-size: 90%;
  font-weight: lighter;
  font-style: italic;
}

/*.emailaddr {font-size: 75%;}*/

#pageheader {
    background-color: #0056D4;
    color: #FFFFFF;
    padding-bottom: 10px;
    width: 990px;
    margin: 0 auto;
}
#pageheader h1 {
  font-family: Papyrus;
  /*text-shadow: silver 2px 2px 2px;*/
  font-size: 175%;
}
#pageheader p {
  text-align: center;
}

/*#pagemenu {width: 700px; margin: 0 auto 0 auto;}
*/
ul.nav {list-style: none; text-align: center; margin: 0 auto; padding: .5em; width: 700px;}
/*ul.nav {margin: 0 auto 0 auto;}
*/
ul.nav li {
    float: left; width: 173px; color: #3399CC; background-color: #000000;
    border-left: 1px solid white;
    border-right: 1px solid white;
}
ul.nav li.current {color: #000000; background-color: #FFA100}
ul.nav li a {text-decoration: none; color: #FFFFFF;}
ul.nav li.current a {text-decoration: none; color: #000000;}
ul.nav li a:visited {text-decoration: none; color: #FFFFFF;}
ul.nav li.current a:visited {text-decoration: none; color: #000000;}
ul.nav li:hover {color: grey; cursor: pointer;}

#pagebody {padding: 10px 0; margin: .5em auto; width: 700px; float: none;}
#pagebody p {text-align: left;}

#pagefooter {
    padding-top: 10px;
    font-size: 75%;
    width: 700px;
    margin: 0 auto;
    background-color: #0056D4;
    color: #FFFFFF;
}
#pagefooter p {text-align: center;}

.nav {
    clear: both;
    margin: 15px auto;
    padding: 10px 0;
    width: 990px;
}

.body {
    clear: both;
    margin: 10px auto;
    padding: 10px 0;
    width: 90%;
}
.body .lead_box {
    width: 90%;
    background-color: #8FBFD5;
    border: 1px solid #3470AF;
    margin: 5px auto;
}

.body p {
    font-size: 1.25em;
    text-align: left;
    width: 90%;
    margin: 10px auto;
}

.body p.lead {
    width: 75%;
    font-size: 2em;
    margin: 10px auto;
}

.footer {
    font-size:.85em;
    margin: 25px auto;
}

.footer .contact_link {
  text-align: center;
}

.footer_links {
    width: 330px;
    margin: 5px auto;
    text-align: center;
}
.footer_links a {
    padding: 2px 5px;
}
.footer_h h3 {
    text-align: left;
    float: left;
}
.footer_h p {
    float: left;
}
.footer_h .soft_btn {
    font-size: 1em;
}

/* From http://css-tricks.com/examples/ButtonMaker/ */
.button {
    border-top: 1px solid #7CAFEC;
    background: #0066D9;
    background: -webkit-gradient(linear, left top, right top, from(#0066D9), to(#7CAFEC));
    background: -webkit-linear-gradient(left, #0066D9, #7CAFEC);
    background: -moz-linear-gradient(left, #0066D9, #7CAFEC);
    background: -ms-linear-gradient(left, #0066D9, #7CAFEC);
    background: -o-linear-gradient(left, #0066D9, #7CAFEC);
/*
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
    background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
    background: -moz-linear-gradient(top, #65a9d7, #3e779d);
    background: -ms-linear-gradient(top, #65a9d7, #3e779d);
    background: -o-linear-gradient(top, #65a9d7, #3e779d);
*/
    padding: 5px 10px;
    margin: 2px 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #FFFFFF;
    font-family:  'Lucida Grande', Perpetua, verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    -moz-box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
}
.button:hover {
    border-top-color: #0066D9;
    background: #0066D9;
    color: #FFFFFF;
}
.button:active {
    border-top-color: #7CAFEC;
    background: #7CAFEC;
}

/* Slider overrides */
div.anythingSlider {margin-top: .5em; padding-bottom: .5em;}
/*div.anythingSlider .anythingWindow {
	border-left: 3px solid #777;
	border-right: 3px solid #777;
        box-shadow: 2px 2px 2px silver;
}*/
/* Hide the slider start/stop button */
div.anythingSlider .start-stop {display: none;}

div.anythingSlider.activeSlider .anythingWindow {border-color:#FFA100;}