/*-------------------------------------
	"Featured Content" Area
-------------------------------------*/
div#featuredContent
{
	height: 242px; /* 238 might be possible */
	background: #333333 url(images/bg_featured_repeat.gif) repeat-x top left;
	color: White;
	padding-top: 4px;
}
div.FeatureBoxShadowLeft
{
	float: left; width: 12px; height: 242px; background: transparent url(images/bg_boxshadow_left.jpg) no-repeat top left;
}
div.FeatureBoxShadowMiddle
{
	float: left; width: 13px; height: 242px; background: transparent url(images/bg_boxshadow_middle.jpg) no-repeat top left;
}
div.FeatureBoxShadowRight
{
	float: left; width: 12px; height: 242px; background: transparent url(images/bg_boxshadow_right.jpg) no-repeat top left;
}
div#largeFeatureBox
{
	float: left;
	width: 448px;
	height: 242px;
	border: 1px solid White;
	background: White url(images/bg_featureBoxLarge_repeat.jpg) repeat-x top left;
}
div#largeFeatureBoxContent
{
	height: 203px; /* blue area is 219px tall */
	padding: 8px;
	background: transparent url(images/featreBoxLarge_michigan.jpg) no-repeat 95% 100%;
}

div#smallFeatureBox1, div#smallFeatureBox2
{
	float: left;
	padding: 8px;
	width: 182px;
	height: 226px;
	border: 1px solid White;
	background: White url(images/bg_featureBoxSmall_repeat.jpg) repeat-x top left;	
}
div#smallFeatureBox2 ul li
{
	list-style-type: none;	
	background: transparent url(images/blt_greenBox.jpg) no-repeat center left;	
	margin-left: 0;
	padding: 3px 2px 3px 18px;
}
div#smallFeatureBox2 ul li a {color: White; font-weight: normal;}
div#smallFeatureBox2 ul li a:hover { color: Black; }

div#contentContainer
{
	clear: both;
	padding: 12px;
}

/*-------------------------------------
	DNN Panes
-------------------------------------*/
div#dnn_contentPane
{
	float: left;
	margin-right: 6px;
	width: 450px;
}
div#dnn_rightPane
{
	float: left;
	margin-left: 6px;
	width: 414px;
}