body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #956C2E url(../images/history/bg.gif) top repeat-x;
    text-align: center;
}

img {
    vertical-align: top;
}

a {
    color: #966D2F;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.centered {
    margin: 0 auto;
}

#title {
    width: 740px;
}

#title h1 {
    float: left;
    padding: 24px 28px;
    margin: 0;
    width: 342px;
}

#title h2 {
    float: right;
    padding: 0;
    margin: 24px 16px;
    width: 214px;
}

#nav {
    width: 740px;
    line-height: 0;
    padding: 11px 0;
    background: #000 url(../images/nav/bg.gif) top no-repeat;
    
    /* Having the li's inlined creates a space between each - this eliminates the i-bar cursor */
    cursor: default;
}

#nav a {
    cursor: pointer;
}

#nav ul {
    margin: 0;
}

#nav li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#nav img {
    vertical-align: middle;
}

#main {
    font: 13px/22px georgia, serif;
    color: #1D1C14;
    width: 770px;
    text-align: left;
    background: #FFF url(../images/history/main-bg.gif) repeat-y;
}

#home {
    padding-top: 20px;
    padding-left: 35px;
}

#main div.option {
    float: left;
    width: 236px;
}

#main div.option p {
    margin: 0 0 10px 0;
    padding: 0 12px;
}

#side_nav {
    margin-left: 15px;
    position: relative;
}

#side_nav a {
    color: #FFF;
    font: 9px verdana serif;
    cursor: pointer;
}

#side_nav div.section {
    width: 200px;
    position: absolute;
}

#side_nav ul.subsection {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

#side_nav ul.subsection li {
    padding: 10px 0 0 35px;
}

#content {
    padding-top: 20px;
    margin-left: 250px;
}

h3 {
    font: bold 17px georgia, serif;
    color: #333;
    width: 489px;
    margin: 0 0 10px 0;
    padding: 0;
}

h4 {
    font: bold 12px georgia, serif;
    margin: 0 0 3px 0;
}

div.text_quote div.text {
    float: left;
    width: 455px;
    margin: 0 6px 20px 6px;
    padding: 0px;
}

div.text_quote div.text p {
    margin: 0 0 7px 0;
}

div.text_quote div.quote {
    margin-left: 20px;
}

div.heading_text_image h3 {
    background: none;
}

div.subpage {
    margin-right: 0;
}

div.subpage img, div.text_image img, div.image_text img, div.heading_text_image img {
    margin: 0;
    padding: 0;
    text-align: right;
    vertical-align: top;
}

div.subpage a.image {
    margin: 0;
    padding: 0;
}

div.subpage h3 {
    margin: 0;
}

div.subpage div.page_nav {
    color: #333;
}

div.subpage a.parent {
    font: 11px georgia, serif;
}

div.image_box {
    padding: 2px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}

div.image_box div.caption {
    padding: 10px;
}


div.image_box p {
    margin: 10px 0 0 0;
}

div.text_image {
    padding-right: 0;
}

div.subpage {
    padding-right: 0;
}

div.image_text, div.heading_text_image, div.quote {
    margin-bottom: 20px;
}

div.text_image img, div.heading_text_image img, div.subpage img {
    display: block;
    float: right;
}

div.text_image div.text {
    float: left;
}

div.image_text img {
    float: left;
}

div.quote {
    color: #333;
    background: #F7C046;
}

div.quote div {
    padding: 12px 7px;
}

div.quote p {
    margin: 0 0 17px 0;
}

div.quote .quote_start, div.quote .quote_end {
    vertical-align: top;
    padding: 3px;
}

div.quote .quote_source {
    font: bold 12px georgia, serif;
    color: #5A4F37;
    padding-top: 10px;
}

div.image_quote div.image_box {
    float: left;
}

div.image_quote div.quote {
    float: right;
}

div.image_image div.image_box {
    float: left;
}

div.next_page {
    border: 1px solid #CCC;
    padding: 10px;
    margin: 30px 0 20px 0;
}

div.learn_more {
    border: 1px solid #CCC;
    margin: 30px 0 20px 0;
    vertical-align: middle;
}

div.learn_more img {
    float: left;
}

div.learn_more div {
    float: left;
    padding: 10px 0 0 10px;
}

div.learn_more a {
    font-weight: bold;
    color: #666;
    text-decoration: underline;
}

div.watch_video {

    border: 1px solid #CCC;
    margin: 30px 0 20px 0;
    vertical-align: middle;
}

div.watch_video div.image_holder {
    float: left;
    padding: 0;
}


div.watch_video div.link {
    float: left;
    padding: 10px 0 7px 10px;
}

div.watch_video a {
    font-weight: bold;
    color: #666;
    text-decoration: underline;
}

a.view_all, a.top_link {
    font-size: 11px;
}

div.timeline div.top_tabs {
    margin-top: 10px;
}

div.timeline div.events {
    background: #F4F2F1;
    margin: 4px 0;
    width: 486px;
}

div.events div.holder {
    padding: 0 15px 15px 15px;
    font: 11px/18px georgia, serif;
}

div.events a {
    font-weight: bold;
    text-decoration: underline;
}

div.events img.separator {
    display: block;
    margin-top: 10px;
}

div.events div.image_box {
    padding: 2px;
    margin: 0;
}

div.events h4 {
    font: bold 14px georgia, serif;
    margin: 0 0 5px 0;
    padding-top: 10px
}

div.events h4.date {
    color: #666;
}

div.events div.image_box h4 {
    padding-top: 0;
}


div.timeline div.bottom_instructions {
    margin-top: 10px;
}

div.next_page a {
    font-weight: bold;
    color: #666;
}

div.next_page img {
    margin-right: 7px;
    vertical-align: middle;
}

div.video {
    width: 481px;
    border: 1px solid #CCC;
    padding: 2px;
    font: 11px/18px georgia, serif;
}

div.video div.holder {
    text-align: center;
    background: #000;
    width: 481px;
}

div.video div.high {
    padding: 83px 0;
}

div.video div.low {
    padding: 143px 0;
}

div.video div.left {
    padding: 5px 10px;
    float: left;
}

div.video div.right {
    padding: 5px 10px;
    float: right;
}

div.video a.transcript {
    color: #666;
    font-weight: bold;
}

div.video a.settings {
    color: #666;
}

#footer {
    background: #966D2F url(../images/history/footer-bg.gif) top no-repeat;
    width: 740px;
    line-height: 0;
    padding: 18px 0 30px 0;
    text-align: right;
    font: 10px verdana, sans-serif;
    
    /* Having the li's inlined creates a space between each - this eliminates the i-bar cursor */
    cursor: default;
}

#footer a {
    cursor: pointer;
    color: #FFF;
}

#footer ul {
    margin: 0;
}

#footer li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#footer img {
    vertical-align: middle;
}

br.clear {
    clear: both;
}