
/* 

HOMEPAGE CSS Document 
------------------------------------------------------------------
PLEASE NOTE: this re-defines the generic classes
and is ONLY used as an additional include on the home page.

The only difference is that the div .sectionimg is removed and
the branding area is enlarged to support the image.

PLUS the layout is obviously diffrent to the other pages

*/

.globalnav ul {
	padding-left:0.5em;
}


.sectionimg {
	clear:both;
	float:left;
	height:6.4em;
	background-image:none;
	overflow:hidden;
}
.sectionimg img {
	height:6.6em;
	width:100%;
}

.branding 
{
	/*height: 14em;
	background:url(../images/banners/sample-section.jpg) bottom center;*/
	background:url(/global/images/banners/homepage.jpg) top center;
	clear:both;
	float:left;
	/*height:7.85em;*/
	height: 9em;
}



/* Content area modifications: */
.content { 
	clear:both;
	float:left;
	padding:0;
	margin:0;
	background-color:#709B83;
	border: none;
}
.content .top {
	float:left;
}
.content .welcome {
	clear:both;
	float:left;
	width:42.05em;
	height:auto;
	padding:0;
	margin:0;
	padding-left:1.2em;
	padding-top:1.2em;
	background-color:#709B83;
	color:#fff;
}
.content .welcome p {
	padding-right:2em;
}
.content .welcome a { color: #fff; }
.content .welcome a:link { color: #fff; }
.content .welcome a:active { color: #fff; }
.content .welcome a:hover { color: #fff; }
.content .welcome a:visited { color: #fff; }

.content .overview {
	float:right;
	width:31em;
	height:22.25em;
}

.content.disclaimer a { color:#fff; }
.content.disclaimer a.white.large { color:#fff; font-size:1.3em; font-weight:bold; padding-left:0.6em }
.intro .heading h2 { font-weight:bold; }

.content .overview .section {
	clear:both;
	color: #fff;
	height:6.65em;
	padding-top:0.8em;
	padding-left:1em;
	background-position:right top;
	background-repeat:no-repeat;
}

.overview .section h3 { text-transform:uppercase; font-size:1em; color:#0c3a1e; }
.overview .section p { width:22em; padding-bottom:0.4em;}


.overview .section.sc1 { background-color:#8CAF9A; background-image:url(/global/images/content/portrait-1.jpg); }
.overview .section.sc2 { background-color:#9AB8A6; background-image:url(/global/images/content/portrait-2.jpg); }
.overview .section.sc3 { background-color:#A8C2B2; background-image:url(/global/images/content/portrait-3.jpg); }

/* Content classes for the disclaimer page */
.content.disclaimer { background-color:#8CAF99; }
.content.disclaimer .welcome { background-color:#6F9B82; width:55em; height:auto; }

.content.disclaimer .welcome .frmradio { background-color:#fff; color:#000; padding:0.4em; width:20em; margin-bottom:0.5em; }
.content.disclaimer .welcome .frmradio input { padding:0; margin:0; }
.content.disclaimer .welcome .frmradio a { text-decoration:none; color:#000; padding-left:0.5em; }
.content.disclaimer .welcome ul,
.content.disclaimer .welcome ol {
	clear:both;
	padding:0;
	margin:0;
	padding-left:0em;
	list-style-position:inside;
}


.content .wide {
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:0em;
	background-color:#79B1BD;
	overflow:hidden;
}
.content .wide .block.left { width:14.71em; _width:14.88em;}
.content .wide .block.left img { width:14.72em; _width:14.88em; }
.content .wide .block.right { padding:1em; background-color:#DBE5DD; float:right; width:57.532em!important; width:57.31em; overflow:hidden; }
.content .wide .block {}
.block.last {padding:0;}

.markets {
	clear:both;
	float:left;
	width:14.5em;
	padding:0.4em;
	height:15.2em!important;
	height:17em;
	background-color:#fff;
}

.news { 
	float:left;
	width:38.5em;
	clear: left;
}
.newslist {
	clear:both;
	float:left;
	font-size:1em;
	width:38.5em;

	padding-bottom:0.5em;
	overflow:hidden;
}

.block br { clear:both; }

.newslist .row { clear:both; float:left; width:38.5em;  padding:0.2em; margin:0; padding-bottom:0.2em; height:5.4em; }
.newslist .row span { float:left; width: 5em; font-weight:bold; padding-top:0.2em; padding-left:0.2em }
.newslist .row p { clear:none; float:left; font-weight:bold; padding:0.15em 0; padding-left:0.2em; margin:0; font-weight:normal; width:30em }
.newslist .row a { text-decoration:none; color:#000; }
.newslist .row a:hover { text-decoration:underline; }
.newslist .row.aa { background-color:#C2D1C4;}
.newslist .row.bb { background-color:#A8BEAD;}


.quicknav {
	height:22em;
	width:14.72em;
	margin:0;
	padding:0;
	overflow:hidden;
	 _width:14.88em;

}

.banners .heading { width:100% }
.banners { float: right; width:17.2em; }
.banners img { width:17.15em; }

