/************************/
/* CSS Screen Home Page */
/************************/

.article {
	width: 34%;							/* width: 360px - 20px; 340/1000*100 */
	margin-right: 2%;					/* margin-right: 20px; 20/1000*100 */
	padding-top: .5em;					/* padding-top: 8/16; */
	background-color: #e9edef;
	-moz-border-radius: .5em;			/* Mozilla Firefox - vendor specific */
	-webkit-border-radius: .5em;			/* Safari - vendor specific */
	border-radius: .5em;					/* border-radius: 16px; 16/16 */ /* rounded edges */
	float: left;
}

.article-hr  {
	width: 90%;							/* width: 300px; 300/1000*100 */
	height: .125em;						/* line-height: 2px; 2/16 */ 
	background-color: #ffffff;
}
.article-break-hr  {
	width: 50%;							/* width: 300px; 300/1000*100 */
	height: .125em;						/* line-height: 2px; 2/16 */ 
	background-color: #ffffff;
}
.article-today-hr  {
	width: 90%;							/* width: 300px; 300/1000*100 */
	height: .125em;						/* line-height: 2px; 2/16 */ 
	background-color: #4169e1;
}

.note {
	width: 20%;							/* width: 200px; 200/1000*100 */
	padding-top: .5em;					/* padding-top: 8/16; */
	background-color: #e9edef;
	-moz-border-radius: .5em;			/* Mozilla Firefox - vendor specific */
	-webkit-border-radius: .5em;			/* Safari - vendor specific */
	border-radius: .5em;					/* border-radius: 16px; 16/16 */ /* rounded edges */
	float: left;
}

.note-hr  {
	width: 90%;							/* width: 180px; 180/1000*100 */
	height: .125em;						/* line-height: 2px; 2/16 */ 
	background-color: #ffffff;
}
.note-today-hr  {
	width: 90%;							/* width: 180px; 180/1000*100 */
	height: .125em;						/* line-height: 2px; 2/16 */ 
	background-color: #4169e1;
}

.article-image {
	width: 96%;							/* width: 180px; 180/1000*100 */
	margin: .125em 5% .5em 2%;			/* margin: 2px 5px 10px 2px; 2/16 5/1000*100 8/16 2/1000*100 - TRBL */ 
	-moz-border-radius: .25em;			/* Mozilla Firefox - vendor specific */
	-webkit-border-radius: .25em;			/* Safari - vendor specific */
	border-radius: .25em;					/* border-radius: 16px; 16/16 */ /* rounded edges */
}
.article-image-float-left {
	width: 93%;							/* width: 180px; 180/1000*100 */
	margin: .125em 5% .5em 2%;			/* margin: 2px 5px 10px 2px; 2/16 5/1000*100 8/16 2/1000*100 - TRBL */ 
	-moz-border-radius: 1em;			/* Mozilla Firefox - vendor specific */
	-webkit-border-radius: .25em;			/* Safari - vendor specific */
	border-radius: .25em;					/* border-radius: 16px; 16/16 */ /* rounded edges */
	float: left;
}
.article-image-float-right {
	width: 93%;							/* width: 180px; 180/1000*100 */
	margin: .125em 2% .5em 5%;			/* margin: 2px 2px 10px 5px; 2/16 2/1000*100 8/16 5/1000*100 - TRBL */ 
	-moz-border-radius: .25em;			/* Mozilla Firefox - vendor specific */
	-webkit-border-radius: .25em;			/* Safari - vendor specific */
	border-radius: .25em;					/* border-radius: 16px; 16/16 */ /* rounded edges */
	float: right;
}
.percent10 {						
	width: 10%;
}
.percent20 {						
	width: 20%;
}
.percent25 {							
	width: 25%;
}
.percent33 {							
	width: 33%;
}
.percent34 {							
	width: 34%;
}
.percent50 {							
	width: 50%;
}
.percent66 {							
	width: 66%;
}
.percent75 {							
	width: 75%;
}
.percent85 {							
	width: 85%;
}
.percent90 {							
	width: 90%;
}
.percent95 {							
	width: 95%;
}

.article-headline {
	font-family: Cambria, Times, 'Times New Roman', serif;
	font-size: .8125em;					/* font-size: 13px; 13/16 */ 
	line-height: 1em;					/* line-height: 16px; 16/16 */ 
	font-weight: normal;
	color: #000000;
	padding: .125em 2% .1875em 2%;				/* padding: 3px 5px; 3/16 20/1000*100 - TB LR */
}

.article-text {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: .75em;					/* font-size: 12px; 12/16 */ 
	line-height: 1em;					/* line-height: 16px; 16/16 */ 
	font-weight: normal;
	color: #000000;
	padding: .125em 2%;				/* padding: 3px 5px; 2/16 20/1000*100 - TB LR */
}

.article-cite {
	font-family: Helvetica, Arial, Verdana, sans-serif; 			 
	font-size: .625em;					/* font-size: 10px; 10/16 */ 
	line-height: .9375em;				/* line-height: 15px; 15/16 */ 
	font-weight: bold;
	color: #979797;						/* #399 (teal) */
	padding: .1875em 2%;				/* padding: 3px 5px; 3/16 20/1000*100 - TB LR */
}

a.article-link {
	font-family: Helvetica, Arial, Verdana, sans-serif; 			 
	font-size: 1em;						/* font-size: 16px; 16/16 */ 
	line-height: 1em;					/* line-height: 16px; 16/16 */ 
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}	
a.article-link:visited {
	color: #004061;	
}	
a.article-link:hover {
	color: #004061;		
	background-color: #d0c9cd;
	text-decoration: underline;
}	
a.article-link:active {
	color: #ff0000;	
}	
a.article-link:link {
	color: #4169e1;	
}