* {
    margin:                 0;
    padding:                0;
}

body {
    background-color:       #ffffff;    /* White */
    color:                  #000000;    /* Black */
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              small;
    /* font-size:              62.5%; */
    /* Need to try font size 62.5% page 123 in The principles of
       beautiful web deign, so that it maps to pixels, 10 pixels
       then become 1em for font sizes. */
    font-weight:            normal;
    line-height:            1.2em;
    text-align:             justify;
}


a {
    text-decoration:        none;
}

img {
    border-color:           #222222;    /* Darker Grey */
    border-style:           solid;
    border-width:           1px;
    margin:                 3px;
    padding:                2px;
}

h1, h2, h3, h4 {
    color:                  #555555;    /* Medium Grey */
    font-weight:            normal;
    margin-top:             10px;
    margin-left:            3px;
    margin-right:           3px;
    padding:                5px;
    padding-left:           10px;
}

h1 {
    font-size:              1.75em;
}

h2 {
    font-size:              1.5em;
}

h3 {
    font-size:              1.25em;
}

h4 {
    font-size:              1.0em;
}

/* Generic text highlight */
#generic-text-highlight {
    color:                  #8b0000;    /* Dark Red */
    font-style:             italic;
}

/* Top Menu Background */
#top-menu-background {
    height:                 45px;
    margin-bottom:          20px;
    margin-top:             15px;
}

/* Banner */
#banner {
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.1em;
    text-align:             center;
}

#banner h1:first-letter {
    font-size:              1.4em;
}

#banner a {
    color:                  #555555;    /* Medium Grey */
}

/* Top Menu */
#top-menu {
    float:                  left;
    margin-top:             15px;
}

#top-menu ul {
    float:                  left;
    line-height:            normal;
    list-style:             none;
}

#top-menu-li-left {
    border-left-color:      #555555;    /* Medium Grey */
    border-left-style:      solid;
    border-left-width:      2px;
}

#top-menu li {
    border-right-color:     #555555;    /* Medium Grey */
    border-right-style:     solid;
    border-right-width:     2px;
}

#top-menu a {
    border:                 none;
    color:                  #555555;    /* Medium Grey */
    display:                block;
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.1em;
    font-weight:            normal;
    padding-left:           15px;
    padding-right:          15px;
    text-align:             center;
    text-decoration:        none;
}

#top-menu li:hover {
    background-color:       #555555;    /* Medium Grey */
}

#top-menu a:hover {
    color:                  #ffffff;    /* White */
}

/* Sub Menu */
#sub-menu {
    float:                  right;
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.1em;
    font-style:             italic;
    font-weight:            normal;
    margin-bottom:          5px;
    padding-top:            5px;
    padding-bottom:         5px;
}

#sub-menu ul {
    float:                  left;
    line-height:            normal;
    list-style:             none;
}

#sub-menu-li-left {
    border-left-color:      #555555;    /* Medium Grey */
    border-left-style:      solid;
    border-left-width:      2px;
}

#sub-menu li {
    border-right-color:     #555555;    /* Medium Grey */
    border-right-style:     solid;
    border-right-width:     2px;
}

#sub-menu a {
    border:                 none;
    color:                  #555555;    /* Medium Grey */
    display:                block;
    padding-left:           10px;
    padding-right:          10px;
    text-align:             center;
    text-decoration:        none;
}

#sub-menu li:hover {
    background-color:       #555555;    /* Medium Grey */
}

#sub-menu a:hover {
    color:                  #ffffff;    /* White */
}

/* On this page Menu */
#on-this-page-menu {
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.2em;
    font-style:             italic;
    font-weight:            normal;
    margin-bottom:          30px;
    padding-top:            5px;
    padding-bottom:         5px;
}

#on-this-page-menu ul {
    float:                  left;
    line-height:            1.5em;
    list-style:             none;
}

#on-this-page-menu a {
    border:                 none;
    color:                  #ffa500;    /* Gold */
    display:                block;
    font-weight:            bold;
    padding-left:           10px;
    padding-right:          10px;
    text-align:             left;
    text-decoration:        none;
    width:                  150px;
}

#on-this-page-menu a:hover {
    color:                  #555555;    /* Medium Grey */
}

/* In this Year Menu */
#in-this-year-menu {
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.2em;
    font-style:             italic;
    font-weight:            normal;
    margin-bottom:          30px;
    padding-top:            5px;
    padding-bottom:         5px;
}

#in-this-year-menu ul {
    float:                  left;
    line-height:            1.5em;
    list-style:             none;
}

#in-this-year-menu a {
    border:                 none;
    color:                  #ffa500;    /* Gold */
    display:                block;
    font-weight:            bold;
    padding-left:           10px;
    padding-right:          10px;
    text-align:             left;
    text-decoration:        none;
    width:                  150px;
}

#in-this-year-menu a:hover {
    color:                  #555555;    /* Medium Grey */
}

/* Years on this page Menu */
#years-on-this-page-menu {
    font-family:            Georgia, "Times New Roman", Times, serif;
    font-size:              1.2em;
    font-style:             italic;
    font-weight:            normal;
    margin-bottom:          30px;
    padding-top:            5px;
    padding-bottom:         5px;
}

