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

/*#header {position:relative;height:94px;}*/

/* Home Page Content Region Defs */

	#content {position:relative;padding:2em 50% 4.75em 1.3em;}
	*html #content {padding-right:47%;}
		#content h2 {font-size:16px;margin:0;padding:0;line-height:1.45em;color:#000;font-weight:bolder;}
		#content .strongtext {font-size:14px;color:#3f3f3f;line-height:1.45em;}
		#content p {font-size:14px;margin:0 0 .5em 0;padding:0;line-height:1.8em;padding-bottom:0.25em;}
		#content p strong {color:#000;font-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:absolute;z-index:200;top:0;left:0;height:237px;width:100%;}
		#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%;}