@charset "utf-8";
/* CSS Document */

#featured {
	height: 350px;
	width: 900px;
	margin: 0px auto 20px auto;
	position: relative;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-topleft:10px;
}
#featuredControls {
	width: 225px;
	height: 350px;
	position: absolute;
	top: 0;
	right: 0;
}
#featuredControls .control {
	height: 110px;
	width: 100%;
	right: 0;
	position: absolute;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
#featuredControls .control h1 {
	font-size: 100%;
	font-weight: normal;
	color: #003A6D;
	padding: 5px;
	margin: 0px;
	height: 100%;
	background: url(/images/featured/featured_gradient.png) top left repeat-x;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;/*	
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
*/
}
#featuredControls .control.selected {
	/*	
	height: 106px;
	border: 2px solid white;
*/
	border-left: 10px solid white;
}
#featuredControls .control.top {
	top: 0;
	background: url(/images/featured/featured_1.jpg) bottom left no-repeat;
}
#featuredControls .control.middle {
	top: 50%;
	margin-top: -55px;
	background: url(/images/featured/featured_2.jpg) bottom left no-repeat;
}
#featuredControls .control.bottom {
	bottom: 0;
	background: url(/images/featured/featured_3.jpg) bottom left no-repeat;
}
.featuredContent {
	width: 665px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	/**/
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	background-color: white;
}
.featuredSubList {
	width: 200px;
	height: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.featuredSubList .active {
	border-right: 2px solid blue;
}
.subContent {
	float: right;
}
.featuredSubContent {
	height: 340px;
	width: 455px;
	float: right;
	border: 5px solid white;
	overflow: hidden;
	background-color: pink;
}
.featuredSubList li {
	max-height: 31%;
	width: 96%;
	margin: 1%;
	padding: 0px 0px 5px 0px;
	float: left;
	border-bottom: 1px dotted #333333;
}
.featuredSubList li:last-child {
	border-bottom: none;
}
.featuredSubList li h2 {
	font-size: 100%;
	margin: 0px;
	padding: 5px;
	color: #003A6D;
	font-weight: normal;
}
.featuredSubList li p {
	font-size: 75%;
	margin: 0px;
	padding: 5px;
	text-align: left;
	color: #333333;
}
.featuredSubList li a,
.featuredSubList li a:visited,
.featuredSubList li a:hover, 
.featuredSubList li a:active {
	float: right;
	width: 100%;
	color: #003A6D;
	text-decoration: none;
}