body {
    color: #330000;
    text-align: center;
    font-family: "Myriad Pro", Myriad, Lucida Grande, Helvetica, sans-serif;
    margin: 4px;
}

.title {
    border: none;
    vertical-align: middle;
    margin: 4px;
}

div.context {
    color: #330000;
    background-color: #FFEEFF;
    background: url("pinkpatt.png") repeat;
    border: 1px solid #AAAAAA;
    padding: 6px;
    margin: 3px;
    font-size: small;
}

.context h3 {
    font-weight: bold;
    text-align: center;
    font-size: small;
    margin: .5em;
}

.context-main p {
    text-align: left;
    margin: 1.5em;
}

table.timeline {
    border: 1px solid #AAAAAA;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    height: .5em;
    border-collapse: collapse;
}

td.timeline-segment {
    padding: 0px;
    margin: 0px;
}

td.timeline-segment-1 {
    background-color: #FFCCDD;
}

td.timeline-segment-2 {
    background-color: #FFFFFF;
}

td.timeline-segment-3 {
    background-color: #FF6677;
}

td.timeline-segment-1:hover {
    background-color: #FF6677;
}

td.timeline-segment-2:hover {
    background-color: #FF6677;
}

img.segment-target {
    border: none;
}

img.photo {
    border: 1px solid #666666;
    margin-top: 3px;
    margin-bottom: 0px;
}

ol, ul {
    text-align: left;
}

ol li, ul li {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.context-addcomment {float: right; width: 23%;}
div.context-comments {float: left; width: 70%;}
div.disclaimer {clear: both; font-size: small;}
.context a:link {color: #FF6677}
.context a:visited {color: #FF7788}
.context a:active {color: #FF7788}
.context {color: #000000}
span.context-caption {font-weight: bold;}
span.context-head {font-weight: bold; font-size: large;}
span.context-note {font-size: small; font-style: italic;}
span.notice {font-size: x-small; font-style: italic;}