/* Common stuff */
body { background-color: #c3f3f7; color: #331b00; font-family: Verdana, Didot, Georgia; }
div.container { position: relative; }
div.header { height: 14vw; }
div.profilepic { border: 1px solid #331b00; width: 20%; position: absolute; }
div.banner { border: 0px solid #331b00; width: 70%; position: relative; text-align: center; }
div.titleContainer { position: absolute; right: 0; width: 79%; text-align: center; padding-top: 7%; }
div.name { font-size:6vw; font-weight: bold; color:#404050; }
div.name a:link { text-decoration: none; }
div.tagline { font-size:3vw; font-style: italic; }
div.tagline span.bullet { font-size: 1.5vw%; padding-right: 5px; padding-left: 5px; baseline-shift: super; }

div.bodyContainer { position: relative; right: 0; width: 100%; text-align: left;  padding-top: 7%; }
div.contactLink { font-size: 18px; text-align: right; font-weight: bold; font-style: italic; }
div.sectionhead { font-size: 18px; font-variant: small-caps; padding-left: 10px; }
div.navigation { font-size: 2vmax; font-variant: small-caps; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.bodytext { font-size: 16px; padding: 0 0 20px 35px; text-align: left; font-variant: normal; }
.padded { padding-left: 75px; }
a:link { color: #404050; }
img.portrait { display: block; width: 100%; height: 100%; }
img.banner { display: block; margin-left: auto; margin-right: auto; width: 100%; padding-bottom: 1em; }

/* index */
ul.leaders { max-width: 20em; padding: 0; overflow-x: hidden; list-style: none; margin-top: 0; }
ul.leaders li:before { float: left; width: 0; white-space: nowrap; content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child { padding-right: 0.33em; background: #c3f3f7; }
ul.leaders span + span { float: right; padding-left: 0.33em; background: #c3f3f7; }

/* contact form */
a:visited { color: #404050; } 
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

.input-fields {
    border-radius: 5px;
    background-color: #c3f3f7;
    padding: 20px;
}