@import url("palette.css");
/* NEWS FRAME AREA TOP LEVEL PAGE - WIDTH ADDS BORDER */

#news_iframe_scroll	{
	/*
	 * Use this width if you want it to span your whole page
	 */
		/* width: 100%; */
	/*
	 * Otherwise, uncomment this width
	 */
		max-width: 250px;
		min-width: 200px;
		margin: 0px auto 10px auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/* border-radius: 10px; */
		background-color: var(--bg);
		font-family: var(--font-family);
		}

#news_iframe_scroll iframe 
		{
		width: 100%;
		height: 176px; /* IF YOU EDIT HEIGHT EDIT THE SCROLLING SCRIPT HEIGHT!!!! */
		display: block;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		}

.news-scroll-title {
	color: var(--bg);
	font-weight: bold;
	background-color: var(--text);
	text-align: left;
	padding: 5px 5px 5px 5px;
	border-bottom: var(--accent) 5px solid;
}

a{
    text-decoration: none;
}

.news-article{
    color:var(--text);
	font-family: var(--font-family);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding:5px;
}

.news-article h2{
	font-size: medium;
}

.news-article:hover{
    color:var(--bg);
    background-color: var(--primary);
}


/* EMBEDDED NEWS PAGE BODY */

#NewsDiv	{ position: absolute; left: 0; top: 0px; width: 100%; }

/*
body.news-scroll {
	/*
		background-color: var(--bg);

		margin: 0;
		padding: 0;
		border: 0;
		}
*/

/* FONTS & PADDING */


.scroll-text-if	{
		font-size: 12px;
		/*text-align: left;
		padding: 8px 7px 0px 7px;
		*/
		}

.scroll-title-if {
		font-size: 14px;
		/*
		text-align: left;
		*/
		border-bottom: #666666 0px solid;
		}

/* EMBEDDED NEWS PAGE LINK COLORS */
/*
.news-scroll a:link	{ color: #0033FF; text-decoration: none; }

.news-scroll a:visited	{ color: #6633FF; text-decoration: none; }

.news-scroll a:active	{ color: #0033FF; text-decoration: none; }

.news-scroll a:hover	{ color: #6699FF; text-decoration: underline; }
*/