@import url('./droidserif.css');

/* Containers
----------------------------------------------------------------------------------------------------*/
.nav_outer {
    position: relative;
    z-index: 100000;
}

.sidebar {
    position: relative;
    z-index: 100000;
}

.grayscale {
    padding-top: 20px;
}

.container-fluid {
    width: 100%;
    float: left;
}

.container-fluid.hp {
    *padding-bottom: 20px; /* * makes this only work in ie7 */

}

.container_12 {

    width: 92%;
    max-width: 960px;
    margin: 0 auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
    width: 6.233%;
}

.container_12 .grid_2 {
    width: 14.567%;
}

.container_12 .grid_3 {
    width: 22.9%;
}

.container_12 .grid_4 {
    width: 31.233%;
}

.container_12 .grid_5 {
    width: 39.567%;
}

.container_12 .grid_6 {
    width: 47.9%;
}

.container_12 .grid_7 {
    width: 56.233%;
}

.container_12 .grid_8 {
    width: 64.567%;
}

.container_12 .grid_9 {
    width: 72.9%;
}

.container_12 .grid_10 {
    width: 81.233%;
}

.container_12 .grid_11 {
    width: 89.567%;
}

.container_12 .grid_12 {
    width: 97.233%;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
    padding-left: 8.333%;
}

.container_12 .prefix_2 {
    padding-left: 16.667%;
}

.container_12 .prefix_3 {
    padding-left: 25.0%;
}

.container_12 .prefix_4 {
    padding-left: 33.333%;
}

.container_12 .prefix_5 {
    padding-left: 41.667%;
}

.container_12 .prefix_6 {
    padding-left: 50.0%;
}

.container_12 .prefix_7 {
    padding-left: 58.333%;
}

.container_12 .prefix_8 {
    padding-left: 66.667%;
}

.container_12 .prefix_9 {
    padding-left: 75.0%;
}

.container_12 .prefix_10 {
    padding-left: 83.333%;
}

.container_12 .prefix_11 {
    padding-left: 91.667%;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
    padding-right: 8.333%;
}

.container_12 .suffix_2 {
    padding-right: 16.667%;
}

.container_12 .suffix_3 {
    padding-right: 25.0%;
}

.container_12 .suffix_4 {
    padding-right: 33.333%;
}

.container_12 .suffix_5 {
    padding-right: 41.667%;
}

.container_12 .suffix_6 {
    padding-right: 50.0%;
}

.container_12 .suffix_7 {
    padding-right: 58.333%;
}

.container_12 .suffix_8 {
    padding-right: 66.667%;
}

.container_12 .suffix_9 {
    padding-right: 75.0%;
}

.container_12 .suffix_10 {
    padding-right: 83.333%;
}

.container_12 .suffix_11 {
    padding-right: 91.667%;
}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
    left: 8.333%;
}

.container_12 .push_2 {
    left: 16.667%;
}

.container_12 .push_3 {
    left: 25.0%;
}

.container_12 .push_4 {
    left: 33.333%;
}

.container_12 .push_5 {
    left: 41.667%;
}

.container_12 .push_6 {
    left: 50.0%;
}

.container_12 .push_7 {
    left: 58.333%;
}

.container_12 .push_8 {
    left: 66.667%;
}

.container_12 .push_9 {
    left: 75.0%;
}

.container_12 .push_10 {
    left: 83.333%;
}

.container_12 .push_11 {
    left: 91.667%;
}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
    left: -8.333%;
}

.container_12 .pull_2 {
    left: -16.667%;
}

.container_12 .pull_3 {
    left: -25.0%;
}

.container_12 .pull_4 {
    left: -33.333%;
}

.container_12 .pull_5 {
    left: -41.667%;
}

.container_12 .pull_6 {
    left: -50.0%;
}

.container_12 .pull_7 {
    left: -58.333%;
}

.container_12 .pull_8 {
    left: -66.667%;
}

.container_12 .pull_9 {
    left: -75.0%;
}

