html{
		height:100%;
		max-height:100%;
		padding:0;
		margin:0;
		border:0;
		font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif;
		/* \*/
			overflow: hidden;
		/* */
	}

	body{
		height:100%;
		max-height:100%;
		overflow: hidden;
		padding:0;
		margin:0;
		border:0;
	}

	a{
		text-decoration: none;
		color: black;
	}

	a:hover{
		text-decoration: underline;
	}

	img{
		border: 0px;
	}

	hr{
		height: 1px;
		border: 0px;
		border-top: 1px solid #B0DE00;
	}

	div#container{
		width: 100%;	
		display:block;
		height:100%;
		max-height:100%;
		overflow:auto;
		position:relative;
		z-index:3;
		padding: 0px 0px 50px 0px;
	}

		div#top{
			height: 108px;
			margin: 0px 0px 2px 0px;
			background-image: URL('/files/layout/top.gif');
			background-repeat: no-repeat;
			font-size: 11px;
			color: white;
			padding: 5px 240px;
			display: block;
			clear: both;
		}
			
			div#top a{
				color: white;
			}

		div#left{
			width: 170px;
			float: left;
			margin-right: 2px;
		}
			
			div#left_menu{
				background-color: #53381D;
				padding: 10px 20px 15px 20px;
				border-bottom: 2px solid white;
				height: 200px;
			}

				div#left_menu a{
					display: table-cell;
					font-size: 12px;
					font-weight: bold;
					text-transform: uppercase;
					color: white;
					text-decoration: none;
					letter-spacing: 1px;
					border-bottom: 2px solid #53381D;
				}

				div#left_menu div{
					margin-bottom: 5px;
				}

				div#left_menu a:hover{
					border-bottom: 2px solid white;
				}

			.left_footer_normal{
				background-color: #B0DE00;
				padding: 30px;
			}

				.left_footer_normal a.proposal{
					color: white;
					display: block;
					background-color: #53381d;
					padding: 10px;
					text-align: center;
				}

			.left_footer_home{
				background-color: #B0DE00;
				padding: 30px;
				height: 7px;
				padding: 0px;
			}
			


		div#middle{
			float: left;	
			width: 517px;
			margin-right: 2px;
			padding-bottom: 100px;
		}

			div#middle p{
				margin: 10px 0px;
			}
	
			div#middle_header{
				border-bottom: 2px solid white;
				background-color: #B0DE00;
				color: #506700;
				font-weight: bold;
				font-size: 12px;
				padding: 10px 20px;
			}



				div#middle_header h1{
					color: white;
					font-size: 16px;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin: 0px;
				}

			div#middle_main{
				font-size: 12px;
				color: #506700;
				padding: 10px 20px 50px;
			}

				div.clickable_thumb{
					display: inline;
					text-align: center;
					vertical-align: top;
					width: 142px;
					height: 160px;
					margin: 8px;
					float: left;
				}

				div.clickable_thumb img{
					width: 140px;
					height: 105px;
				}

				div#middle_main img{
					border: 1px solid #506700
				}

				div#middle_main p{
					margin-bottom: 12px;
				}

		div#right{
			float: left;
			width: 289px;
			font-size: 11px;

		}

			div#right #projects_archive{
				padding:18px;
			}

			div#right div#cat_selector{
				padding: 10px 18px;
				background-color: #E5FFBB;
				color: #506700;
				font-size: 12px;
			}

			div#right a{
				color: #506700;
				text-decoration: underline;
			}

			div#right h1{
				color: #506700;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: 1px;
				margin: 0px 0px 5px;
			}

			div#right .heading{
				color: #506700;
				font-size: 14px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: 1px;
				margin: 0px 0px 5px;

			}

			div#foto{
			}

			#image-rotator-current{
				border-bottom: 2px solid white;
				width: 344px;
				color: white;
				font-size: 14px;
				font-weight: bold;
				background-image: URL('/files/layout/foto_desc.gif');
				background-repeat: repeat-y;
				padding: 3px 3px 3px 30px;
				margin-top: 2px;
				margin-bottom: 0px;
			}

			div#foto_nav{
				width: 377px;
				margin-bottom: 10px;
			}

	div#top a{
		color: white;
	}

	div#copy{
		width: 972px;
		height: 20px;
		font-size: 12px;
		color: gray;
		padding: 4px;
		background-color: #53381D;
		position: absolute;
		z-index: 100;
		bottom: 0px;
	}

	div#topimages_1{
		position: absolute;
		z-index: 100;
		top: 28px;
		left: 225px;
	}

	div#topimages_2{
		position: absolute;
		z-index: 100;
		top: 28px;
		left: 351px;
	}

	div#topimages_3{
		position: absolute;
		z-index: 100;
		top: 28px;
		left: 477px;
	}


	div#logo{
		position: absolute;
		z-index: 100;
		top: 27px;
		left: 31px;
	}


	div#next{
		font-size: 11px;
		letter-spacing: 1px;

	}

	div#prev{
		font-size: 11px;
		letter-spacing: 1px;

	}


