@CHARSET "ISO-8859-1";

/*
This file just holds styling for the main boxes for those landing pages.

there are 2 rows of tiles.
	1st row: 2 tiles
	2nd row: 3 tiles
	
	2nd row, 3rd tile has a highlight box whose background color varies depending on the page.
*/


div.landingPageTileContainer{
	float: left;
	width: 720px;

	margin-top: 20px;
	padding-top: 15px;
	display: table;
}


div.landingPageTileContainerRiskMain {
	border-top: 10px solid rgb(90, 142, 35);
	
}
div.landingPageTileContainerPolicyMain {
	border-top: 10px solid rgb(0, 118, 163);
}
div.landingPageTileContainerNewsMain {
	border-top: 10px solid rgb(171, 160, 0);
}
div.landingPageTileContainerAboutMain {
	border-top: 10px solid rgb(158, 0, 93);
}

/* Links in the topRight section***********************/
div.landingPageTileContainerRiskMain a{
	color: rgb(90, 142, 35);
	
}
div.landingPageTileContainerPolicyMain a{
	color: rgb(0, 118, 163);
}
div.landingPageTileContainerNewsMain a{
	color: rgb(171, 160, 0);
}
div.landingPageTileContainerAboutMain a{
	color: rgb(158, 0, 93);
}


div.landingPageTileContainer .title{
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.landingPageTileContainerRiskMain .title{
	color: rgb(90, 142, 35);
}
div.landingPageTileContainerPolicyMain  .title{
	color: rgb(0, 118, 163);
}
div.landingPageTileContainerNewsMain  .title{
	color: rgb(171,160,0);
}
div.landingPageTileContainerAboutMain  .title{
	color: rgb(158,0,93);
}


/*
Each row of tiles has the main content, and another row for footer.
*/
div.landingPageTileRow {

}
div.landingPageTileRowFooter {

}



div.landingPageTileRow div.topLeft {
	width: 433px; 

	border-right: 1px dotted black;
	padding: 0px 10px 0px 10px;

	position: relative;
	float:left;		

	height: 290px;		
}

div.landingPageTileRowFooter div.topLeft {
	width: 433px; 

	height: 30px;
	
	border-right: 1px dotted black;

	border-bottom: 1px dotted black;
	padding: 0px 10px 0px 10px;
	position: relative;
	float:left;
}

div.landingPageTileRow div.topRight {
	width: 255px;

	padding: 0px 0px 0px 10px;

	position: relative;	
	float:left;	
}
div.landingPageTileRowFooter div.topRight {
	width: 255px;
	
	height: 30px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px dotted black;

	position: relative;
	float:left;	
}


div.landingPageTileRow div.bottomLeft {
	width: 211px; 

	padding: 10px 10px 0px 10px;
	border-right: 1px dotted black;		
	
	position: relative;	
	display: table-cell;


}
div.landingPageTileRowFooter div.bottomLeft {
	width: 211px; 
	
	padding: 10px 10px 0px 10px;
	border-right: 1px dotted black;		
	
	position: relative;	
	float:left;
	
}

div.landingPageTileRow div.bottomMiddle {
	width: 201px; 

	padding: 10px 10px 0px;
	border-right: 1px dotted black;	
	
	display: table-cell;	
	
}
div.landingPageTileRowFooter div.bottomMiddle {
	width: 201px; 
	
	padding: 10px 10px 0px 10px;
	border-right: 1px dotted black;		
	
	position: relative;	
	float:left;
}

div.landingPageTileRow div.bottomRight {
	width: 245px; 
	
	padding: 10px 5px 0px 10px;

	display: table-cell;
}
div.landingPageTileRowFooter div.bottomRight {
/*	width: 245px; */
	width: 34.027777%;
	padding: 10px 10px 0px 10px;
	
	position: relative;	
	float:left;
}

/* the highlighted block in the bottomMiddle tile */
div.bottomMiddle div.highlightBlock{
	font-weight:bold;
	padding: 10px 15px 10px;
}

div.landingPageTileContainerRiskMain div.highlightBlock{
	background-color: rgb(196,229,196);
}
div.landingPageTileContainerPolicyMain div.highlightBlock{
	background-color: rgb(107,190,222);
}
div.landingPageTileContainerNewsMain div.highlightBlock{
	background-color: rgb(233,228,160);
}
div.landingPageTileContainerAboutMain div.highlightBlock{
	background-color: rgb(201,157,183);
}



div.landingPageTileRowFooter .moreButton {
	position: absolute;
	float: right;
	right: 1em;
	bottom: 1em;
	display: block;
}

/* these are used in single-landing.php.
	(that template file should simplify the styling of the landing pages.)
*******************************************************/

div.landingPageSingleTileHome h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF6600;
}

div.landingPageSingleTileRisk h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5A8E22;
}

div.landingPageSingleTilePolicy h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0076A4;
}

div.landingPageSingleTileNews h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ACA000;
}

div.landingPageSingleTileAbout h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9F005D;
}

div.landingPageSingleTileMyomic h1 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #662E93;
}