body {
	width:100%;
	margin: 0;
}

/* Header styles */
#header {
	clear:both;
	width: 1100px;
	height: 283px;
/*	width: 1000px;
	height: 283px; */
	margin: 0 auto;
	margin-bottom: -1px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
/*	background-color: #798E97; */
	background-image:url('/assets/CS_banner.png');
	background-size: 1100px 283px;
    	background-repeat: no-repeat;
	padding: 0;
} 


/* 'widths' sub menu */
 #layoutdims {
	clear:both;
	border-top:0px solid #fff;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
} 
/* column container */
.colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both; 
	width: 1100px;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	margin: 0 auto;
	margin-bottom: -1px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings COMPOSER */
.threecol {				/* =complete block */
	background:#fff;		/* right column background colour */
	border:1px solid;
	border-color: #333333;
}
.threecol .colmid {
	right:220px;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:780px;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:80px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:220px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings POET */
.threecolP {				/* =complete block */
	background:#647a72;		/* right column background colour */
	border:1px solid;
	border-color: #333333;
}
.threecolP .colmid {
	right:220px;			/* width of the right column */
	background:#f7f7ee;		/* center column background colour */
}
.threecolP .colleft {
	right:780px;			/* width of the middle column */
	background:#647a72;	/* left column background colour */
}
.threecolP .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolP .col2 {
	width:80px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolP .col3 {
	width:220px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* 3 Column settings SINGER */
.threecolS {				/* =complete block */
	background:#8196b3;		/* right column background colour */
	border:1px solid;
	border-color: #333333;
}
.threecolS .colmid {
	right:220px;			/* width of the right column */
	background:#f7f7ee;		/* center column background colour */
}
.threecolS .colleft {
	right:780px;			/* width of the middle column */
	background:#8196b3;		/* left column background colour */
}
.threecolS .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolS .col2 {
	width:80px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolS .col3 {
	width:220px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* 3 Column settings ABOUT/GENERAL */
.threecolA {				/* =complete block */
	background:#fff;		/* right column background colour */
	border:1px solid;
	border-color: #fff;
}
.threecolA .colmid {
	right:220px;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecolA .colleft {
	right:780px;			/* width of the middle column */
	background:#fff;  		/* left column background colour */
/*	background:#717693; */

}
.threecolA .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolA .col2 {
	width:80px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolA .col3 {
	width:220px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings RESEARCH */
.threecolR {				/* =complete block */
	background:#717693;		/* right column background colour */
	border:1px solid;
	border-color: #333333;
}
.threecolR .colmid {
	right:220px;			/* width of the right column */
	background:#f7f7ee;		/* center column background colour */
}
.threecolR .colleft {
	right:780px;			/* width of the middle column */
	background:#717693;  		/* left column background colour */

}
.threecolR .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolR .col2 {
	width:80px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolR .col3 {
	width:220px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* 3 Column settings HOME */
.threecolI {				/* =complete block */
	background:#fff;		/* right column background colour */
	border:1px solid;
	border-color: #fff;
}
.threecolI .colmid {
	right:160px;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecolI .colleft {
	right:780px;			/* width of the middle column */
/*	background:#8196b3; */ 		/* left column background colour */
	background:#fff; 
/*	background:#717693; */

}
.threecolI .col1 {
	width:760px;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecolI .col2 {
	width:160px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolI .col3 {
	width:160px;			/* Width of right column content (column width minus padding on either side) */
	left:1040px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer styles */
#footer {
	clear:both;
	width: 1100px;
	margin: 0 auto;
}
#footer p {
	padding:10px;
	margin:0;
}