/* Make HTML5 structural tags work in older browsers. */
article, aside, figure, footer, header, nav, section {
    display: block;
}

* {
  padding: 0;
  margin:  0;
}

html {
  background-image:    url('../graphics/purple_flip.png');
  background-position: center;
  background-repeat:   repeat;
}

body {
  background-color:    #ffffff;
  border:              1px solid #4b4b4b;
  color:               black;
  font-family:         Calibri, Arial, sans-serif;
  margin:              15px auto;
  min-height:          850px;
  width:               945px;
}

section { padding: 0 0 0 1em; }

footer {
  clear:      both;
  font-size:  small;
  padding:    1em 0;
  text-align: center;
}

p { margin-top: 1em; }

h1, h2, h3 {
  font-family:   Calibri, Arial, sans-serif;
  margin-bottom: .5em;
  margin-top:    1em;
}

h1 {
  color:      #b61758;   /* medium red */
  text-align: center;
}

h2 {
  color:      #204c81;   /* medium blue */
  text-align: center;
}

h3 {
  color:      #204c81;   /* medium blue */
  text-align: left;
}

h3.center {
  text-align: center;
}

address {
  font-size:  .9em;
}

table {
  background-color:  #ffffff;
  empty-cells:       hide;
  border-spacing:    0px;
}

/* ******************************************* Forms ******************************************* */
form {
  display:     block;
  margin-top:  1em;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #387fce;  /* medium-light blue*/
  border:           none;
  color:            white;
  cursor:           pointer;
  font-size:        16px;
  margin:           6px 2px;
  padding:          10px 25px;
}

textarea {
  background-color:  #f8f8f8;
  border:            3pt ridge #387fce;  /* medium-light blue*/
  font-size:         16px;
  padding:           12px 20px;
  width:             100%;
}

/* ***************************************** Pictures ****************************************** */
.picture {
  border-color: #ff0000;
  text-align:   center;
}

.pic_caption {
  text-align: center;
}

.pic_caption a {
  color:       #5b1082;  /* purple */
  font-weight: bold;
}

.pic_caption a:hover, a:focus
{
  color: #2b7852  /* green */
}

/* ************************************** TOC Javascript *************************************** */
.dropdown, .dropdown_no_list {
  float:         left;
  padding-right: 1px;    /* white space between top level menu items */
  text-align:    center;
  margin-top:    .5em;
}

.dropdown dt, .dropdown_no_list dt {    /* top level of menu */
  background-color: #b61758;            /* medium red */
  border:           1px solid #5e0e2c;  /* dark red */
  color:            white;
  cursor:           pointer;
  padding:          5px;
  width:            150px;
}

.dropdown dt:hover, .dropdown_no_list dt:hover, .dropdown_no_list dt a:hover {
  background-color: #db81a7;  /* light red */
  color:            black;
}

.dropdown dd {
  background: #ffffff;
  display:    none;
  opacity:    0;
  overflow:   hidden;
  position:   absolute;
  text-align: left;
  width:      145px;
  z-index:    145;
}

.dropdown ul {
  border-top: none;
  border:     1px solid #5e0e2c;  /* dark red */
  list-style: none;
  width:      145px;
}

dropdown li {
  display: inline
}

.dropdown a, .dropdown a:active, .dropdown a:visited {
  background:      #b61758;    /* medium red */
  color:           white;
  display:         block;
  padding:         5px;
  text-decoration: none;
}

.dropdown_no_list a, .dropdown_no_list a:active, .dropdown_no_list a:visited {
  color:           white;
  display:         block;
  text-decoration: none;
}

.dropdown a:hover {
  background: #db81a7;  /* light red */
  color:      black;
}

.dropdown .separator {
  border-bottom: 1px solid #fbd5e6;  /* pale red */
}

.toc_filler {
  float:         left;
  margin-top:    .5em;
  padding-right: 1px;    /* white space between top level menu items */
  text-align:    center;
}

.toc_filler dt {
  background-color: #b61758;            /* medium red */
  border:           1px solid #5e0e2c;  /* dark red */
  padding:          5px;
  width:            21px;
  width:            133px;
}

/* ****************************************** Tables ******************************************* */
table.border4px {
  border-spacing: 4px;
}

.banner_header {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   0pt;
  border-top:     #387fce 2pt;
  border-style:   ridge;
  font-weight:    bold;
  padding-bottom: 2px;
  padding-top:    2px;
  text-align:     center;
  vertical-align: center;
}

.banner_header_right {
  border:         #387fce 2pt;  /* medium-light blue*/
  border-style:   ridge;
  font-weight:    bold;
  padding-bottom: 2px;
  padding-top:    2px;
  text-align:     center;
  vertical-align: center;
}

.banner_costA {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   0pt;
  border-top:     0pt;
  border-style:   ridge;
  padding-bottom: 2px;
  padding-left:   3px;
  padding-right:  3px;
  padding-top:    2px;
  text-align:     center;
  vertical-align: top;
}

.banner_costY {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   #387fce 2pt;
  border-top:     0pt;
  border-style:   ridge;
  padding-bottom: 2px;
  padding-left:   3px;
  padding-right:  3px;
  padding-top:    2px;
  text-align:     center;
  vertical-align: top;
}

.banner_date {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   0pt;
  border-top:     0pt;
  border-style:   ridge;
  padding-bottom: 2px;
  padding-top:    2px;
  text-align:     center;
  vertical-align: top;
}

.banner_what {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   0pt;
  border-top:     0pt;
  border-style:   ridge;
  padding-bottom: 2px;
  padding-left:   3px;
  padding-right:  3px;
  padding-top:    2px;
  text-align:     left;
  vertical-align: top;
}

.banner_where {
  border-bottom:  #387fce 2pt;  /* medium-light blue*/
  border-left:    #387fce 2pt;
  border-right:   #387fce 2pt;
  border-top:     0pt;
  border-style:   ridge;
  padding-bottom: 2px;
  padding-left:   3px;
  padding-right:  3px;
  padding-top:    2px;
  text-align:     left;
  vertical-align: top;
}

.blue_ridged {
  border:         #387fce 3pt;  /* medium-light blue*/
  border-style:   ridge;
  empty-cells:    hide;
  text-align:     center;
  vertical-align: top;
}

.internal_info {
  text-align:     center;
  vertical-align: top;
}

.red_subheader {
  color:         #b61758;  /* medium red */
  font-family:   Calibri, Arial, sans-serif;
  font-size:     1.2em;
  font-weight:   bold;
  line-height:   200%;
  margin-bottom: .5em;
  margin-top:    1em;
  text-align:    center;
}

/* **************************************** Other Stuff **************************************** */
section.welcome_letter {
  border-width: 3pt;
  border-style: ridge;
  border-color: #387fce;  /* medium-light blue*/
  margin-left:  6em;
  margin-right: 6em;
  padding:      2em;
}

.indent3_bigger {
  font-size:   1em;
  margin-left: 3em;
}

.indented {
  margin-left:  6em;
  margin-right: 6em;
}

.indented_1 {
  margin-left:  1em;
  margin-right: 1em;
}

.indented_3 {
  margin-left:  3em;
  margin-right: 3em;
}

.watermark {
  background-image:    url('../graphics/endOfTrail.png');
  background-position: center;
  background-repeat:   no-repeat;
}