a:link,
a:active {
  color: #654A9E;
}

a:hover,
a:visited {
/*  color: #8460CC; This was lighter, and I think I want the link to hover darker.*/ 
  color: #2C2045;
}

div#header {
  width: 950px;
  margin: 0px auto;
  padding: 0px;
  height: 28px;
  background: white;
}

div#header div#header_left {
  width: 577px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  float: left;
}

div#header div#header_left img {
  float: right;
}

div#header div#header_right {
  width: 373px;
  height: 24px;
  margin: 0px;
  padding: 2px 0px;
  float: left;
}

div#banner_wrapper {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: url(/images/layout/banner_background.jpg) no-repeat top center;
}

div#banner_wrapper.tier3 {
  background: url(/images/layout/banner_background-tier-3.jpg) no-repeat top center;
}

div#banner {
  width: 950px;
  height: 213px;
  margin: 0px auto;
  padding: 0px;
}

div#banner div#masthead_left {
  width: 577px;
  height: 178px;
  margin: 0px;
  padding: 0px;
  float: left;
}

div#banner div#masthead_bottom_left {
  width: 577px;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background: #634C98;
  float: left;
  text-align: right;
  font-size: 18px;
  color: white;
}

div#banner div#masthead_right {
  width: 373px;
  height: 178px;
  margin: 0px;
  padding: 0px;
  float: right;
  text-align: left;
}

div#banner div#masthead_right a {
  display: block;
  font-weight: bold;
  color: #D8D1E8;
  text-decoration: none;
  padding: 6px 0px 0px 10px;
}

div#banner div#masthead_bottom_right {
  width: 373px;
  height: 35px;
  margin: 0px;
  padding: 0px;
  background: white;
  float: right;
}

div#content_left {
  width: 397px;
  margin: 0px 0px 0px 160px;
  padding: 10px;
  float: left;
}

div#content_right {
  width: 353px;
  margin: 0px;
  padding: 10px;
  float: left;
}

div#content div.inner {
  padding: 10px;
}

div#footer_wrapper {
  width: 100%;
  margin: 0px;
  padding: 0px;
  background: url(/images/purple_white_background.png) no-repeat top left;
}

div#footer {
  width: 950px;
  height: 36px;
  margin: 0px auto;
  padding: 0px;
}

div#footer div#footer_left {
  width: 577px;
  height: 36px;
  margin: 0px;
  padding: 0px;
  background: #634C98;
  float: left;
}

div#footer div#footer_left img {
  float: right;
  margin: 0px;
  padding: 0px;
}

div#footer div#footer_right {
  width: 373px;
  height: 36px;
  margin: 0px;
  padding: 0px;
  background: #fff;
  float: left;
}

div.clear {
  clear: both;
  height: 0px;
  width: 0px;
}

div.sidelink {
  width: 204px;
  height: 16px;
  background: url(/images/layout/Sidelink-Off.jpg); 
  margin: 0px 0px 35px 0px;
  padding: 5px;
}

div.sidelink:hover {
  background: url(/images/layout/Sidelink-On.jpg);
}

div.sidelink a {
  color: #D8D1E8;
  font: bold 15px Arial;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

div.sidelink_reverse {
  width: 204px;
  height: 16px;
  background: url(/images/layout/Sidelink-On.jpg); 
  margin: 0px 0px 35px 0px;
  padding: 5px;
}

div.sidelink_reverse:hover {
  background: url(/images/layout/Sidelink-Off.jpg);
}

div.sidelink_reverse a {
  color: #E9E9D0;
  font: bold 15px Arial;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

div.sidelink_red {
  width: 204px;
  height: 16px;
  background: #c12126;
  margin: 0px 0px; 35px; 0px;
  padding: 5px;
}

div.sidelink_red a {
  color: #E9E9D0;
  font: bold 15px Arial;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

div.sidelink_red a:hover {
  color: white;
}

div.component h3 {
  margin-bottom: 0px;
}

div.link_set {
  width: 125px;
  margin: 0px;
  padding: 20px 40px 20px 0px;
  float: left;
}

div.link_set h2 {
  font: bold 10pt Arial !important;
  margin-bottom: 0px;
  color: black !important;
}

div.link_set ul {
  font: 9pt Arial;
  list-style-type: none;
  margin: 0px;
}

div.link_set a {
  color: black;
  text-decoration: none;
  font: 9pt Arial;
}

div.link_set a:hover {
  color: #684c9f;
  font-weight: bold;
}

div.bucket_links {
  width: 175px;
  margin: 0px;
  padding: 20px 20px 20px 0px;
  float: left;
}

div.bucket_links h2 {
  font: bold 10pt Arial !important;
  margin-bottom: 0px;
  color: black !important;
}

div.bucket_links ul {
  font: 9pt Arial;
  list-style-type: none;
  margin: 0px;
}

div.bucket_links a {
  color: black;
  text-decoration: none;
  font: 9pt Arial;
}

div.bucket_links a:hover {
/*  color: #684c9f; */
  font-weight: bold;
}

div.big_block h2 {
  color: #8E9190;
  font-weight: bold;
  font-size: 14pt;
  font-family: Arial;
  margin-bottom: 0px;
}

div.big_block p {
  font-size: 8pt;
  font-famliy: Arial;
}

h1 {
  color: #8e9090;
  font-size: 18px;
  font-weight: bolder;
  line-height: 24px;
}

h2 {
  color: #8e9090;
  font-size: 14px;
  font-weight: bolder;
  line-height: 24px;
}

#faq_links {
  font-weight: bold;
}

#faq_questions .faq_question {
  font-weight: bold;
}



.letter_links {
  text-align: center;
}
  
  .letter_links .empty {
    font-size: 16px;
    margin: 4px;
    color: #bbb;
  }
  
  .letter_links a { 
    font-size: 16px;
    margin: 4px;
  }
  
.letter_content ul {
  list-style-type: none;
  font-size: 14px;
}

ol.recommitment_survey_questions {
  font-weight: bold;
  width: 600px;
}

ol.recommitment_survey_questions > li {
  margin-top: 20px;
}

ol.recommitment_survey_questions ol {
  list-style-type: none;
  margin-top: 20px;
}

ol.recommitment_survey_questions ol li {
  margin-top: 10px;
}

ol.recommitment_survey_questions textarea {
  width: 400px;
  height: 60px;
}

h3.recommitment_survey_questions {
  margin-top: 40px;
  border-bottom: 2px solid #e0e0e0;
}

a.back_to_top {
  font-size: 14px;
}