html {
    font: 62.5%/1.4 'Roboto Condensed', sans-serif;
}

body {
    font-size: 1.3em;
    padding: 90px;
    background-color: #b0e6ff;
}

header.letter {

}

#header, #footer {
    width: 960px;
    margin: 0 auto;
}

#header p {
    font-size: 150%;
}

h1, div.source {
    font-family: "Times New Roman", Times, monospace;
}

h1 {
    margin: 0;
}

h1 a {
    display: block;
    width: 300px;
    text-decoration: none;
    margin: 0;
    padding: 52px 0 25px 215px;
    color: #253c93;
}

h1 span {
    display: none;
}

h2 {
    margin: 0;
}

h2 a {
    font-size: 70%;
}

a {
    color: #253c93;
}

p {
    text-align: justify;
}

.example, .source {
    float: left;
}

.example {
    width: 58%;
}

.source {
    width: 40%;
}

iframe.example, div.source {
    height: 500px;
    border: 1px solid #ccc;
    background-color: #fff;
}

div.source {
    border-left: 0px none;
    padding: 0 0 0 1%;
    overflow: auto;
}

div.source pre {
    white-space: pre-wrap;
    font-size: 12px;
}

.letterMain {
    margin: 25px 0 0 0;
}

a.btn-primary {
    color: #ffffff !important;
    text-decoration: none !important;
}
.btn-primary:hover {
    text-decoration: none;

    -webkit-transition: all 500ms ease 0.1s;
    -moz-transition: all 500ms ease 0.1s;
    -o-transition: all 500ms ease 0.1s;
    transition: all 500ms ease 0.1s;
}

#footer {
    clear: both;
    min-height: 125px;
    text-align: center;
    padding-top: 1px;
}

#footer p {
    font-size: 140%;
    line-height: 1.2;
    margin: .5em 0;
}

#footer a {
    float: left;
    margin: .5em 1em 0 0;
}

#bsap_1239784 {
    margin: .5em 0;
}

body, #content, #container {
    width: 100%;
    margin: 0;
    float: none;
    background: #fff url(none);
}

/* SECTION 2: Remove any elements not needed in print. 
   This would include navigation, ads, sidebars, etc. */
#topnav, #navbar, #nav, #sidebar, .ad, .noprint {
    display: none;
}


/* SECTION 3: Set body font face, size, and color.
   Consider using a serif font for readability. */
body {
    font-family: "Times New Roman", Times, monospace;
}

/* SECTION 4: Set heading font face, sizes, and color.
   Diffrentiate your headings from your body text.
   Perhaps use a large sans-serif for distinction. */
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
}

h1 {
    font-size: 250%;
}

h2 {
    font-size: 175%;
}

h3 {
    font-size: 135%;
}

h4 {
    font-size: 100%;
    font-variant: small-caps;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 90%;
    font-style: italic;
}

/* SECTION 5: Make hyperlinks more usable.
   Ensure links are underlined, and consider appending
   the URL to the end of the link for usability. */
a:link, a:visited {
    color: #00c;
    font-weight: bold;
    text-decoration: underline;
}

#content a:link:after, #content a:visited:after {
}