/* 
 * Fluid layout CSS
 * Author: Bart de Boer
 * Copyright: Bart de Boer, Mediawave
 */

/* div, ul, li, h1, form {
	background-image: url(../graphics/tester.png);
	border: 1px solid #000000;
} */

body {
	margin: 0;
	padding: 0;
}

html, body {
	height:100%;
}
/* container is on the back */
#container {
	height: 100%;
}
/* brbg is secondary right background with height:100% in case the browser is too big and rbg doesn't work*/
.brbg {
	height: 100%;
}
/* lbg will inherit the size from .brbg if it's too big. otherwise will stretch with the content */
.lbg {
	min-height: 100%;
}
/* Will only stretch as far as the content because it doesn't have a parent with height: 100% */
.rbg {
	min-height: 100%;
}

* html #container, * html .lbg {
	height: 100%;
}

#container {
	width: 60em;
	margin: 0 auto 0 auto;
	/* width: 50em;
	width: 65em; */
}

#header {
	line-height: 1em;
}

#header h1 {
	padding: 0;
	margin: 0;
}

#header h1 a {
	display: block;
	font-size: 100%;
	height: 10em;
	height: 150px;
	width: 40%;
	margin: 0;
	padding: 0;
}

#header #search {
	float: right;
	height: 2em;
	clear: right;
	padding: 0 5% 0 0;
	margin-top: -.2em;
}

#header #search form {
	padding: 0;
	margin: 0;
}

#header #altMenu ul, #header #topMenu ul {
	margin: 0;
	padding: 0; 
}
#header #altMenu li, #header #topMenu li {
	display: inline;
}

#header #altMenu li a, #header #topMenu li a {
	float: left;
	display: block;
}

#header #altMenu {
	float: right;
	width: 30%;
	height: 1.9em;
	margin: 0 -1ex 0 0;
	padding: 0 5% 0 0;
}

#header #topMenu {
	height: 1.9em;
	margin: 0 0 0 -1ex;
	padding: 0 0 0 5%;
}

#header #altMenu li { 
	float: right; 
	padding: .9em 1ex 0 1ex;
}

#header #topMenu li { 
	float: left; 
	padding: 0 1ex 0 1ex;
}

#header li a, #header li div {
	padding-bottom: 1ex; /* Avoid chopping off underside of font */

}

#body {
	width: 100%;
	clear: both;
}


#body #breadCrumb {
	padding: .5em 0 .5em 5%;
	line-height: 1.2em;
	height: 1.2em; 
}

#body #minHeight {
	float: right;
	width: 0%;
	height: 30em;
} 

#body #content, #body #errors {
	width: 60%;
	margin-left: 5%;
}

#body #sidePanel {
	float: right;
	width: 20%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 5em;
	min-height: 25em;
}

* html #body #sidePanel {
	height: 25em;
}

* html #body #subMenu {
	margin-right: 2.5%;
}

#footer {
	padding: 2em 5% 2em 5%;
	text-align: right;
	/* line-height: 1.2em;
	height: 1.2em; */
}

#footer img {
	border: 0;
}

.floatRight {
	float: right;
	margin: 0 0 1em 5%;	
}

.floatLeft {
	float: left;
	margin: 0 5% 1em 0;	
}