/*
	Home Page Menu and Content Region
	CSS Definitions for CWB site
*/

/* Home Page Content Region Defs */
#content{
	position:relative;
}
#content h2 {
	font-size:19px;
	margin:0;
	padding:0;
	line-height:30px;
	color:#666;
}
#content .strongtext {
	font-size:13px;
	font-weight: 500;
	color:#666;
	line-height:30px;
}
#newProducts{
	width:289px;
	border-bottom:dotted 1px #028c97;
	margin: 0 0 0 25px;
}
#leftCol{
	width:470px;
	float:left;
	padding:15px;
}
#rightCol{
	width:365px;
	float:right;
	padding:15px 15px 40px 15px;
}
/* STYLES COPIED FROM CWBANK SITE*/
/* Home Page Institutional Key Message Defs */
#institution-feature {
	position:relative;
	width:895px;
	height:279px;
}
#institution-feature .quote {
	width:360px;
	color:#fff;
	font-size:24px;
	margin-bottom:0px;
	margin-left: 20px;
	line-height:30px;
}
#institution-feature .attribute {
	font-size:18px;
	margin:0;
	padding:0;
	margin-top:12px;
	line-height:18px;
}
#key-message {
	position:relative;
	z-index:200;
	top:0;
	left:0;
	height:237px;
}
#key-messagecontent {
	position:relative;
	height:100%;
	margin:0;
	padding:0;
	margin-left:56%;
	background: url(../../images/home/keymessage_bg_grey.gif) no-repeat left 4px;
}
#valignwrap {
	position:absolute;
	bottom:0;
	left:0;
	padding:0 18% 20px 15px;
}
	/*
		Home Page Stretch Feature
		Image Defs are written in via a separate file
		Keep several versions and choose at server which file to link to
	 */
.stretch1, .stretch2, .stretch3, .stretch4, .stretch5 {
	position:absolute;
	bottom:0;
	left:0;
	width:13%;
	height:86px;
	margin:0;
	padding:0;
}
.stretch1content, .stretch2content, .stretch3content, .stretch4content, .stretch5content, .stretch5bcontent{							    
	position:relative;
	bottom:0;
	left:0;
	height:86px;
	margin:0;
	padding:0;
	margin-right:3px;
}
.top1, .top2, .top3, .top4, .top5 {
	position:absolute;
	top:0;
	width:13%;
	height:4px;
	font-size:.1em;
}
.topcontent {
	position:relative;
	height:4px;
	border-right:3px solid #fff;
	font-size:.1em;
}
.top5 div.topcontent {
	border-right:2px solid #fff;
}
/* stretch defs */
#institution-feature {
	background: #fff no-repeat 0 4px;
}
.stretch1 {
	z-index:105;
	width:13%;
	background:transparent no-repeat left bottom;
}
.stretch2 {
	z-index:104;
	width:26%;
	background:transparent no-repeat left bottom;
}
.stretch3 {
	z-index:103;
	width:39%;
	background:transparent no-repeat left bottom;
}
.stretch4 {
	z-index:102;
	width:52%;
	background:transparent no-repeat left bottom;
}
.stretch5 {
	z-index:100;
	margin-right:0;
	width:100%;
	background:transparent no-repeat left bottom;
}
.stretch1content {
	left:0;
	background:transparent no-repeat left bottom;
}
.stretch2content {
	background:transparent no-repeat left bottom;
}
.stretch3content {
	background:transparent no-repeat left bottom;
}
.stretch4content {
	background:transparent no-repeat left bottom;
}
.stretch5content {
	margin-left:56%;
	margin-right:0;
	background: repeat-x left bottom;
}
.stretch5bcontent {
	margin-left:20%;
	margin-right:0;
	background: repeat-x left bottom;
}
.top1 {
	z-index:110;
	width:13%;
}
.top2 {
	z-index:109;
	width:26%;
}
.top3 {
	z-index:108;
	width:39%;
}
.top4 {
	z-index:107;
	width:52%;
}
.top5 {
	z-index:106;
	width:65%;
}