html, body { height: 100%; }

body {
	padding:0;
	margin:0;
	font: 70% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff top center;
	}

#container {
	margin: 0 auto;
	width: 1000px;
	background: #ffffff top center no-repeat;
	padding: 0 4px 4px 4px;
	}



/* top & navigation
-------------------------------------------------*/

#top {
	display: none;
	height: 0;
	}
	
	#logotype  {
		position: absolute;
		margin: 6px 0 0 30px;
		width: 273px;
		height: 86px;
		cursor:pointer;
		background: url('../layout/lestrup/logotype.jpg') center center no-repeat;
		}


#header {
	height: 75px;
	padding: 10px 10px 10px 360px;
	background: url('../layout/lestrup/header.gif') center center no-repeat;
	overflow:hidden;
	}


#nav {
	height: 26px;
	background: #fff;
	border-bottom: 16px solid #000;
	font-family: 'Courier New';
	}

	.navigation ul { list-style: none; padding:0; margin:0; }

	.navigation li {
		background: url('../layout/lestrup/nav_li.gif') top left no-repeat;
		float: left;
		padding: 3px 3px 4px 16px;
		width: 100px;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
		}
		
	.navigation a {
		text-decoration:none;
		font-weight: bold;
		font-size: 150%;
		text-transform: uppercase;
		}

		.Lev1 {
			}
			
		.Lev1 li {}
		.Lev1 li a { color: #000;}
		.Lev1 li:hover, 
			.Lev1 li.hover {  text-decoration: none;  }
		.Lev1 li a:hover {  text-decoration: none;  }
		.Lev1 li.focus {  }
		.Lev1 li.focus a { color: #d90000; text-decoration: none; }
		.Lev1 li.high {  }
		.Lev1 li.high a { color: #000; }
		.Lev1 li.first { background: none; padding: 4px 3px 4px 3px; }
		.Lev1 li.first a { }
		
		.navigation .Lev2 {
			width: 800px;
			position: absolute;
			margin: 10px 0 30px 0;

			}
		.Lev1 li:hover .Lev2 {  }
			
		.Lev2 li, .Lev1 li.focus .Lev2 li {
			float: left;
			width: 120px;
			background: transparent;
			text-align: left;
			padding: 0;
			text-decoration: none;
			}
			
		.Lev2 li a { color: #333; text-decoration: none; }
		.Lev2 li:hover, 
			.Lev2 li.hover {  }
		.Lev2 li a:hover {  }
		.Lev2 li.focus {  }
		.Lev2 li.focus a { text-decoration: underline; }
		.Lev2 li.high {  }
		.Lev2 li.high a { color: #fff; }
		.Lev2 li.first {  }
		.Lev2 li.first a { color: #fff; }

		.Lev3 {
			
			}
			
		.Lev3 li {}
		.Lev3 li a { color: #ae4b4b;}
		.Lev3 li:hover, 
			.Lev3 li.hover {  }
		.Lev3 li a:hover { color: #fff; }
		.Lev3 li.focus {  }
		.Lev3 li.focus a { color: #000; }
		.Lev3 li.high {  }
		.Lev3 li.high a { color: #fff; }
		.Lev3 li.first {  }
		.Lev3 li.first a { color: #fff; }



/* content & footer
-------------------------------------------------*/

#main {
	margin: 0px 0;
	background: #ffffff top center no-repeat;
	}

	#content, #sidebar-0, #sidebar-1, #sidebar-2 { line-height: 18px; text-align: left; background: #ffffff top center no-repeat; }
	
		#main .sideBox {
			padding: 10px 0 0 0;
			margin: 10px 0 0 0;
			border-top: 1px solid #e1e1e1;
			}

			#main .sideBox:first-child { padding: 0; margin: 0; border: 0; }
			#main .sideBox h4 { }
			#main .sideContent { }


#footer {
	margin-top: 10px;
	background: #fff;
	border-bottom: 7px solid #000;
	padding: 6px 0;
	color: #000;
	clear:both;
	}





/* text markup
-------------------------------------------------*/
a {
	color: #111111;
	text-decoration: underline; }

	a:hover {
		color: #656565;
		text-decoration: underline; }
	a.large { font-size:120%; font-weight:bold; }



h1, h2, h3, h4, h5 {
	font-style: 'Courier New';
	color: #3c3d3d;
	font-size: 1.7em;
	margin: 0 0 3px 0; }

	h2 { font-size: 1.5em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.3em; }
	h5 { font-size: 1.2em; }

	h1 span, h2 span, h3 span, h4 span, h5 span { color: #999999; }
	h1 .large, h2 .large, h3 .large, h4 .large, h5 .large { font-size: 130%; }
	h1 .small, h2 .small, h3 .small, h4 .small, h5 .small { font-size: 80%; }

.h-info, .h-box {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 0.8em;
	color: #999999; }

	.h-box { padding: 2px 3px; border: 1px solid #e1e1e1; background: #fafafa; }

p { padding: 2px 6px 8px 6px; }

.content { margin: 4px 0 10px 0; }
.content-0 { margin: 4px 14px; }
.content-1 { margin: 10px 14px; }
.content-2 { margin: 16px 14px; }

.mini { font-size: 80%; line-height: 10px; }
.small { font-size: 90%; }
.fade { color: #ccc; }


/* misc
-------------------------------------------------*/

	img { border: 0px solid #666666; }

	img.pageImg { margin: 6px; }
		img.pageImgLeft { float:left; margin: 8px 10px 6px 0; }
		img.pageImgRight { float: right; margin: 8px 0 6px 10px; }
		img.nM { margin: 0; }

	a:hover img { border: 0px solid #000000; }
	.page-content img {  }


	div.dwide { text-align: left; }
		.dwide .dwide50:first-child { border:0; }
		.dwide50 { float: left; width: 50%; }

		div.divide {
			display: block;
			margin: 8px 0px; }
			

.box {
	padding: 3px 4px;
	margin: 0 0 4px 0;
	background: #fafafa;
	border: 1px dashed #e1e1e1; }

.verifybox, .notebox {
	padding: 3px 4px;
	background: #fffde9;
	border: 1px dashed #e1e1e1; }



table.divide { width: 100%; text-align: left; }
	table.divide td.d-left { padding: 0 10px 0 0; vertical-align: top; }
	table.divide td.d-right { padding: 0 0 0 10px; vertical-align: top; }
	table.divide td.d-middle { vertical-align: middle; }

	table.divide td.dw-form { width: 350px; }

	table.divide td.column0 { width:auto; }
	table.divide td.column1 {}


div.divider {
	display: block;
	margin: 6px 10px;
	border-top: 1px dashed #e1e1e1; }

#note {
	position: absolute;
	padding: 10px;
	z-index: 400;
	margin: 30px 0 0 200px;
	background: #fffde9;
	border: 1px dashed #999;
	cursor:pointer; }

	div#note:hover { border-color: #ff0000; }


#content table, #content td { border:0; }



/* inputs
-------------------------------------------------*/

form { margin:0; padding:0; }
	input, select, textarea {}

	input.text, input[type=text], input[type=password], textarea {
		margin: 0 4px 6px 0;
		padding: 3px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-webkit-border-radius: 3px;
		border-radius: 3px;
		vertical-align: top;
		color: #666;
	}
	
	select, textarea { margin: 0 4px 6px 0;	padding: 2px;}
	
		input.text, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
			color: #000;
		}
		
	input[type=submit], a.submit {
		margin-right: 4px;
		padding: 3px 4px 2px 4px;
		background: #e1e1e1;
		border: 1px solid #ccc;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;	
		-webkit-border-radius: 3px;
		border-radius: 3px;
		vertical-align: top;
		color: #666;
		}
		
		input[type=submit]:hover, a.submit:hover { text-decoration: none;}
		
	input.large { width: 600px; }
	

	input[type=text].notimportant { background: #fafafa; }


	#content input[type=text], #content input[type=password], #content textarea { width: 300px; }

	#sidebar input[type=text], #sidebar input[type=password], #sidebar textarea { width: 230px; }
	textarea { height: 100px; }
	input[type=checkbox], input[type=radio] { margin: 2px 2px 2px 0;  }
	#content select { width: 308px; padding: 2px; }
	#sidebar select { width: 200px; padding: 2px; }

	input.iw1, select.iw1 { width: 160px; }
	#content input.i50 { width: 165px; }
	#content select.i50 { width: 173px; }




	/* page properties
	-------------------------------------------------*/

	body.p10 #container, body.p16 #container { 
			width: 900px;
			background: #fff url('../layout/bg_container-900.gif') 0 0 repeat-y; }	

	body.p10 #content, body.p16 #content { width: 649px; background: #fff; }

	body.p10 #note, body.p16 #note { margin: 160px 0 0 305px; }

	body.p16 #footer { display:none; }
	body.p16 #content { width: 900px; border:0; padding:0; }
	body.p16 #sidebar { display:none; }


	body.p33 #content { width: auto; padding: 0; }
	  body.p33 #sidebar { display:none; }