html {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-color: white;
    font-family: "San Francisco", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

body {
    margin: 0;
    text-align:center;
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #505050;
}

a img {
    border: 0px;
}

p {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 2px;
}

pre {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 21px;

}

form {
    margin-left: 13px;
}

a:link {
    color: #000029;
}

a:visited {
    color: #2e3f72;
}

a:hover {
    color: #97003f;
}

a:active {
    color: #f00;
}

form div {
    margin: 2px 0 2px 0;
}

#frame {
    width:960px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    margin-top: 16px;
    margin-bottom: 0;
    padding:0;
}

#inner {
    margin:0;
    padding:0;
    background-color:white;
}


h1 {
    font-size: 32px;
    line-height: 48px;
}

#heading {
    color: #505050;
    margin:0;
    padding:0;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 44px;
    line-height: 66px;
    font-weight: bold;
}

#heading a {
    text-decoration:none;
    color: #505050;
}

#topnav {
    margin: 0px;
    margin-top: 20px;
    padding: 1px 2px 2px 0px;
    text-align: right;
    list-style-type: none;
    border-bottom:solid 1px black;
}

#topnav li {
    display: inline;
    padding-right: 13px;
}

#topnav a {
    color: #505050;
    text-decoration: none;
}

#leftcontent {
    float:left;
    width:648px;
    margin-right: 20px;
    padding: 21px 16px 21px 16px;
}

h1, h2 {
    color: tomato;
}

#leftcontent h2 {
    font-size: 24px;
    line-height: 36px;
    padding-left: 4px;
}

#leftcontent h1, h2#heading2 {
    padding: 0px;
    font-size: 32px;
    line-height: 48px;
    padding-left: 4px;
}

#leftcontent h3 {
    font-size: 18px;
    font-style: oblique;
    padding-left: 4px;
    margin-bottom: 0px;
}

#leftcontent h4 {
    font-size: 16px;
    padding-left: 4px;
    margin-bottom: 0px;
}

#leftcontent ul {
    margin-top: 3px;
    margin-left: 0px;
    padding-left: 29px;
}

#leftcontent li {
}

#rightcontent {
    padding-top:21px;
}

#rightcontent h2 {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    pading-right: 4px;
}

#rightcontent ul {
    margin: 0px;
    padding: 0 4px 8px 0;
    list-style: none;
}

#rightcontent li {
    padding-left: 0px;
    line-height: 21px;
}

#bottomnav {
    margin:0;
    padding:4px 0 0 0;
    text-align: center;
    list-style-type: none;
    border-top:solid 1px black;
    margin-bottom:16px;
}

#bottomnav li:first-child {
    font-style: oblique;
}

#bottomnav li {
    display: inline;
    padding-right: 7px;
}

#bottomnav a {
    color: #505050;
    text-decoration: none;
}

#personaldetails {
    margin-top: 4px;
    margin-left: 14px;
}

#personaldetails tr {
    line-height: 14px;
}

label {
    font-weight: bold;
    display: block;
}

.inputField label {
    width:5.5em;
    float:left;
}

dd {
    margin-left: 17px;
    margin-bottom: 21px;
    margin-top: 4px;
}

acronym {
    border-bottom: 1px dashed;
    cursor: help;
}
