body {

	font-family: arial, times, helvetica, sans-serif;

	font-size: 10px;

	min-width: 40em;				/* 2x (LC fullwidth + CC padding) + RC fullwidth */

	background-color: #0000a3;

	margin: 0em;

	padding: 0em;

	width: 100%;					/* FF doesn't always fill the screen without this */

}







#header {

	z-index: 5; position: absolute; left: 0em; top: 0em; width: 100%;

	background-color: #77c;

	background-image: url('images/banner3.png');

	background-position: right top;

	

	background-image: url('images/banner2.png');

	background-position: left top;

	background-repeat:no-repeat;

}







#headerprop {

	height: 15em;					/* add height of header */

	float: right;

	width: 0.1em;

}







#container {   

	position: relative;				/* fix to 'IE7 10000px padding-bottom spill over footer' problem */

	overflow: hidden;

	padding-left: 18em;				/* LC fullwidth */

	padding-right: 22em;			/* RC fullwidth + CC padding */

}







#container .column {

	position: relative;

	float: left;

	padding-bottom: 2001em;		/* enormous value + padding-bottom, assuming padding-bottom if 10px - equal left and right columns) */

	margin-bottom: -2000em;		/* enormous value */

}







#centercolumn {



	font-size: 1.2em;

	min-height: 90em;				/* same as the IE min-height hack below */

	width: 100%;

	z-index: 4;

	margin-top: 13.4em;				/* header graphic height */

	background-color: #fff;

	background-image: url('images/wall3.png');

	background-repeat: repeat-x;

	overflow: hidden; padding-left:2em; padding-right:2em; padding-top:1em; padding-bottom:1em;

}







/* IE min-height hack */



.prop {

	height: 90em;  /* 900 pixels or so, should optimally desigd for high resolution screen setting. */

	float: right;

	width: 0.1em;

}







/* IE min-height hack continued */



.clear {

	clear: both;

	height: 0.1em;

	overflow: hidden;

}







#leftcolumn {

	width: 13em;				/* LC width (ie fullwidth minus padding) */

	padding: 1em 0em;			/* LC padding (top, right, bottom, left) */

	left: 23em;					/* RC fullwidth */

	margin-left: -100%;

	margin-top: 0em;

	z-index: 2;

	top: 16em;					/* header graphic height */

	background-color: #fa7; border: 0.1em solid #a9a9a9;

	background-image: url('images/walll.png'); background-position: right;

	padding-left:1em; padding-right:1em; padding-top:0em; padding-bottom:0em;



  }







/* Original Holy Grail IE6 hack to stop the negative margin pulling the left column too far to the left, incorporating the 'left column disappearing hack' + the IE7 javascript fix */



#container > #leftcolumn {

	left: -21em;				/* Negative of (LC fullwidth + CC padding) = width for all browers other than IE7 */

/*	margin-left: expression(

	document.all.centercolumn.offsetWidth * -1 +

	parseFloat(document.all.centercolumn.currentStyle.paddingLeft) +

	parseFloat(document.all.leftcolumn.currentStyle.paddingLeft) +

	parseFloat(document.all.leftcolumn.currentStyle.paddingRight)

	);							/* Fix for IE7 */

}





#rightcolumn {

	width: 13em;				/* RC width (ie fullwidth minus padding) */

	padding: 0em 1em;   		/* RC padding (top, right, bottom, left) */

	margin-left: 2em;

	margin-right: -32em;		/* This value is supposed to be 'Negative of RC fullwidth + CC padding' */

	z-index: 3;

	top: 16em;					/* header graphic height */

	background-color: #fa7; border: 0.1em solid #a9a9a9;

	background-image: url('images/wallr.png'); background-position: left;

	padding-top: 1em;

}







#footer {

	clear: both;

	background-color: #77c;

	position: relative;	z-index: 10;

	border-bottom: 0.2em solid #000; border-top: 0.1em solid #000;

	color: #fff;

	padding: 0.5em;				/* choose a value - it won't mess up anything else! */

}





/* IE6 Fix for spill over footer */



* html body {

	overflow: hidden;

}



* html #footer-wrapper {

	float: left;

	position: relative;

	z-index: 10;

	clear: both;				/* IE fix for footer jumping up when right column is short */

	width: 100%;

	padding-bottom: 1001em;

	margin-bottom: -1000em;

	background: #fff;			/* Same as body background */

}











/** Navigationsstyle start **/



#nav {

	width: 11.5em;

	margin: 0em;

	padding: 1em 0em;

	background:url(images/onepx_line.gif) 88% 10% repeat-y;

}

#nav a:link, #nav a:visited {

	display: block;

	margin: 0.71em 0;

	padding: 0.75em 0.75em 0.75em 1.5em;

	border: 0.1px solid #675;

	height: 1em;

	background: #117 url(images/br_corner_link.gif) bottom right no-repeat;

}

#nav a:hover {

	background-image:url(images/br_corner_hover.gif);

}

#nav #aktiv a {

	background-image:url(images/br_corner_active.gif);

}

#nav ul {

	list-style:none;

	margin:0;

	padding:0;

}

#nav li {

	margin:0;

	padding:0;

}



/** Navigationsstyle end **/







/** Something else start**/



.imp {

	border-color:#060;

	border-bottom:dashed;

	border-width:thin;

	padding:0.3em;

}



.tooltip {

	position: absolute;

	top: 2em;

	display: none;

	background-color: #010101;

}



a {

	color:#fff;

	padding-top:2em;

}



/** Something else end **/





/** IE !Warning! start **/



a#tooCool {

	position: fixed;

	right: 0;

	bottom: 0;

	display: block;

	height: 80px;

	width: 80px;

	background: url(images/too_cool.png) bottom right no-repeat;

	text-indent: -999em;

	text-decoration: none;

}



/** IE !Warning! end **/

