h1 {
    color: #a255c4;
    /* color: #e74c3c; rjf */ 
    font-family: "Lato", sans-serif;    
    font-weight: 500;
}

fieldset {
    border: 1px solid #d7d4f0;
}

legend {
    color: #a255c4;
    /* color: #e74c3c; rjf */ 
    font-family: "Lato", sans-serif;    
    font-weight: 500;
    margin: 5%;
}

h2 {
    color: #000000;
}

body {
    background: #d7d4f0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, white, white, white, #d7d4f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, white, white, white, #d7d4f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, white, white, white, #d7d4f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, white, white, white, #d7d4f0); /* Standard syntax */   
    /* background-position: top, bottom; */
    font-family: "Lato", sans-serif;
    /* font-family: "myriad-pro", sans-serif; rjf */
    font-weight: 200;
    font-style: normal;
    overflow-x: hidden;
    color: #000000;
    margin: 0 0 122px;
    font-size: 16px;
    line-height: 1.438em;
}

.section_offset {
    background: #d7d4f0;
    background: -webkit-linear-gradient(white, #d7d4f0, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #d7d4f0, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d7d4f0, white, #d7d4f0, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #d7d4f0, white); /* Standard syntax */       
}

.top-right {
    box-shadow: 10px 10px 5px #888888;
    font-family: "Lato", sans-serif;
    /* font-family: "myriad-pro", sans-serif; rjf */
    font-weight: 200;
    background-color: #e9e9e9;
    color: #000000;
    border: 1px solid #d7d4f0;
    width:auto;
    float:left;
    margin: 5px;
    list-style-type: none;
}
 
.top-left {
    box-shadow: 10px 10px 5px #888888;
    font-family: "Lato", sans-serif;
    /* font-family: "myriad-pro", sans-serif; rjf */
    font-weight: 200;
    background-color: #e9e9e9;
    color: #000000;
    border: 1px solid #d7d4f0;
    width:auto;
    float:left;
    margin: 5px;
}

ul.data-list {
    list-style-type: none;
    padding:0; 
    margin:0;
}

#profile .box {
  background-color: #222;
  color: #999;
}
#profile .box h1,
#profile .box h2,
#profile .box h3 {
  color: #fff;
}
#profile .box a {
  color: #999;
}
#profile .box a:hover {
  color: white;
   /* color: #52b6ec; */
}
#profile .box input[type="text"],
#profile .box input[type="email"],
#profile .box textarea {
  background-color: #111;
  border: 0;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#profile .box input[type="text"]:focus,
#profile .box input[type="email"]:focus,
#profile .box textarea:focus {
  background-color: #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.box {
  padding: 50px 30px;
  background: #fff;
  /* border-bottom: 1px solid #e9e9e9; */
  position: relative;
}
.box.first {
  margin-top: -40px;
  border-radius: 5px 5px 0 0;
}
.box.last {
  border-radius: 0 0 5px 5px;
}
.box h2 {
  padding: 10px 30px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  margin-bottom: 30px;
  font-size: 48px;
}