/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/


/* 

	LEFT: 2 vertical News pieces + RIGHT: HTML Announcement 4
	
	IMPORTANT: In Display Settings (Office Area) Homepage Order needs to be: 
	
	+ News Headlines
	+ HTML Announcement 4


*/


/* NEWS HEADLINES ------------------------------------------------------------------------------------- */


#news_content > div {
    background: white;
    display: block;
    float: left;
    margin-bottom: 30px;
    margin-right: 2%;
    padding: 8px;
    width: 32%;
	height:500px;
}

#news_content > div:nth-child(3) {
	display:none;
}

.newsArticleIndividualWrapper {padding:0 15px 15px;}

#homePage .newsArticleImageSpan, 
#homePage .newsArticleImageLargeSpan {
	/*display: block;
	margin-bottom:20px;*/
	
	display: block;
	vertical-align:top;
    margin-bottom: 20px;
    margin-right: 30px;
    max-width: 100%;
    width: 100%;
	float:left;
}

#homePage .newsArticleIndividualWrapper {
	display: inline-block;
    float: none;
    position: relative;
    width: 100%;
	height:280px;
}


/*CHANGE TO WHATEVER ANNOUNCEMENT IS USED AFTER NEWS HEADLINES LAYER*/

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {
    background: white none repeat scroll 0 0;
    height: 500px;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: -550px;
    width: 32%;	
}

#divHTMLAnnouncements3Wrapper #announcements_content_dynamic {
	background: white;
    height: 500px;
    padding: 8px;
    position: absolute;
    right: 0;
    top: -550px;
    width: 32%;	
}	






/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/







@media only screen and ( max-width: 75em ) /* 1200 */ {
	
	#divNewsHeadlinesWrapper {padding:0 20px;}
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic { right:10px;}
	
	#divHTMLAnnouncements3Wrapper #announcements_content_dynamic {right:20px;}
		
}


@media only screen and ( max-width: 64em ) /* 1024 */{

}


@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
	#news_content > div {
    background: white none repeat scroll 0 0;
    display: block;
    height: 100%;
    margin: auto;
    max-width: 500px;
    padding: 8px;
    width: 100%;
	float:none;
}

#homePage .newsArticleIndividualWrapper {height:260px;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic, #divHTMLAnnouncements3Wrapper #announcements_content_dynamic {
	left: auto;
    margin: auto;
    max-width: 500px;
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
	display:block;}
	
}


@media only screen and ( max-width: 55em ) /* 880 */ {
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {}
	
	#homePage #news_content {}
	
	#news_content > div {}
	
	#homePage .newsArticleImageSpan, #homePage .newsArticleImageLargeSpan {}
	
	#news_content > div:nth-child(1), #news_content > div:nth-child(2)  {}
	
	#homePage .newsArticleIndividualWrapper {width:100%;}
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {}
	
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
}


@media only screen and ( max-width: 48em ) /* 768 */ {
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {}

}


@media only screen and ( max-width: 45em ) /* 720 */ {	

	#homePage .newsArticleImageSpan, #homePage .newsArticleImageLargeSpan {max-width:100%; display:block;}
	
	#homePage .newsArticleIndividualWrapper {width:100%; float:none;}
	
	#divHTMLAnnouncements2Wrapper {}
	
	#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {width:100%; max-width:500px; position: relative; top:0; right:0; margin:auto; float:none; left:0; display: block;}
	
	#homePage #news_content {width:100%;}	
	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	
}


@media only screen and ( max-width: 37.5em ) /* 600 */ {

}


@media only screen and ( max-width: 35.5em ) /* 568 */ {

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

}


@media only screen and ( max-width: 30em ) /* 480 */ {

}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
}


@media only screen and ( max-width: 25em ) /* 400 */ {
	
}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	#homePage .newsArticleIndividualWrapper {height:300px;}
}


@media only screen and ( max-width: 20em ) /* 320 */ {

}