/* Start of CMSMS style sheet 'layout' */
html, body {margin: 0; padding: 0; height: 100%; }
body { border: 0; width: 100%; background: #fff; min-width: 800px; }

div {margin:0; padding: 0; }

#background-left { position:absolute; left: 0; top: 0; height: 300px; width: 30%; z-index: 1; background-color: red;}
#page-wrap{
       position: relative;
	width: 890px;
	margin: 0 auto;
       z-index: 100;
}

#clear-top { clear:both; position: relative; height: 0px; overflow: hidden;}


/* Header styles */
#header { position: relative; clear: both; height: 282px; width: 890px; top: 0; left: 0; margin-left: 0; }
#logo { position: absolute; top: 0px;  }
#slogan { position: absolute; top: 120px; }
#quote { position: absolute; top: 160px; }
#let-us-help { position: absolute; top: 164px; left: 240px; }
#login-box {position: absolute; top: 244px; }
#logged-in-menu {position: absolute; top: 244px; }
#main-menu { position: absolute; top: 205px;  }

.accessibility { display: none;  position: absolute;  top: -999em;  left: -999em; }

/* column container */
.one-col { margin-top: 25px; }
.col-mask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
.holygrail { }
.holygrail .col-left {
	float: left; position: relative;
	width: 200%;
	margin-left: -347px;
	right: 100%;
}
.holygrail .col-1-wrap {
	float: left; position: relative;
	width: 50%;
	left: 50%;
	padding-bottom: 1em;
	margin-top: 25px;
}
.holygrail .col-1 {
	margin: 0  15px 0 360px;
	overflow: hidden;
}
.holygrail .col-2 {
	float: right;
	width: 230px;
	position: relative;
	left: 245px;
}

/* Footer */

#background-footer {clear:both; position: relative; height: 304px; }
#footer {  position: relative; width: 100%; width: 890px; margin: 0 auto; }
/* End of 'layout' */