/* CSS Document */
body {
	text-align:center; /* Center #page */
	background-color: #DCDEDC;
	padding-bottom: 30px; /* Make some space between #page and the end of the page */
	}
	
body div {
	text-align:left; /* #page is the only thing which we want to be centered */
	padding: 0 0 0 0; /* Should be default, but to be sure... */
	}
	
	/* The main div which is parent to all other divs on the page. */
	#page {
		position:relative;
		width: 760px;
		background-color:#FFFFFF;
		border: #CCCCCC 1px solid;
		}
	
		#header {
			margin-left:0px;
			margin-right:0px;
			}
		
			/* The thick red border at the top of the page */
			#header #headertop {
				height:100px;
				background-color: #FFFFFF;
				border-bottom: solid 1px #CCCCCC;
				}
			
			/* A top menu */
			/*#header #headermenu {
				height: 20px;
				padding-left: 20px;
				padding-top: 3px;
				border-bottom: solid 1px #CCCCCC;
				}
			*/
			#header #headermenu {
				height: 20px;
				background-color: #EBEBEB;
				padding: 5px 0 0px 20px;
				/*border-bottom: solid 1px #CCCCCC;*/
				}
		/* Holds the leftmenu */
		#left {
			margin-left: 0;
			width:120px;
			float: left;
			}
			
			#left #lefttop {
				height:70px; /* Should be the same height as "#content .title" further down. */
				/*border-bottom: #990000 2px solid; */
				clear: both;
				/*border-right: 0px solid grey;*/
				}
			
			/* Left menu. (The main menu) */
			#left #leftmenu {
			width: 120px;
				}
			
		/* #content is the big div in the middle where the title and the content are presented*/
		#content {
			/* Make #content flexible. #content uses the width which is left of the total width of #page when #left and #right has taken their width. */
			/*background-image:url(/jpg/intro/bgarrow.jpg);
			background-repeat:no-repeat;*/
			margin: 0;
			/*float: left; */
			padding: 0 0 0 0;
			/*border-left: #CCCCCC 1px dotted;
			border-right: #CCCCCC 1px dotted;*/
			/*background-image:url(/gif/bgarrowred.gif); */
			}
			#content div div #center{
			margin: 5px 0; /* Only margin-top and margin-bottom. */
			text-align: center;
			}
			.dottedtop{
			margin: 15px 7px 0px 7px;
			padding: 10px;
			border-top: #CCCCCC 1px dotted;
			}
			
			/* Here goes the title*/
			#content #title {
				margin:0;
			}
			
			/* Here goes the content */
			#content #feature {
				margin: 0;
				/*margin-top: 5px;*/ /* Otherwise the gray, dotted border will get to close to the red border */
				/*border-top: #990000 2px solid;*/
				
				
				/*float: left; */
				}
				#content #feature #output{
					/*padding-top: 12px;*/
					margin-right: 0;
					margin-left: 0;
					margin-bottom: 5px;
					padding-left: 0;
					padding-right: 0;
					padding-top: 0px;
					padding-bottom: 3px; /* Otherwise the gray, dotted border will get to close to the footer */
					/*border-left: #CCCCCC 1px dotted;
					border-right: #CCCCCC 1px dotted;*/
					/*float: left; */
					}
		
		
						
		/* 	A kind of a border at the end of the #page-div where a short copyright text should be written. */
		#footer {
			background-color: #CCCCCC;
			padding-top: 4px;
			/*height: 20px;*/
			margin-left: 0;
			margin-right: 0;
			clear: both;
			
			}
			
.noborder {
	border: 0px white solid;
	margin: 0;
}