/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:887px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		background:transparent url(images/bckgrnd_general.gif) repeat-y scroll left top;
	}
	
/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		height:102px;
		z-index:15;
		overflow:hidden;
		position:relative;
		border-bottom:solid 1px yellow;
	}

	#header ul.outils {
		float:right;
		clear:right;
		list-style:none;
		position:relative;
		top:-75px;
		margin:0.2em 150px 0.2em 0;
	}
	#header ul.outils li {
		float:left;
	}

/*============= Menu ==============s=*/

	#menu {
		border-top:solid 6px #ffffff;
		background:transparent url(images/header_image.jpg) repeat-y left top;
		z-index:30;
		height:114px;
		clear:both;
		position:relative;
	}


/* ===== Liquid 3 Coloums layout ===== */

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:887px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* 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 */
	.threecol {
		z-index:10;
		background:transparent url(images/footprint.gif) no-repeat scroll left top;
					/* right column background colour */
	}
	.threecol .colmid {
		right:36.8%;		/* width of the right column */
							/* center column background colour */
	}
	.threecol .colleft {
		right:36%;			/* width of the middle column */
							/* left column background colour */
	}
	.threecol .col1 {
		width:32%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:23%;			/* Width of left column content (column width minus padding on either side) */
		left:43%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:33%;			/* Width of right column content (column width minus padding on either side) */
		left:83%;			/* 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) */
	}

	.threecol .col2 .container {
		width:185px;
		float:right;
	}

	.threecol .col3 .container {
		width:310px;
	}
	
	/* Footer styles */
	/* Footer styles */
	#footer {
		z-index:5;
		width:292px;
		padding:0 15px;
		margin-left:240px;
	}
	#footer p {
		width:100%;
	}

.col3 form label {
	display:block;
	margin-top:4px;
}

.col3 input.text {
	width:275px;
}

.col3 form input.button {
	margin-top:10px;
}


/* ===== Frameset ===== */
html.frameset, html.frameset body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
}

html.frameset body {
	font-size:62.5%;
}

table.frameset, iframe.frameset {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
}