.container_12 .pull_10 {
    left: -83.333%;
}

.container_12 .pull_11 {
    left: -91.667%;
}

.pressreleases {
    width: 100%;
    float: left;
}

.pressreleases strong {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    font-size: 14px;
}

.pressreleases h2 {
    color: #333 !important;
    border-top: 1px #ccc dashed;
    padding-top: 10px;
    width: 100%;
    float: left;
    font-size: 16px !important;
}

.pressreleases p {
    font-size: 13px;
    line-height: 130%;
}

.pressreleases p em {
    font-style: italic;
    font-size: 12px;
}

table {
    width: 100%;
    margin: 10px 0;
}

table tr {
    border: 1px #ccc solid;
}

table tr th {
    background-color: #f1f1f1;
    font-weight: 600;
}

table tr td {
    border: 1px #ccc solid;
    padding: 5px 10px;
}

table tr:nth-child(odd) {
    background-color: #eee;
}

table tr:nth-child(even) {
    background-color: #e1e1e1;
}

.autoHeight {
    max-height: none;
    overflow: auto;
}

.cropHeight {
    height: 610px !important;
    min-height: 610px !important;
    overflow: hidden;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.ui-tabs-nav {
    margin-left: 0px !important;
    list-style: none !important;
    width: 100%;
    float: left;
    border-bottom: 2px #1C519A solid;
    margin-bottom: 10px;
}

.tabs {
    *margin-top: 10px;
}

.tabs strong {
    line-height: 130%;
    font-size: 16px;
    border-bottom: 1px #CCC solid;
    width: 100%;
    float: left;
    padding-bottom: 11px;
    margin-bottom: 10px;
}

.tabs h2 {
    color: #333 !important;
    font-size: 16px !important;
    width: 100%;
    float: left;
    border-top: #ccc dashed 1px;
    padding-top: 10px;
}

.tabs first-child {
    border-top: 0px;
}

.tabs p {
    font-size: 12px;
    color: #333;
}

.ui-tabs-nav li {
    padding: 0px 20px;
    float: right;
    text-align: center;
    background-color: #ccc;
    line-height: 30px;
    font-size: 16px;
    padding-top: 5px;
    margin-right: 10px;
}

.ui-tabs-nav li a {
    color: #fff;
    text-decoration: none;
}

.ui-tabs-nav li.ui-state-active {
    background-color: #1C519A;
    /*background-image: url(../images/tab-highlight.gif);*/
    background-repeat: repeat-x;
}

.ui-tabs-nav li.ui-state-active a {
    text-shadow: 0px 1px 1px #000;
}

#readMoreLessButtonImage {
    width: 100%;
    background-image: url(../images/innerPageReadMore.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 60px;
    float: left;
    margin-top: -19px;
    z-index: 10;
    position: relative
}

#readMoreLessButtonImage.less {
    width: 100%;
    background-image: url(../images/innerPageReadLess.png);
}

.container-fluid.footer {
    background-color: #1F64B3;
    border-top: 10px solid #185295;
    padding: 10px 0px;
    color: #fff;
}

.container-fluid.footer .grid_2 > img {
    width: 100%;
}

.container-fluid.footer .grid_4 {
    font-size: 12px;
    font-weight: 100;
    line-height: 130%;
}

.container-fluid.footer .grid_4 strong {
    font-size: 14px;
}

.container-fluid.footer .grid_6 img {
    float: right;
}

