@import url(//fonts.googleapis.com/css?family=Amethysta|Roboto);
/*
Main document: full height, no margins
*/
html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    background: #f0f0f0;
    background: url(/static/backg_gradient.png)repeat-x;
}


/*
Headings
*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Amethysta", "Palatino Linotype", serif;
    font-weight: normal;
}

h1 {
    color: #6b3c3c;
}

h2 {
    color: #804747;
}

h3 {
    color: #915151;
}

h4 {
    color: #a65d5d;
}

h5 {
    color: #b86767;
}

h6 {
    color: #cc7272;
}



/*
General text
*/

p, ul, label {
    font-family: "Roboto", sans-serif;
    color: #404040;
}

.highlighted_strong {
    font-weight: bold;
    color: #805e5a;
}

/*p.illuminated:first-letter {
    color: #434e59;
    font-size: 2.2em;
    font-weight: bold;
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: #d0d0d0;
    margin: 0 4px 2px 0;
    background: #f4f4f4;
    margin-top: -0.15em;
    padding: 0 3px 0 3px;
    box-shadow: inset 0px 0px 2px 2px #e0e0e0;
}*/

p.illuminated:first-letter {
    color: #434e59;
    font-weight: bold;
    float: left;
}

.float_left {
    float: left;
}

img.float_top_left {
    float: left;
    margin: 0 8px 2px 0;
}




/*
Hyperlinks
*/

a:link {
    color: #465c73;
}

a:visited {
    color: #465c73;
}

a:hover {
    color: #6b90b3;
}




/*
Title bar
*/

.title_background {
    width: 1024px;
    height: 144px;
    margin: 0 auto 0 auto;
    background: #730e00;
    background-image: url('/static/generic_banner_full.png');
}

.title {
    margin: 0 auto 0 auto;
    padding: 40px 5px 5px 5px;
    text-align: center;
    color: #ececec;
    font-family: "Amethysta", "Palatino Linotype", serif;
    font-size: 3.0em;
    text-shadow: 0px 5px 10px #000000;
}

.title:first-letter {
    color: #fff8e8;
}




/*
Full banner
*/



.front_page_banner_container {
}

.front_page_banner_backg {
    position: absolute;
    height: 329px;
    width: 100%;
    background: url('/static/banner_background.png') no-repeat top center;
}

.front_page_banner {
    position: absolute;
    height: 329px;
    width: 100%;
    background: url('/static/front_page_banner.png') no-repeat top center;
}

/* For IE 8 compatibility */
.front_page_banner_spacer {
    height: 329px;
}

.front_page_title {
    position: relative;
    text-align: center;
    top: 60px;      /* 60 px offset to get the correct vertical position */
    left: 7px;      /* The centre of the space between the seals is 7px to the right of the centre of the page */

    color: #ececec;
    font-family: "Amethysta", "Palatino Linotype", serif;
    font-weight: normal;
    font-size: 3.4em;

    text-shadow: 0 8px 12px #000000;
    white-space: nowrap;
    overflow: hidden;
}

.front_page_tagline_container {
    width: 1024px;
    margin: 0 auto;
    /*background: #eff2c7;*/
    background: #f1f2e9;

    position: relative;
    bottom: 95px;

    z-index: -999;
}

.front_tagline_inner {
    position: absolute;

    width: 970px;
    margin: 0 0 0 54px;
}

