/* CSS Document */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	color: #330000;
	font-size: 76%;
	background-image: url(images/bgleft.jpg);
	background-color: #666666;

}

a:link { color: #355C84; text-decoration: underline}
a:hover { color: #A5707F; text-decoration: underline}
a:visited { color: #355C84; text-decoration: underline}
a:active { color: #A5707F; text-decoration: underline}
a:visited:hover { color: #A5707F; text-decoration: underline}
a:visited:active { color: #A5707F; text-decoration: underline}
/* old hover color - orange - #A07820*/

A IMG { border: none; margin-right: 2px;}

a.white:link { color: #FFFFFF; text-decoration: none}
a.white:hover { color: #FFFFFF; text-decoration: underline}
a.white:visited { color: #FFFFFF; text-decoration: none}
a.white:active { color: #FFFFFF; text-decoration: underline}
a.white:visited:hover { color: #FFFFFF; text-decoration: underline}
a.white:visited:active { color: #FFFFFF; text-decoration: underline}


.headline {
	font-weight: bold;
	font-size: 110%;
	color: #B1885F;
	margin-bottom: 4px;
}
	.headline:first-letter {
		font-size: 125%;
		font-style: italic;
	}
	IMG.headlineImage {
		margin-right: 4px;
	}

#welcome {
	margin-left: 10px;
	height: 140px;
	overflow: hidden;
	/*border: red solid 1px;*/
}

#content {
	height: 270px;
	overflow: hidden;
	/*border: red solid 1px;*/
}

	#content IMG { border: 3px white solid; /*#666666*/ }
	#content A IMG.textLink { border: none; }

	.contentBox {
		border: white dotted 1px;
		padding: 2px;
		/*margin-right: 0px;*/
		width: 115px;
		height: 218px;
		text-align: center;
		/*background-color: #EDEFEE;*/
		z-index: 10;
	}

		.contentBoxHeader {
			font-weight: bold;
			color: #B1885F;
			text-align: left;
		}
		#featuredLeft {
			width: 156px;
			height: 250px;
			text-align: left;
		}

	.scrollableContent {
		height: 270px;
		overflow: auto;
	}
	DIV.scrollableContent IMG {
		margin-left: -139px;
		margin-right: 10px;
		vertical-align: middle;
	}
	DIV.scrollableContent IMG.wide {
		margin-left: 0px;
	}