/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/* center wrapper, min max width */
#wrapper {
	width: 960px;
	margin: 0 auto;       /* this centers wrapper */
	border: 2px ridge #662e93;
	background-color: #fff;
}


/* header includes the logo and nav buttons */
#header {
	width:100%; 
	height:122px;
	background-image: url("/skins/totallylesmills/images/tile_header.jpg"); /*nice gradient at top of the page */
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0 0 0 0;
	padding:0;
}

/* Contains image below the header */
#banner{
	width:100%;
	height: 250px;
	background: #fff;
}

/* 
wrapper around the content section with 3 sections, left centre and right 
Template 1 uses 3 column layout with left and right columns
Template 2 uses 2 column layout with left column
Template 3 uses the whole section with no left or right columns
*/

#main {
	width: 956px;
	background-color:#fff;
	margin: 1em auto 2em 0;   /* some air above and under menu and content */
}

/* left content used in templates 1 and 2. */
#contentleft {
	width:200px;
	float:left;
	border-right: 1px dashed #CCC;
}

/* right content only used in template 1 */
#contentright {
	width:158px;
	float:right;
}

/* centre content used for template 1 */
#content1{
	width:60%;
	float:left;
}

/* centre content used for template 2 */
#content2{
	width:750px;
	float:left;

}

/* centre content used for template 3 */
#content3{
	width:958px;
	float:left;
}

/* cannot use name 'footer' since this clashes with the Invision forum style sheet */
#sdfooter{
	width:950px;
	background:#444;
	border-top: 2px solid #cc9ff1;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}