.front_tagline {
    width: 834px;
    padding: 7px 0 7px 136px;
    margin: 0;

    font-family: "Amethysta", "Palatino Linotype", serif;

    text-align: justify;

    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.front_banner_extras {
    width: 970px;
    margin: 10px auto 0 auto;
}

.front_connect {
    margin: 0 0 0 5px;
    float: right;
}





/*
Main menu
*/

.menu_and_sitemap_container {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.menu_fullwidth_bar {
    background: #182028;
}

.menu_central_bar {
    width: 1024px;
    margin: 0 auto;
    background: #283038;
}

.inmenu_sitemap {
    width: 1024px;
    margin: 0 auto;
    background: #283038;
    border-top: 1px solid #384048;
    border-bottom: 1px solid #788088;
}


.main_menu {
    float: left;
    height: 40px;
}

.main_menu, .main_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main_menu > li {
    float: left;
}

/* menu bar item */
.main_menu li a, .menu_sitemap_item a {
    display: block;
    padding: 8px 1.5em;
    font-family: "Amethysta", "Palatino Linotype", serif;
    /*font-weight: bold;*/
    text-decoration: none;
    color: #ffffff;
    /*text-shadow: 0px 2px 5px #000000;*/
    border-left: 1px solid rgb(78, 90, 102);
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgb(78, 90, 102);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.main_menu > li > a {
    height: 24px;
}

.main_menu li a.sub_only {
    color: #d0d0d0;
}

/* Menu bar submenu */
.main_menu ul {
    position: absolute;
    display: none;
    z-index: 999;
    background: #283038;
    font-size: 0.8em;
}

/* Menu bar list item */
.main_menu li {
    background: #283038;
}

/* Menu bar list item: lighten background on hover, unless its a spacer */
.main_menu li:not(.menu_entry_spacer):hover {
    background: #788088;
    /*background: rgba(120, 128, 136, 0.7);*/
}

/* Menu bar top-level item: on hover, show sub-menu */
ul.main_menu li:hover ul {
    display: block;
}

.menu_sitemap_item {
    float: right;
}

.menu_sitemap_item a {
    height: 24px;
}

.menu_sitemap_item a:hover {
    background: #788088;
}

.menu_entry_spacer {
    background: #283038;
    height: 12px;
}

.clear_menu {
    height: 40px;
}




/* Logged in (authors site) */
.logged_in_as {
    font-family: "Amethysta", "Palatino Linotype", serif;
    font-size: 0.9em;
    color: #ffffff;
    background: #485058;
    padding: 8px 20px;
    border-top: 1px solid #707880;
    border-bottom: 1px solid #707880;
/*    width: 984px;*/
    /*margin: 4px auto;*/
}

.logged_in_as_username {
    font-weight: bold;
    color: #d0d0d0;
}

a.logout_link {
    margin: 0 0 0 1em;
    color: #7c99a6;
}

a.logout_link:hover {
    margin: 0 0 0 1em;
    color: #a67c7c;
}




/*
Sitemap
*/

#inmenu_sitemap {
}

.hidden {
    display: none;
}

.lower_sitemap {
    background: #f0f0f0;
}

.lower_sitemap_container {
    width: 1024px;
    margin: 0 auto;
    background: #f8f8f8;
}

.sitemap {
}

.sitemap_column {
    float: left;
    width: 174px;
    padding: 15px 15px;
}

.sitemap_base {
    clear: both;
}

ul.sitemap_list {
    list-style: none;
    margin: 20px 0;
    padding: 0 10px;
}

ul.author_sitemap_list {
    margin-top: 60px;
}

li.sitemap_list_heading {
    color: #ffffff;
    font-size: 1.1em;
    font-family: "Amethysta", "Palatino Linotype", serif;
    margin: 10px 0;
}

li.sitemap_list_item {
    color: #c0c0c0;
    font-size: 0.9em;
    font-family: "Amethysta", "Palatino Linotype", serif;
    margin: 8px 0;
}

li.sitemap_list_item_inactive {
    color: #808080;
    font-size: 0.9em;
    font-family: "Amethysta", "Palatino Linotype", serif;
    margin: 8px 0;
}

li.sitemap_list_item a {
    color: #c0c0c0;
    text-decoration: none;
}

li.sitemap_list_item a:hover {
    color: #ffffff;
}



/*
Sub menu
*/

.submenu_container {
    width: 1024px;
    margin: 4px auto 4px auto;
    background: #ffffff;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
}

.menu {
    padding: 4px 12px;
}

.menu_item {
    font-family: "Palatino Linotype", "Palatino", serif;
    margin: 0 0.75em 0 0.75em;
}

.menu_comment {
    font-family: "Palatino Linotype", "Palatino", serif;
    font-size: 0.8em;
    color: #45586b;
    margin: 0 0.75em 0 0.75em;
}

.menu_heading {
    font-family: "Palatino Linotype", "Palatino", serif;
    color: #909090;
}

.menu_divider {
    height: 0;
    border-style: dotted;
    border-width: 1px 0 0 0;
    border-color: #808080;
}








/*
Page content area
*/

.page_area_container {
    width: 1024px;
    margin: 4px auto 4px auto;
    background: #ffffff;
}

.page_area {
    padding: 8px 12px;
}


/*
Main content
*/
.content_area {
    text-align: justify;
}


hr {
    border: 0;
    width: 80%;
    color: #808080;
    background-color: #808080;
    height: 1px;
    margin: 2em auto 2em auto;
}


.download_link {
    margin: 0 0em 0 1em;
}

a.download_link:link {
    color: #548066;
}

a.download_link:visited {
    color: #65997a;
}

a.download_link:hover {
    color: #76b38e;
}



em.ref_link_collection_title {
    color: #90a0b0;
}



table.display_table {
    border-spacing: 0;
    border: 1px solid #ececec;
}

table.display_table th {
    padding: 0 1em 0 5px;
    vertical-align: top;
}

table.display_table th > p {
    font-family: 'Amethysta', serif;
    font-weight: bold;
    color: #707070;
    text-align: left !important;
}

table.display_table tr > td {
    vertical-align: top;
    padding: 0 5px 0 2px;
}

table.display_table tr:nth-child(odd) {
    background-color: #f8f8f8;
}

.message_error {
    font-family: "Palatino Linotype", "Palatino", serif;
    color: #731d1d;
    font-weight: bold;
}

.message_success {
    font-family: "Palatino Linotype", "Palatino", serif;
    color: #1f731f;
    font-weight: bold;
}


.logo_collection {
    margin: 40px auto 0 auto;
    height: 100px;
    width: 959px;
}

.logo_placeholder {
    float: left;
    width: 80px;
    text-align: center;
    margin: 0 20px;
}

.logo_image {
    float: left;
    margin: 0 20px;
}

.logo_placeholder img {
    border: 0;
}

.logo_image img {
    border: 0;
}



ul.contents_list {
    list-style-type: none;
}

.ahrc_logo {
    text-align: center;
}

.ahrc_logo img {
    border: 0;
}



div.analytics_notification {
    z-index: 10000;
    position: fixed;
    bottom: 0;
    width: 100%;
}

div.analytics_notification > div {
    background: #262626;
    background: rgba(0, 0, 0, 0.85);
    border: 1px solid #d0d0e0;
    margin: 0 auto 0 auto;
    width: 800px;
}

div.analytics_notification > div > p {
    font-size: 0.75em;
    padding: 5px;
    margin: 10px 10px;
    color: #f0f0f0;
}

div.analytics_notification > div > p > a {
    color: #a1b8ed;
}

div.analytics_notification > div > p > a:hover {
    color: #6f87ce;
}

a.analytics_disable {
    font-weight: bold;
    color: #45586b;
}

ul.analytics_controls {
    float: right;
    list-style: none;
    margin: 0;
}

ul.analytics_controls > li {
    margin: 0;
}

ul.analytics_controls > li > a {
    font-size: 0.8em;
    text-decoration: none;
    width: 100px;
    height: 15px;
    text-align: center;

    display: block;
    padding: 5px 10px;
    margin: 5px 5px;
}

ul.analytics_controls > li > a.analytics_optin {
    font-size: 0.8em;

    background: #134313;
    background: rgba(0, 96, 0, 0.5);
    border: 1px solid #608060;
    color: #e0ffe0;
}

ul.analytics_controls > li > a.analytics_optin:hover {
    background: #0a520a;
    background: rgba(0, 96, 0, 0.75);
    color: #f0fff0;
}





/*
RESOURCES AND DOWNLOADS
*/

div.resource_item_left {
    float: left;
    width: 408px;
    margin: 20px 0;
}

div.resource_item_left > img {
    float: left;
}

div.resource_item_left > div.resource_buttons_container {
    float: right;
    width: 200px;
    margin-right: 40px;
}

div.resource_item_right {
    float: right;
    width: 408px;
    margin: 20px 0;
}

div.resource_item_right > img {
    float: left;
}

div.resource_item_right > div.resource_buttons_container {
    float: right;
    width: 200px;
    margin-right: 40px;
}

a.resource_button {
    width: 180px;
    display: block;
    padding: 10px;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    margin: 0 0 10px 0;
    color: #404040;

    background: #f0f0f0;
    border: 1px solid #e0e0e0;
}

a.resource_button:hover {
    background: #e8e8e8;
    border: 1px solid #d8d8d8;
}

a.resource_download_button {
    background-image: url('/static/download_icon_plain_dark.png');
    background-position: right center;
    background-repeat: no-repeat;
}

a.resource_download_button:hover {
    background-image: url('/static/download_icon_plain_red.png');
    background-position: right center;
    background-repeat: no-repeat;
}

a.resource_view_online_button {
    background-image: url('/static/screen_icon_dark.png');
    background-position: right center;
    background-repeat: no-repeat;
}

a.resource_view_online_button:hover {
    background-image: url('/static/screen_icon_red.png');
    background-position: right center;
    background-repeat: no-repeat;
}