/* Style sheet for Scholars SGC web page */

/* General instructions for font, color, and background image */
body {
    font-family: Ariel, Futura, Verdana;

    /* VISIBLE CHANGE #1: new text color */
    color: #1f2e3d;

    margin: 10px;

    /* VISIBLE CHANGE #2: changed background to remove default image */
    background: #f3f8ff; 
}

/* General selector values */

/* Paragraph break height */
p {
    line-height: 1.4em;
}

/* Heading fonts and formats */
h2 {
    font-family: Skia, Futura, Verdana, Ariel;

    /* VISIBLE CHANGE #3: updated heading color */
    color: #103a63;

    font-size: 2em;
    margin: 0;
    padding: 0.1em;
    padding-left: 1em;
    text-align: center;
    font-weight: plain;
}

h6 {
    font-family: Skia, Futura, Verdana, Ariel;

    /* VISIBLE CHANGE #4: updated footer text color */
    color: #103a63;

    font-size: 0.75em;
    margin: 0;
    padding: 0.1em;
    padding-left: 1em;
    text-align: center;
    font-weight: plain;
}

/* Margins and alignment for images in the content division */
#content img {
    padding: 1px;
    float: right;
    margin: 0 0 1em 1em;
}

a {
    text-decoration: none;
}

/* Colors for linked text, before and after being clicked */
a:link {
    /* VISIBLE CHANGE #5: new link color */
    color: #0066cc;
}

a:visited {
    color: #003366;
}

a:hover {
    /* added hover color for clarity & accessibility */
    color: #0096ff;
    text-decoration: underline;
}

/* Page Layout */
#header {
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    /* VISIBLE CHANGE #6: subtle header background */
    background-color: #dce6f7;
    padding: 10px;
}

#content {
    margin-top: 10px;

    /* VISIBLE CHANGE #7: added white box around content */
    background-color: white;
    padding: 10px;
    border-radius: 6px;
}

/* Layout for divisions containing images and their captions */
#picture {
    padding: 1px;
    float: right;
    text-align: center;
    font-size: 8pt;
    margin: 0 0 1em 1em;

    /* VISIBLE CHANGE #8: added border for emphasis */
    border: 2px solid #103a63;
    border-radius: 4px;
}

/* Layout for alignment of footer */
#footer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#footer img {
    padding: 10px;
}