/*****************************************************************/
/************************** DESKTOP ******************************/
@media (min-width : 960px)
{

/*********************************/
/****** Page Header / Menu *******/

	.cer-master-header-block, #s4-titlerow
	{
		height: auto;
        background-image: url('/Style%20Library/Images/cer-banner-bg.png'); 
        background-repeat: repeat-x; 
        background-color: transparent;
	}
	#divHeader
	{
        height: 100px;
	    background-color: transparent;
        background-image: url("/Style%20Library/Images/cer-banner.png");
	    background-repeat: no-repeat;
        background-position: center;
	}
	div#divHeaderMenu
	{
        height: 50px;
	}
    div.cer-header-logo-block > div 
    {
        display: inline-block !important;
    }
    #titleAreaBox,
    #titleAreaRow,
    div.ms-breadcrumb-box.ms-verticalAlignTop,
    #divHeaderMenu ul.ms-core-listMenu-root {
        display: block;
        height: 100%;
    }
	#divHeaderMenu ul.ms-core-listMenu-root > li.static {
	    display: table; 
        height: 50px;
        padding-left: 0; 
        padding-right: 0;
	}
    #divHeaderMenu ul.ms-core-listMenu-root > li.static > ul.static {
        display: table-row;
        height: auto;
    }
    #divHeaderMenu 
    {
        display: block !important;
    }
    #divHeaderMenu ul > li > ul.static > li {
		display: table-cell;
        width: 16.6% !important;
        background-image: url("/Style%20Library/Images/GlobalNavSeparator.png");
        background-repeat: no-repeat;
	}
	#divHeaderMenu ul > li > ul.static > li > a {
		z-index: 300;
		height: 50px;
		width: 100% !important;
        line-height: 16px;
	}
	#divHeaderMenu ul > li > ul.static > li > a.selected,
    #divHeaderMenu ul > li > ul.static > li > a:hover
	{
        border-bottom: 5px solid #82C5D8;
        /*background-image: url("/Style%20Library/Images/cer-menuItem-hover.png");
        background-repeat: repeat-x;*/
	}
	#divHeaderMenu ul.static > li > a > span {
	    display: table-cell;
        vertical-align: middle;
        height: 50px;
	}
    #divHeaderMenu ul.static > li > a > span > span
	{
        font-family: MuseoSans500;
		display: inline-block;
        white-space: normal;
		text-align: left;
	    font-size: 13px !important;
        font-weight: bold;
	    color: #005773 !important;
        z-index: 300;
	}
    .ms-siteicon-a, .ms-siteicon-img {
        max-width: 100% !important;
        max-height: 100% !important;
    }
	.cer-header-top-right-tools-block
	{
		padding-top: 7px;
		padding-right: 0;
	}
	.cer-master-search-block
	{
		display: block;
		margin-top: 10px;
	}
    div#SearchBox > div > input {
        width: 200px;
    }
	.cer-header-top-right-tools-buttons-block > div, /* For the webpart */
	.cer-header-button
	{
		display: inline-block;
	}
	.cer-header-button-search
	{
		display: none;
		visibility: hidden;
	}



/*********************************/
/***** Popular Topics / News *****/

	.cer-news-block-left 
	{
		display: table-cell;
        padding-right: 10px;
		width: 50%;
	}
	.cer-news-block-left-inner
	{
		width: 100%;
	}
	.cer-news-block-right 
	{
		display: table-cell;
	    padding-left: 10px;
		width: 50%;
	}
	.cer-news-block-right-inner
	{
		margin-left: auto;
		margin-right: 0;
		width: 100%;
	}
	.cer-news-block-header 
	{
        margin-top: 35px;
        margin-bottom: 20px;
	}
    .cer-news-block-header > img {
        vertical-align:top; 
        position:static; 
        margin-top:-7px;
    }
	.cer-news-item-block
	{
	}
	.cer-news-item-block-top
	{
	}
	.cer-news-item-block-bottom
	{
	}
	.cer-news-item-text h3
	{
	}
	.cer-news-item-text p
	{
		font-size: 12px;
	}

/********************************/
/********** Info Blocks *********/









/*********************************/
/************ Footer *************/


	.cer-footer
	{
	    margin-top: 20px;
        display: table;
		font-size: 11px;
	}
	.cer-footer-row
	{
		display: table-row;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	.cer-footer-left
	{
		display: table-cell;	
		width: 75%;
	}
	.cer-footer-right
	{
		display: table-cell;	
		width: 25%;
	}
	.cer-footer-left-div
	{	
		margin: 0;
		width: 33%;
		display: inline-block;
	}
	.cer-footer-right-div
	{	
		margin: 0;
		width: 100%;
		display: block;
	}
	.cer-footer-crest {
	}	
    .cer-footer-right-div > p {
		margin-top: 20px;
	}
    
    div.cer-heroBlock {
        max-width: 100%;
        max-height: 250px;
        position: relative;
        padding-bottom: 25%;
        height: 0;
    }
    div.cer-heroBlock-info {
        margin-left: 30px;
    }
}