.container-fluid.footer .grid_6 ul {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.container-fluid.footer .grid_6 ul li {
    float: left;
    padding: 0px 5px;
}

.container-fluid.footer .grid_6 ul li a {
    color: #fff;
    font-size: 12px;
    width: 100%;
    text-align: right;
    float: left;
}

.container-fluid {
    position: relative;
}

.editors_note_image {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 10;
    background-image: url(../images/editors_notes.jpg);
    width: 38px;
    height: 210px;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 2px #000;
}

.editors_note_image.active1 {
    position: absolute;
    top: 10px;
    right: 97.5%;
    z-index: 10;
}

.editors_notes_container {
    width: 100%;
    float: left;
    position: relative;
    height: 0px;
    background-image: url(../images/editors_note_black_background.png);
    overflow: hidden;
    box-sizing: border-box;
}

.editors_notes_container.active {
    width: 100%;
    float: left;
    position: relative;
    height: 220px;
}

.editors_notes_container .inner_container {
    width: 100%;
    height: 190px;
    right: 2.5%;
    margin-top: 20px;
    position: absolute;
}

.editors_notes_container .editors_notes_content {
    position: absolute;
    right: -100%;
    width: 100%;
    bottom: 0;
}

.editors_notes_container .editors_notes_content.active {
    right: -2.5%;
}

.editors_notes_content {
    height: 210px;
    background-image: url(../images/editors_note_blue_background.png);
}

.editors_notes_container .editors_notes_content .title {
    font-size: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    float: left;
    clear: both;
    line-height: 130%;
}

.editors_notes_container .editors_notes_content .date {
    font-size: 14px;
    font-style: italic;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    float: left;
    line-height: 130%;
    clear: both;
}

.editors_notes_container .editors_notes_content .content {
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    float: left;
    line-height: 130%;
    clear: both;
}

.editors_notes_container .editors_notes_content .image_column {
    width: 10%;
    float: right;
    margin-right: 2%;
}

.editors_notes_container .editors_notes_content .image img {
    width: 100%;
    box-shadow: 0px 0px 3px #000;
}

.editors_notes_container .editors_notes_content .caption {
    font-size: 12px;
    font-style: italic;
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    float: left;
    line-height: 130%;
    clear: both;
}

.page_content > .grid_12 {
    margin-bottom: 20px;
}

.page_content > .grid_12 > h1 {
    width: 100%;
    font-size: 26px;
    line-height: 130%;
    border-bottom: 1px solid #ccc;
}

.page_content > .grid_12 > .journal_row {
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 130%;
}

.page_content > .grid_12 > .journal_row > h2 {
    width: 50%;
    float: left;
}

.page_content > .grid_12 > .journal_row > .journal_date {
    color: #FF6600;
    font-size: 16px;
    width: 50%;
    float: left;
    clear: left;
}

.page_content > .grid_12 > .journal_row > .journal_description {
    width: 78%;
    float: left;
}

.page_content > .grid_12 > .journal_row > .journal_image_container {
    float: right;
    width: 18%;
}

.page_content > .grid_12 > .journal_row > .journal_actions {
    float: left;
    width: 100%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul {
    float: left;
    width: 79%;
    position: relative;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content {
    position: absolute;
    width: 127%;
    left: 0;
    bottom: 46px;
    background-color: #F1F1F1;
    box-shadow: 0px 0px 10px #000;
    margin-top: 16px;
    opacity: 0;
    z-index: -1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li.active > .slide_content {
    transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    opacity: 1;
    z-index: 0;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .arrow_top {
    position: absolute;
    top: -7px;
    left: 25%;
    opacity: 0;
    z-index: -1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li.active > .arrow_top {
    position: absolute;
    bottom: -6px;
    left: 25%;
    opacity: 1;
    z-index: 1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner {
    padding: 1%;
    width: 98%;
    float: left;
    padding-top: 30px;
    z-index: -1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li.active > .slide_content > .slide_content_inner {
    position: relative;
    z-index: 100;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_title {
    float: left;
    height: 100%;
    min-height: 197px;
    width: 20%;
    margin-left: 20px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_title > .content-date {
    float: left;
    clear: left;
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_title > .content-title-text {
    float: left;
    font-size: 26px;
    margin-bottom: 5px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_text {
    line-height: 130%;
    font-size: 14px;
    color: #333;
    float: left;
    width: 77%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_text > .content_image {
    float: right;
    max-width: 183px;
    max-height: 197px;
    width: 20%;
    margin-left: 10px;
    margin-right: 20px;
    min-height: 200px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_text > .content_image img {
    max-width: 100%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > .slide_content > .slide_content_inner > .content_text > .content_image > .content_image_caption {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 130%;
    margin-left: 5px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li {
    float: left;
    padding-right: 1.85%;
    box-sizing: border-box;
    font-size: 14px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > a {
    color: #000;
    text-decoration: none;
    opacity: 0.3;
    transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    line-height: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    padding-left: 24px;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li > a:hover {
    opacity: 1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > li.active > a {
    opacity: 1;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .keyfind_link {
    width: 18.756%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .keyfind_link > a {
    background-image: url(../images/key_findings_link.png);
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .editors_notes_link {
    width: 19.621%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .editors_notes_link > a {
    background-image: url(../images/editors_notes_link.png);
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .news_notes_link {
    width: 19.683%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .news_notes_link > a {
    background-image: url(../images/news_notes_link.png);
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .accepted_link {
    width: 23.107%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .accepted_link > a {
    background-image: url(../images/accepted_articles_link.png);
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .early_view_link {
    width: 17.137%;
}

.page_content > .grid_12 > .journal_row > .journal_actions > ul > .early_view_link > a {
    background-image: url(../images/early_view_link.png);
}

.page_content > .grid_12 > .journal_row > .journal_actions > a.button {
    float: right;
    padding: 3px 7px 3px 7px;
    margin-top: 3px;
}

.page_content {
    background-color: #fbfbfb;
    line-height: 130%;
}

.page_top {
    font-size: 16px;
}

.page_top img {
    max-width: 100%;
}

.page_content strong {
    font-weight: 600;
}

.grid_9.page_content h1 {
    border-bottom: 1px #CCC solid;
    padding-bottom: 11px;
}

.grid_9.page_content h2 {
    font-size: 22px;
    font-weight: lighter;
    color: #333;
    margin-bottom: 10px;
}

.grid_9.page_content ul {
    list-style: disc;
    margin-left: 20px;
}

.page_content_inner {
    padding: 20px;
    font-size: 14px;
    font-size: 14px;
    height: auto;
}

.bread_crumbs > .grid_12 {
    font-size: 12px;
    margin-bottom: 20px;
}

.bread_crumbs > .grid_12 > a {
    color: #0066CC;
}

.browse > .content_image {
    position: absolute;
    bottom: 0;
    left: 22%;
    max-width: 52% !important;
    width: 52% !important;
    max-height: 238px !important;
}

.browse > .content_text {
    float: right !important;
    width: 25% !important;
}

.hp_quick_links > p {
    border-bottom: 1px #666 dotted;
    line-height: 14px;
}

.press_releases > .press_links > .rss_feed {
    float: left;
    background-image: url(../images/rss_icon_small.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

.press_releases > .press_links > .right {
    float: right;
    color: #0066CC;
}

.press_releases > .press_links {
    line-height: 14px;
}

.press_releases > .news_list {
    float: left;
    width: 100%;
}

.press_releases > .news_list > li {
    border-top: 1px dotted #666666;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.press_releases > .news_list > li > h3 {
    font-size: 16px;
    font-weight: 600;
}

.press_releases > .news_list > li > .date {
    font-style: italic;
    font-size: 14px;
    color: #666;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.press_releases > .news_list > li > .press_content {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 130%;
}

#slideprev {
    background-image: url(../images/slide_left_button.png);
    display: block;
    width: 39px;
    height: 38px;
    text-decoration: none;
    position: absolute;
    z-index: 100;
    left: -20px;
    top: 45%;
}

#slidenext {
    background-image: url(../images/slide_right_button.png);
    display: block;
    width: 39px;
    height: 38px;
    text-decoration: none;
    position: absolute;
    z-index: 100;
    right: -20px;
    top: 45%;
}

.press_releases > .view_more {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url('../images/view_more.png');
    background-repeat: no-repeat;
    background-position: center top;
    padding-right: 20px;
    line-height: 36px;
    margin-bottom: 30px;
    min-height: 40px;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.grid_12.accessibility {
    min-height: 10px;;
}

.grid_12.accessibility > ul {
    float: right;
    width: 100%;
}

.grid_12.accessibility > ul > li {
    float: right;
    padding: 5px 10px;
}

.grid_12.accessibility > ul > li > a {
    color: #fff;
    font-size: 12px;
}

.top_spacer {
    padding-top: 20px;
}

.hp_buttons {
    width: 100%;
    float: left;
    margin-bottom: 60px;
    display: block;
}

.hp_quick_links > ul {
    float: left;
    width: 100%;
}

.hp_quick_links > ul > li {
    float: left;
    width: 50%;
    height: 140px;
}

.hp_quick_links > ul > li > a {
    float: left;
    width: 100%;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 5px 0px;
    color: #000;
    font-weight: 600;
}

.hp_quick_links > ul > li > span > ul {
    float: left;
}

.hp_quick_links > ul > li > span > ul > li {
    margin: 5px 0px;
    padding-left: 20px;
    font-size: 14px;
    background-image: url('../images/li-arrows.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.nav_outer {
    height: 48px;
    background-color: #185295;
    color: #fff;
    float: left;
    border-bottom: 3px #CCCCCC solid;
}

.navigation {
    height: 48px;
    background-color: #185295;
    color: #fff;
}

.active_page {
    display: none;
}

.navigation {
    position: relative;
    z-index: 3000;
}

.navigation .navbar {
    width: 100%;
    float: left;
}

.navigation .navbar > ul.navigation-outer {
    width: 100%;
    float: left;
}

.navigation .navbar > .navigation-outer > li {
    width: 100%;
    float: left;
}

.navigation .navbar > .navigation-outer > li > .nav > :first-child {
    padding-left: 0px !important;
}

.navigation .navbar > .navigation-outer > li > .nav > :last-child {
    padding-right: 0px !important;
}

.navigation .navbar > .navigation-outer > li > .nav {
    width: 100%;
    float: left;
}

.navigation .navbar > .navigation-outer > li > .nav > li {
    float: left;
    padding: 0px 15px;
    line-height: 30px;
    font-size: 16px;
    position: relative;
}

.navigation .navbar > .navigation-outer > li .nav > li:hover {
    border-bottom: 3px #ff6800 solid;
}

.navigation .navbar > .navigation-outer > li > .nav > li.active {
    border-bottom: 3px #ff6800 solid;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 48px;
    background-color: #2766B0;
    overflow: hidden;
    z-index: 2000;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav.active, .navigation .navbar > .navigation-outer > li > .nav > li.hover > .subnav {
    width: auto;
    height: auto;
    padding: 0 10px;
    min-width: 220px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .5);
    background-image: url('../images/top-menu-grad.png');
    background-repeat: repeat-x;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav > li {
    width: 220px;
    float: left;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav > li > a {
    line-height: 200%;
    border-bottom: 1px #164A82 solid;
    border-top: 1px #2874CA solid;
    width: 100%;
    color: #fff;
    text-decoration: none;
    float: left;
    font-size: 14px;
    font-size: 14px;
    height: 100%;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav > li:first-child > a {
    border-top: 0px;
}

.navigation .navbar > .navigation-outer > li > .nav > li > .subnav > li:last-child > a {
    border-bottom: 0px;
}

.navigation .navbar > .navigation-outer > li > .nav > li > a {
    font-size: 1em;
    float: left;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 48px;
    width: 100%;
    text-shadow: 0px 1px 2px #000
}

.features_slider {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative;
    background-color: #2664AD;
    height: 48px;
    margin-bottom: 260px;
}

.features_slider > li {
    float: left;
}

.features_slider > li.active {
    z-index: 100;
}

.features_slider > li > a {
    margin-left: 4px;
    padding-left: 30px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    line-height: 48px;
    text-decoration: none;
    color: #fff;
    opacity: .33;
    font-size: 13px;
    transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
}

.features_slider > li > a:hover {
    opacity: 1.0;
    transition: opacity .25s ease-in;
    -webkit-transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
}

.features_slider > li > .slide_content {
    width: 100%;
    float: left;
    position: absolute;
    top: 48px;
    background-color: rgba(255, 255, 255, 1);
    left: 0;
    opacity: 0.0;
    transition: opacity 0.25s ease-in;
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
    display: block;
}

.features_slider > li.active > a {
    color: #fff;
    opacity: 1.0;
}

.features_slider > li.active > .slide_content {
    width: 100%;
    float: left;
    position: absolute;
    top: 48px;
    background-color: rgba(255, 255, 255, 1);
    left: 0;
    opacity: 1.0;
    transition: opacity 0.25s ease-in;
    -webkit-transition: opacity 0.25s ease-in;
    -moz-transition: opacity 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in;
}

.features_slider > li > .slide_content > .slide_content_inner {
    padding: 1%;
    width: 98%;
    float: left;
    padding-top: 30px;
}

.features_slider > li.active > .slide_content > .slide_content_inner {
    position: relative;
    z-index: 100;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_title {
    float: left;
    height: 100%;
    min-height: 197px;
    width: 20%;
    margin-left: 20px;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_title > .content-date {
    float: left;
    clear: left;
    font-size: 14px;
    color: #666;
    font-style: italic;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_title > .content-title-text {
    float: left;
    font-size: 26px;
    margin-bottom: 5px;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_text {
    line-height: 130%;
    font-size: 14px;
    color: #333;
    float: left;
    width: 52%;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_image {
    float: right;
    max-width: 183px;
    max-height: 197px;
    width: 20%;
    margin-left: 10px;
    margin-right: 20px;
    min-height: 200px;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_image img {
    max-width: 100%;
}

.features_slider > li > .slide_content > .slide_content_inner > .content_image > .content_image_caption {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 130%;
    margin-left: 5px;
}

.navigation_button > a {
    display: none;
}

.features_slider > #editorsNotesLi {
    width: 16.291%
}

.features_slider > #currentIssueLi {
    width: 15.354%
}

.features_slider > #keyFindingsLi {
    width: 14.729%
}

.features_slider > #browseJournalSlideLi {
    width: 19.83%
}

.features_slider > #contributeSlideLi {
    width: 13.065%
}

.features_slider > #moreAboutLi {
    width: 19.25%
}

.hp_uls > .grid_6 {
    min-height: 225px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.hp_uls > .grid_6.find_out {
    position: relative;
}

.hp_uls > .grid_6.find_out img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    max-width: 40%;
}

.hp_uls > .grid_6 > h2 {
    background-color: #185295;
    height: 40px;
    width: 100%;
    float: left;
    line-height: 40px;
    font-size: 16px;
    text-shadow: 0 0 3px #000;
}

.hp_uls > .grid_6 > h2 > a {
    float: left;
    margin-left: 10px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
}

.hp_uls > .grid_6 > ul {
    margin: 2%;
    float: left;
    margin-top: 4%;
    max-width: 50%;
}

.hp_uls > .grid_6 > .image.journal {
    float: right;
    margin: 2%;
    max-width: 40%;
}

.hp_uls > .grid_6 > .image {
    float: right;
    margin-right: 4%;
    margin-top: 4%;
    max-width: 40%;
}

.hp_uls > .grid_6 > .image img {
    width: 100%;
}

.hp_uls > .grid_6 > ul > li {
    line-height: 25px;
    background-image: url(../images/li-arrows.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-size: 14px;
}

.hp_uls > .grid_6 > ul > li > a {
    text-decoration: none;
}

.hp_uls > .grid_6 > ul > li > a:hover {
    color: #000;
    text-decoration: none;
}

.hp_uls ul {
    max-width: 55%;
}

.grayscale > .grid_4 > .image {
    width: 100%;
    position: relative;
}

.grayscale > .grid_4 > .image img {
    width: 100%;
    float: left;
    z-index: 5;
}

.grayscale > .grid_4 > .image .colour {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    opacity: 0.0;
    transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in; /* Firefox 4 */
    -webkit-transition: opacity .25s ease-in; /* Safari and Chrome */
    -o-transition: opacity .25s ease-in; /* Opera */
}

.grayscale > .grid_4 > h2 {
    width: 100%;
    height: 30px;
    background-color: #0F5098;
    float: left;
    line-height: 30px;
    transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in; /* Firefox 4 */
    -webkit-transition: background-color .3s ease-in; /* Safari and Chrome */
    -o-transition: background-color .3s ease-in; /* Opera */
}

.grayscale > .grid_4 > h2 > a {
    text-decoration: none;
    color: #fff;
    margin-left: 10px;
    font-size: 16px;
    float: left;
    line-height: 28px;
}

.grayscale > .grid_4 {
    margin-bottom: 20px;
    cursor: pointer;
}

.grayscale > .grid_4:hover > .image .colour {
    opacity: 1.0;
    transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in; /* Firefox 4 */
    -webkit-transition: opacity .25s ease-in; /* Safari and Chrome */
    -o-transition: opacity .25s ease-in; /* Opera */
}

.grayscale > .grid_4:hover > h2 {
    background-color: #FF6800;
    transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in; /* Firefox 4 */
    -webkit-transition: background-color .3s ease-in; /* Safari and Chrome */
    -o-transition: background-color .3s ease-in; /* Opera */
}

.sidebar_item {
    margin-bottom: 20px;
}

.sidenav > li {
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #fff solid;
    position: relative;
    min-height: 33px;
    font-size: 14px;
}

.sidenav > li.active a {
    background-image: url(../images/orange-arrow.png);
    background-repeat: no-repeat;
    width: 108%;
    padding-left: 10px;
    display: block;
    position: absolute;
    left: -10px;
    color: #fff;
    z-index: 10;
    text-shadow: 0px 0px 1px #000;
    background-position: right;
    transition: width .1s ease-in;
    -moz-transition: width .1s ease-in; /* Firefox 4 */
    -webkit-transition: width .1s ease-in; /* Safari and Chrome */
    -o-transition: width .1s ease-in; /* Opera */
}

.sidenav > li:first-child {
    border-bottom: 1px #e7e7e7 solid;
    border-top: 0px;
}

.sidenav > li > a {
    line-height: 33px;
    text-decoration: none;
    color: #000;
}

.sidenav > li > a:hover {
    color: #185295;
}

.sidenav > li.active a:hover {
    color: #f1f1f1;
    text-shadow: 0px 0px 2px #000;
    width: 110%;
}

.cta {
    padding: 10px;
    cursor: pointer
}

.cta .image {
    position: relative;
    float: left;
    width: 100%;
}

.cta h3 a {
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    line-height: 30px;
    text-decoration: none;
    margin-left: 10px;
    font-size: 14px;
}

.cta h3 {
    background-color: #185295;
}

.cta .image img {
    float: left;
    z-index: 5;
    width: 100%;
}

.cta .image .colour {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0.0;
}

.grid_3.top_spacer.omega.side {
    float: right;
}

.cta:hover h3 {
    background-color: #FF6800;
    transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in; /* Firefox 4 */
    -webkit-transition: background-color .3s ease-in; /* Safari and Chrome */
    -o-transition: background-color .3s ease-in; /* Opera */
}

.cta:hover .image .colour {
    opacity: 1.0;
    transition: opacity .25s ease-in;
    -moz-transition: opacity .25s ease-in; /* Firefox 4 */
    -webkit-transition: opacity .25s ease-in; /* Safari and Chrome */
    -o-transition: opacity .25s ease-in; /* Opera */
}

.grid_9.page_content {
    padding-bottom: 20px;
    border-left: #E7E7E7 1px solid;
    float: right;
    margin-right: 3%;
    min-height: 650px;
}

.grid_9.page_content h2 {
    font-size: 22px;
    font-weight: lighter;
    color: #185295;
    margin: 10px 0px;
}