body {
margin: 0;
font-size: 100%;
background-color: #fff;
font-family: georgia, serif;
}

.content {
width: 100%;
border: 0;
border-top: 12px solid #fff;
border-bottom: 12px solid #fff;
}

.sarah {
vertical-align: top;
padding-left: 30px;
padding-right: 30px;
width: 60%;
font-family: verdana, sans-serif;
font-size: 75%;
line-height: 180%;
}
.sarah td {
font-size: 75%;
color: #000;
}

.margaret {
vertical-align: top;
padding: 10px;
width: 40%;
background-color: #222;
border: thick double #222;
border-right: 0;
}
.margaret td {
color: #fff;
font-size: 80%;
line-height: 140%;
}
	

.header {
background-color: #222;
border: thick double #222;
border-left: 0;
vertical-align: top;
}
div.header {
display: none;
}

.header img {
border: 0;
}

.footer {
font-size: 60%;
padding: 10px;
}


div.main {
width: 75%;
float: left;
}

div.secondary {
width: 22%;
padding: 6px;
float:right;
background-color: #eee;
border-top: medium double #222;
border-bottom: medium double #222;
}

a:link, a:visited, a:hover {
text-decoration: none;
color: #369;
}
.margaret a:link, .margaret a:visited, .margaret a:hover {
text-decoration: none;
color: #9cf;
}

hr {
border-top: thick double #222;
border-bottom: 0;
height: 6px;
margin-top: 1em;
margin-bottom: 1em;
}

ul {
margin-top: 0px;
margin-left: 20px;
margin-right: 0px;
}

.breadcrumb {
font-size: 80%;
padding-bottom: 10px;
}

.title {
font-family: georgia;
letter-spacing: 0.25em;
color: #c96;
}

.details {
font-size: 80%;
color: gray;
padding-bottom: 20px;
}

.quote {
margin-left: 3%;
margin-right: 3%;
}

.milestones ul, .links ul {
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}

.milestones li {
padding-bottom: 12px;
}

.milestones td, .links td {
padding: 6px;
}

.error {
color: #990000;
}