@import url("common.css");

#content {
    border: solid black medium;
}

#content h1 {
    font-size: 32pt;
}
#content h1, #content h2, #content h3 {
    text-align: center;
}
#content h3 {
    color: black;
    padding: 0.25em;
    border-top: solid black medium;
}

#summary {
    border: double black medium;
    margin: 0.125in;
}

#ribbons {
    padding: 0.125in;
}

div.ribbon {
    text-align: center;
    height: 0.25in;
}

div.ribbon img {
    width: 25%;
    height: 0.25in;
}

div.ribbon img.left {
    float: left;
}

div.ribbon img.right {
    float: right;
}

div.ribbon span {
    display: block;
//    padding-top: 0.125in;
    font-size: 0.25in;
}

#photo {
    width: 45%;
    float: left;
    text-align: center;
}

#photo img {
    width: 100%;
    outline: solid navy medium;
    background-color: #44a;
    padding: 3pt;
    margin: 0.125in;
}

#photo p {
    margin: 0.5in;
    padding-top: 0.5in;
    padding-bottom: 0.5in;
    border: solid black thin;
}

#summarydata {
    width: 45%;
    float: right;
    margin-top: 0.75in;
    margin-bottom: 0.75in;
    text-align: center;
}

#endofsummary {
    clear: both;
}

ul {
    margin: 0;
}

.extrainfo {
    margin-top: 0.125in;
    margin-bottom: 0.125in;
}

.extrainfo ul li {
    list-style-type: none;
}

.extrainfo p {
    margin-left: 0.25in;
    margni-right: 0.25in;
}