#years-on-this-page-menu ul {
    float:                  left;
    line-height:            1.5em;
    list-style:             none;
}

#years-on-this-page-menu a {
    border:                 none;
    color:                  #b20000;    /* Dark red */
    display:                block;
    font-weight:            bold;
    padding-left:           10px;
    padding-right:          10px;
    text-align:             left;
    text-decoration:        none;
    width:                  100px;
}

#years-on-this-page-menu a:hover {
    color:                  #555555;    /* Medium Grey */
}

/* Breadcrumb */
#breadcrumb {
    background-color:       #eeeeee;    /* Light Grey */
    color:                  #ffa500;    /* Gold */
    font-size:              1.0em;
    font-style:             italic;
    font-weight:            normal;
    padding-bottom:         5px;
    padding-left:           10px;
    text-align:             left;
}

#breadcrumb a {
    color:                  #555555;    /* Medium Grey */
}

#breadcrumb a:hover {
    color:                  #ffa500;    /* Gold */
}

/* Page */
#page {
    font-size:              1.1em;
    min-height:             580px;
}

/* Content */
#content {
    margin-left:            0px;
    padding-top:            3px;
}

#content p {
    padding:                5px 10px 5px 10px;
}

/* Footer */
#footer {
    border-top-color:       #555555;    /* Medium Grey */
    border-top-style:       solid;
    border-top-width:       2px;
    clear:                  both;
    font-size:              0.9em;
    height:                 50px;
    margin:                 20px 5px 0 5px;
    padding:                5px 2px 0 2px;
    text-align:             center;
}

#footer a {
    color:                  #555555;    /* Medium Grey */
}

#footer a:hover {
    color:                  #ffa500;    /* Gold */
}

/* Last Updated */
#last-updated {
    font-size:              0.8em;
    text-align:             center;
}


/* CLASSES */

.central-layout {
    margin-left:            20px;
    margin-right:           auto;
    width:                  1600px;
}

.small-dates {
    display:                block;
    font-size:              1em;
    text-align:             left;
}

.goto-top-of-page a {
    color:                  #ffffff;    /* White */
    float:                  right;
    font-family:            Courier, "Times New Roman", Times, serif;
    font-size:              12px;
}

.goto-top-of-page a:hover {
    color:                  #ffa500;    /* Gold */
}


.goto-location a {
    color:                  #ffffff;    /* White */
    float:                  right;
    font-family:            Courier, "Times New Roman", Times, serif;
    font-size:              18px;
}

.goto-location a:hover {
    color:                  #ffa500;    /* Gold */
}

/* DUMMY-CLEAR is used at the end of pages with picture blocks on them.
   If it is not, then the white background and grey page borders will
   not extend around the picture blocks. */
.dummy-clear {
    clear:                  both;
    font-size:              0em;
}

.clear-left {
    clear:                  left;
}

.float-left {
    float:                  left;
}

.float-right {
    float:                  right;
}

.picture-block {
    background-color:       #eeeeee;    /* Light Grey */
    border:                 none;
    color:                  #000000;    /* Black */
    float:                  left;
    height:                 180px;
    margin:                 3px;
    padding:                5px;
    width:                  379px;
}

.picture-block img {
    border:                 none;
    float:                  left;
    margin-bottom:          7px;
    margin-left:            10px;
    margin-right:           5px;
    padding:                2px;
}

.extra-top-margin {
    margin-top:             3px;
}

/* Heading Container classes */

.heading-container {
    background-color:       #555555;    /* Medium Grey */
    clear:                  both;
    margin-left:            4px;
    margin-right:           4px;
}

.heading-container h1, .heading-container h2, .heading-container h3, .heading-container h4 {
    color:                  #ffffff;    /* White */
    font-weight:            normal;
    margin-left:            3px;
    margin-right:           3px;
    padding:                5px;
    padding-left:           10px;
}

.heading-container h1 {
    background-color:       #003366;    /* Dark Blue */
    font-size:              1.75em;
    margin-left:            0px;
    margin-right:           0px;
    padding-bottom:         10px;
    padding-top:            10px;
}

.heading-container h2 {
    font-size:              1.5em;
    padding-bottom:         10px;
    padding-top:            10px;
}

.heading-container h3 {
    font-size:              1.25em;
    padding-bottom:         5px;
    padding-top:            5px;
}

.heading-container h4 {
    font-size:              1.0em;
    padding-bottom:         5px;
    padding-top:            5px;
}

/* Setting the strip round corner background colour */
.hc-rtopstripe, .hc-rbottomstripe {
    background-color:       #ffffff;    /* White */
    display:                block;
}

/* Setting the strip heights and background color, which matches the container */
.hc-rtopstripe *, .hc-rbottomstripe * {
    background-color:       #555555;    /* Medium Grey */
    display:                block;
    height:                 1px;
}


/* Corner nibbles */
.r1 {
    margin:                 0 5px;
}
.r2 {
    margin:                 0 3px;
}
.r3 {
    margin:                 0 2px;
}
.r4 {
    height:                 2px;
    margin:                 0 1px;
}