/*

	PWN

*/

		table.pwn_form_table{

		}

		td.pwn_form_header{
			padding-top: 20px;
			font-weight: bold;
			text-align: left;
			color: #506700;
		}

		td.pwn_form_td_1{
			text-align: left;
			padding-right: 10px;
			vertical-align: top;
			font-size: 12px;
			color: #506700;
		}

		td.pwn_form_td_2{
			white-space: nowrap;
		}

		form.pwn_form{
			margin: 0px;
		}
		
		.pwn_form_input{
			border: 1px solid red;
		}

		.pwn_form_input_check{
			border: 1px solid green;
		}

		div.pwn_form_tooltip_focus{
			display: none;
			color: gray;
		}

		div.pwn_form_tooltip_blur{
			display: none;
		}

		div.pwn_form_hint_focus{
			display: none;
			font-style: italic;
		}

		div.pwn_form_hint_blur{
			display: none;
		}

		div.pwn_form_indicator{
			height: 14px;
			width: 10px;
			display: inline;
			margin: 2px;
			margin-right: 4px;

			color: #506700;
		}

		div.pwn_form_indicator_check{
			height: 14px;
			width: 10px;
			display: inline;
			margin: 2px;
			margin-right: 4px;

			color: white;
		}

		div.pwn_form_error{
			color: red;
		}


	form.quick {
		margin: 0px;
		background-color: #f2ffdd;
		padding: 20px;
	}

	form.quick td{
		width: 240px;
		color: #506700;
		vertical-align: top;
	}


	form.quick input#submit_button{
		background-color: #53381d;
		color: white;
		border: 0px solid black;
		width: 246px;
	}

	form.quick input,textarea{
		border: 1px solid #53381d;
		width: 240px;
		padding: 2px;
	}


	form.quick textarea{
		height: 70px;
	}

	form.quick td.label{
		width: 100px;
	}

	form.quick td.label, form.quick input, form.quick textarea{
		font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif;
	}

	div#prev{
		float: left;	
		}
	div#next{
		float: right;	
		}



	/* keywords */
	div.keyword_results{margin: 0px 0px 10px 20px;}
	div#keywords_title {cursor: pointer; float: left; margin-right: 20px;}
	div.related_keywords {font-size: .8em; color: gray; border-bottom: 1px dotted black; padding: 0px 0px 0px 0px;}
	div.related_keywords a {color: #aaaaaa;}


	div#copy div#keywords_title {float: left;}
	div#copy div#keywords_words {position: absolute; bottom: 40px; left: 15px; padding: 10px 0px 10px 10px; background-color: white; border: 1px dotted gray;}
	div#copy div#keywords_words div {float: left; margin: 0px 10px 0px 0px;}
	div#copy div#keywords_words.keys {
		display: none;
		float: left;
		}


	h1{
		font-size: 14px;
		font-weight: bold;
	}

	h2{
		font-size: 12px;
		font-weight: bold;
	}

/* imagerotator image-rotator-current is somewhere above */
					
	#image-rotator-prev,
	#image-rotator-next {cursor: pointer; float: left; margin-bottom: 10px;}
					
	.waiting {
		background-image:url('/files/script/protoload-0.1b/waiting.gif');
		background-repeat:no-repeat;
		background-position:center center;
		background-color:white;
	}
	
	.bigWaiting {
		background-image:url('/files/script/protoload-0.1b/bigWaiting.gif');
		background-repeat:no-repeat;
		background-position:center 20%;
		background-color:white;
	}
	
	.blackWaiting {
		background-image:url('/files/script/protoload-0.1b/blackWaiting.gif');
		background-repeat:no-repeat;
		background-position:center center;
		background-color:black;
	}
	
	.bigBlackWaiting {
		background-image:url('/files/script/protoload-0.1b/bigBlackWaiting.gif');
		background-repeat:no-repeat;
		background-position:center center;
		background-color:black;
	}


	.landing h2{
		display: inline;
	}