﻿/* HOT TOPICS */
.hotTopics h3 {
margin-bottom:1px;
}

.hotTopics ul li {
margin-bottom:1px;
}

.hotTopics ul li a {
background-color:#666;
color:#fff;
display:block;
font-size:1.4em;
font-weight:700;
padding:16px;
text-decoration:none;
width:274px;
}
.newsCssClass h1 {
    margin-bottom:15px;
}
.hotTopics ul li a:focus,.hotTopics ul li a:hover {
background-color:#888;
opacity:0.9px;
}
.readMore a {
    color:white;
}
.hotTopics ul li a:visited {
color:#f0f0f0;
}

/* NEWS ARTICLES */
.newsArticle h1 {
background:none;
border:0;
margin-bottom:0;
padding:8px 0 16px 8px;
}

.newsArticles {
width:100%;
}

.newsArticles .article {
padding:8px 0;
position:relative;
width:100%;
border-top:1px solid #F9F9F9;
}
.newsArticles .article .content,.newsArticles .article .meta 
{
    padding:0 8px;
}

.newsArticles .article .copy {
margin-bottom:16px;
padding:0;
}

.newsArticles .article .excerpt .readMore {

}

.newsArticles .article .thumbnail img {
margin-right:8px;
}

.newsArticles .article .topic {
color:#0e2b8d;
font-size:1.6em;
}

.newsArticles .article h3 {
background-image:none;
border:none;
font-size:1.6em;
padding:0;
}

.newsArticles .article h3 a {
text-decoration:none;
color:white;
font-size: 14px;
margin-bottom: .5rem;
}

.newsArticles .article p {
padding:0;
}

.newsArticles .article:nth-child(odd) {
background-color:#F9F9F9;
}

.newsArticles .first .excerpt .readMore,.newsArticles .secondaryArticles .article .excerpt .readMore {
right:16px;
}

.newsArticles .first .meta .publishedDate,.newsArticles .secondaryArticles .article .meta .publishedDate {

bottom:0;
padding:0 4px;
color:#d89523;
font-size:11px;
}

.newsArticles .first .meta,.newsArticles .secondaryArticles .article .meta {
position:relative;
width:100%;
padding:0;
}

.newsArticles .first .topic {
color:#d89523;
font-family: open_sansregular, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

}
.secondary_article .topic {
     color: #039;
     font-size:11px;
     font-weight:bold;
}
.tertiary_article .topic {
     color: #039;
     font-size:11px;
     font-weight:bold;
}
.secondary_article .readMore {
    text-decoration:underline;
    font-size:12px;
}
.tertiary_article .readMore {
    text-decoration:underline;
    font-size:12px;
}
.secondary_article a{
    text-decoration:none;
    color: #039;
    font-size: 14px;
    margin-bottom: .5rem;
}
.tertiary_article {
    background-color:white !important;
    box-shadow:none !important;
    border-bottom: solid 1px !important;
}
.tertiary_article a{
    text-decoration:none;
    color: #039;
    font-size: 14px;
    margin-bottom: .5rem;
}
.secondary_article,.tertiary_article {
    padding-left:12px;
    padding-top:7px;
    background-color:#e6e4e4;
    margin-bottom:8px;

}
.newsArticles .first h3 {
font-size:1.8em;
font-weight:700;
}
.newsArticles .secondaryArticles,.tertiary_article {
/*margin-right:-8px;
width:636px;*/
margin-bottom:8px;
}

.newsArticles .secondaryArticles .article {
background-color:#E7F0F5;
display:inline;
margin-right:13px;
border:none;
padding:8px;
}

.newsArticles .secondaryArticles .article .content {
-moz-border-radius:5px 0 5px 5px;
-o-border-radius:5px 0 5px 5px;
-webkit-border-radius:5px 0 5px 5px;
background-color:#fff;
border-radius:5px 0 5px 5px;
padding:8px;
width:273px;
}

.newsArticles .secondaryArticles .article .thumbnail {
float:none;
text-align:center;
}

.newsArticles .secondaryArticles .article .thumbnail img {
margin-right:0;
}

.newsArticles .secondaryArticles img {
height:100px;
}

.newsArticles .first {
background-color:#666 !important;
width:auto;
padding:8px;
margin-bottom:8px;
}

.newsArticles .first .content {
-moz-border-radius:5px 0 5px 5px;
-o-border-radius:5px 0 5px 5px;
-webkit-border-radius:5px 0 5px 5px;
border-radius:5px 0 5px 5px;
padding:8px;
width:594px;
color:white;
}

.newsArticles first,
.newsArticles .secondaryArticles .article {
-moz-border-radius:5px;
-moz-box-shadow:2px 2px 2px #CFCFCF;
-o-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:2px 2px 2px #CFCFCF;
border-radius:5px;
box-shadow:2px 2px 2px #CFCFCF;
padding-bottom:8px;
}
.readMore a {
    font-size:12px;
}
.newsArticles .first .content 
{
    position:relative;
} 

/* NEWS FEED */
.newsFeed .details a {
color:#666;
text-decoration:none;
}

.newsFeed .details a:hover,
.newsFeed .details a:focus {
color:#0e2b8d;
}

.newsFeed h3 .rssButton {
margin-left:14px;
}

.newsFeed h3 .rssButton img {
vertical-align:baseline;
}

.newsFeed ul {
margin-bottom:8px;
}

.newsFeed ul li {
border-bottom:1px dashed #DFDFDF;
padding:8px 0;
width:100%;
overflow:hidden;
}

.newsFeed ul li .datePublished {
font-weight:700;
}

.newsFeed ul li.first {
padding-top:0;
}

.newsFeed ul li.first .details {
font-size:1.2em;
font-weight:700;
}

.newsFeed ul li.first img {
-moz-box-shadow:1px 1px 3px #CFCFCF;
-webkit-box-shadow:1px 1px 3px #CFCFCF;
border:1px solid #f0f0f0;
box-shadow:1px 1px 3px #CFCFCF;
float:left;
margin-right:8px;
padding:5px;
vertical-align:middle;
}

.newsFeed,.newsFeed .meta p img,.newsArticles .article .thumbnail {
float:left;
}

/* Related Publications */
.relatedPublications h3 
{
    margin-bottom:0;
}
.relatedPublications ul
{
    margin:0;
    background:#F5F5F4;
}
.relatedPublications ul li
{
    list-style-type:none;
    padding:14px 0;
    width:100%;
    overflow:hidden;
    border-top:1px solid #fff;
    border-bottom:1px solid #EAE9EA;
}
.mainContent .relatedPublications p
{
    padding:0;
    line-height:normal;
}
.relatedPublications .relatedTitle 
{
    float:left;
    margin:0 10px;
}

.relatedPublications .relatedTitle a 
{
    font-weight:bold;
    font-size:110%;
}
.relatedPublications .relatedTitle a:link,.relatedPublications .relatedTitle a:visited 
{
    color:#737375;
    text-decoration:none;
}
.relatedPublications .relatedTitle a:hover,.relatedPublications .relatedTitle a:active,
.relatedPublications .relatedTitle a:focus  
{
}

.relatedPublications .relatedAction 
{
    float:right;
    margin:0 10px;
}
