/*
	Home Page Menu and Content Region
	CSS Definitions for CWB site
	created by Yellow Pencil Inc
	http://www.yellowpencil.com/
*/

/* Home Page Content Region Defs */

#content {
	position:relative;
}
#leftCol{
	width:470px;
	float:left;
	padding:15px;
}
#rightCol{
	width:365px;
	float:right;
	padding:15px 15px 40px 15px;
}
#content h2 {
	font-size:1.15em;
	margin:0;
	padding:0;
	line-height:1.45em;
	color:#000;
}
#content .strongtext {
	font-size:1.15em;
	color:#3f3f3f;
	line-height:1.45em;
}
#content p {
	font-size: 12px;
	margin:0 0 .5em 0;
	padding:0;
	line-height:1.8em;
	padding-bottom:0.25em;
}
#content p strong {
	color:#000;f
	ont-weight:normal;
}
#content p a {
	color:#0f8397;
	text-decoration:none;
}
#content p a:hover {
	color:#000;
	background: url("../../images/yellow_underline.gif") repeat-x bottom left;
}

/* Home Page Institutional Key Message Defs */

#institution-feature {
	position:relative;
	width:100%;
	height:279px;
}
#institution-feature .quote {
	color:#fff;
	font-size:24px;
	margin-bottom:0px;
	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;p
	adding: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%;
}