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

/* Level one banner */

#levelOneBanner {
	float: left;
	width:680px;
	height:250px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 10px solid #000;
	position:relative /* Tim */
}

#levelOneBannerArea {
	background: #000000;
	width:680px;
	height:250px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	position:relative;
	z-index: 1;
}

.sys_levelOneBannerRow{
	background: #000000;
	width:1360px;
	height:250px;
	position:relative;
}

.sys_levelOneBannerRow .sys_sub{
	position:relative;
	float:left;
	width:680px;
	height:250px;
	background:#000;
}

.sys_levelOneBannerBG {
	width:680px;
	height:250px;
	position:absolute;
	padding: 0;
	margin: 0;
}

.sys_levelOneBannerInfo{
	width:340px;
	height:80px;
	float: right;
	margin: 140px 10px 0 0 !important; /* For all browsers */
	margin: 140px 5px 0 0; /* Fix for IE6 */
	padding: 10px;
	background-image: url('/SiteElements/Images/bannerInfo-bg.png'); /* For all browsers */
	position:relative;
	z-index: 3;
}

#levelOneBanner .subHeading {
	color: #fff;
	font-size: 1.8em; 
	margin: -6px 0 8px -2px;
	padding: 0;
        display: block;
}

#levelOneBanner .subHeading  a{
	color: #fff;
	text-decoration: none;
}

#levelOneBanner .subHeading  a:hover{
	color: #fff;
	text-decoration: underline;
}

#levelOneBanner p {
	color: #fff;
	margin: 0;
	padding: 0;
}

.sys_youTubeVideo {
	height: 230px;
	width: 400px;
	margin: 10px;
	background: #000;
	border: 0;
	overflow: hidden;
	position:absolute;
	z-index: 1;
}

#levelOneBannerArea .sys_bannerVideo {
	 min-height: 228px;
	 min-width: 288px;
	 margin: 10px;
	 background: #000;
	 border: 1px solid #000;
	 position:absolute;
	 z-index: 2;
}

#levelOneBannerArea .sys_bannerVideo img {
	display: block;
}

/* Level one banner Controls */

#levelOneBannerControls {
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
	/* width: 300px; Removed Tim*/	
	/* margin: 110px 0 0 370px !important;  For all browsers Removed Tim*/
	/*margin: 110px 0 0 365px;  Fix for IE6 - should be in IE6 specific stylesheet (Removed Tim)*/
	padding: 0;
	text-decoration: none;
	text-align: center;
	position: absolute;
	Right: 6px;
	top:175px;
	z-index: 3;
}

#levelOneBannerControls ul {
	list-style: none;
	float: right;
}

#levelOneBannerControls li {
	float: left;
}

#levelOneBannerControls a{
	display: block;
	height: 18px;
	width: 18px;
	color: #000;
	background: #000;
	text-decoration: none;
}

#levelOneBannerControls a:hover{
	display: block;
	color: #fff;
	background: #fff;
	text-decoration: none;
	border: 1px solid #000000;
}

#levelOneBannerControls .sys_selected {
	color: #999;
	background: #999;
}

/* Main section */

#fullWidthMainContentSection {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 700px;
}

#levelOneArticle01 {
	min-height: 230px;
	width: 370px;
	float: left;
	margin: 0;
}

#levelOneArticle02 {
	min-height: 230px;
	width: 310px;
	float: left;
	margin: 0 0 0 20px;
}

#levelOneArticle02 img {
	margin: 0;
	padding: 0;
	border: 0;
}

#fullWidthMainContentSection h2 {
	font-size: 1.4em; 
	color: #fff;
	background: #000;
	padding: 5px 12px;
}

/*======================= CHANGED OR AMENDED CSS ===============================*/
#levelOneBannerControls a {display:block; width: 18px; height:18px;float:left; margin-right:4px; background: #000; border: 1px solid #ffffff;}
#levelOneBannerControls a.activeSlide {background: #999999; color:#999999; border: 1px solid #ffffff;}


/*--------------------------------------

NEW JUlY 2014

-----------------------------------------*/

#levelOneBanner {
    width: 860px;
    height: 316px;
}

#levelOneBanner .subHeading {
    color: #fff;
    font-size: 1.5em;
}

#levelOneBannerArea {
    width: 860px;
    height: 316px;
}

.sys_levelOneBannerBG {
    width:860px!important;
    height:auto;
}

.sys_levelOneBannerInfo {margin: 205px 10px 0 0 !important;}

#mainContentColumn { width: 880px; }

#fullWidthMainContentSection { width: 880px; }

#levelOneArticle01, #levelOneArticle02 { width: 430px; }

#levelOneArticle02 { margin: 0 0 0 20px; }