/* These styles only apply to the home page */

/* building blocks */

#lefthomecolumn {
	position: absolute;
	top: 0;
	left: 0;
}

#rotatingimage {
	width: 525px;
	height: 375px;
}

#rotatingimage a {
	display: block;
	width: 525px;
	height: 375px;
}

#righthomecolumn {
	width: 228px;
	margin: 0 0 0 530px;
}

/* sideboxes */

.sidebox {
	border: 1px solid #ccc;
	margin-bottom: 4px;
	padding: 4px;
}

.sidebox h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.sidebox p {
	margin: 4px 0 0 0;
	font-size: 12px;
	line-height: 16px;
}

.sidebox img{
	float: right;
	margin: 4px 0 0 0;
}

	.sidebox .flush { /* because some images need to hug the edge of the box, we remove the margin... mark */
		margin: 4px -4px -4px 0;
	}

.sidebox a {
	text-decoration: none;
}

.sidebox a:hover {
	text-decoration: underline;
}

/* sidebox skins */

/* blue */
.blueskin, .blueskin a { color: #6b85b8; }
.blueskin { background: #C6D1E2 url('/resource/images/home/sidebar_bg_blue.gif') 0 0 repeat-x; }

/* yellow */
.yellowskin, yellowskin a { color: #9B9595; }
.yellowskin { background: #E9EFCD url('/resource/images/home/sidebar_bg_yellow.gif') 0 0 repeat-x; }

/* red */
.redskin, .redskin a { color: #B76769; }
.redskin { background: #EDCBCC url('/resource/images/home/sidebar_bg_red.gif') 0 0 repeat-x; }