#container {
	margin: 10, 10, 10;
}

/* Header styles */
#header {
    clear:				both;
    float:				left;
    width:				100%;
	height:				150px;
	background-image:	url(../img/banner_repeater.jpg);
	background-repeat:	repeat-x;
}
#submenu {
    clear:				both;
    float:				left;
    width:				100%;
	height:				30px;
	line-height:		30px;
	background-image:	url(../img/h_menu_repeater.jpg);
	background-repeat:	repeat-x;
	font-family:		calibri, Arial, verdana;
	font-size:			12px;
	color:				#FFFFFF;
}

/* column container */
.colmask {
	position:			relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:				both;
    float:				left;
    width:				100%;			/* width of whole page */
	overflow:			hidden;			/* This chops off any overhanging divs */
}

.rol {
    background:			#006699;		/* Right column background colour */
}
.rol .colmid {
    float:				left;
    width:				200%;
    margin-left:		-150px;			/* Width of right column */
    position:			relative;
    right:				100%;
    background:			#ffffcc;		/* Centre column background colour */
}

.rol .colmid a {
	color:				#000000;
}

.rol .colleft {
    float:				left;
    width:				100%;
    margin-left:		-50%;
    position:			relative;
    left:				300px;			/* Left column width + right column width */
    background:			#006699;		/* Left column background colour */
    
}
.rol .col1wrap {
    float:				left;
    width:				50%;
    position:			relative;
    right:				150px;			/* Width of left column */
    padding-bottom:		1em;			/* Centre column bottom padding. Leave it out if it's zero */
}
.rol .col1 {
    margin:				0 165px;		/* Centre column side padding:
                        				Left padding = left column width + centre column left padding width
                        				Right padding = right column width + centre column right padding width */
    position:			relative;
    left:				200%;
    overflow:			hidden;
	z-index:			1;
}
.rol .col2 {
    float:				left;
    float:				right;			/* This overrides the float:left above */
    width:				120px;			/* Width of left column content (left column width minus left and right padding) */
    position:			relative;
    right:				15px;			/* Width of the left-had side padding on the left column */
    color:				#FFFFFF;
}
.rol .col3 {
    float:				left;
    float:				right;			/* This overrides the float:left above */
    width:				120px;			/* Width of right column content (right column width minus left and right padding) */
    margin-right:		45px;			/* Width of right column right-hand padding + left column left and right padding */
    position:			relative;
    left:				50%;
    color:				#FFFFFF;
}

.rol .col3 a {
	color:				#FFFFFF;
}

/* Footer styles */
#footer {
    clear:				both;
    float:				left;
    width:				100%;
	border-top:			1px solid #000;
	border-bottom:		1px solid #000;
	background:			#663399;		/* Background color of the footer */
	color:				#ffffff;		/* Textcolor of the footer */
}
#footer, a {
	color:				#ffffff;		/* Textcolor of the href elements in the footer */
}