html {
	overflow: -moz-scrollbars-vertical;
}
body {
	background-image: url('/graphics/topbarbg.gif');
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #666666;
}

/*******************************************************************************
* BASIC FORM ELEMENTS
*******************************************************************************/

input, textarea, select {
	font-family: "Trebuchet MS"; 
	font-size: 12px;
}
input.cb {
	border: 0px;
}
span.err {
	color: red;
}
div.clear {
	overflow: hidden;
	height: 1px;
	clear: both;
}

div.dateinput {
	line-height: 100%;
	background-color: white;
	border: 1px solid #7CD300;
	float: left;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 10px;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 11px;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0px 1px 0px;
		margin: 0px;
		border: 0px;
	}
	div.dateinput span {
		padding: 2px 0px 2px 0px;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }

/*******************************************************************************
* CONTAINERS THAT MAKE OUT PAGE LAYOUT
*******************************************************************************/
			
div.topcontainer {
	width: 920px;
	margin: 0 auto;
	text-align:left;
}
	div.topcontainer div.logo {
		margin: 69px 0px 0px 0px;
		float: left;
	}
	div.topcontainer div.nav {
		margin: 40px 0px 0px 0px;
		float: right;
	}
		div.topcontainer div.nav div.btn {
			background-image: url('/graphics/button.gif'); 
			background-repeat: none;
			display: block;
			float: left;
			background-color: yellow;
			margin: 0px 4px 0px 4px; 
		}
			div.topcontainer div.nav div.btn table {
				width: 122px;
				height: 100px;
			}
				div.topcontainer div.nav div.btn table td {
					font-size: 20px;
					text-align: center;
				}
			div.topcontainer div.nav div.btn a {
				text-decoration: none;
				color: #EFFFD9;
			}
			div.topcontainer div.nav div.btn a:hover {
				color: white;
			}
			
	div.login {
		 margin: 0 auto;
		 width: 920px;
		 padding: 0px 5px 0px 0px;
		 overflow: auto;
	}
		div.login form {
			float: right;  
		}
		div.login span {
			float: right;
		}
	
	div.mid {
		width: 920px;
		margin: 0px auto 30px auto;
		background-image: url('/graphics/verticalline.gif');
		background-repeat: repeat-y;
		background-position: center; 
		text-align: left;
		min-height: 475px;
		_height: 475px;
	}
	div.mid_nobg {
		background: none;
	}
		div.mid h2 {
			color: #7CD300;
			font-size: 23px;
			font-weight: normal;
			margin: 15px 30px 10px 0px;
		}
		div.mid a {
			color: #7CD300;
		} 
		div.mid div.midleft {
			width: 510px;
			float: left;
			min-height: 300px;
			padding: 0px 20px 0px 0px;
			_height: 300px;
			_overflow-x: hidden;
		}
		div.mid_nobg div.midleft {
			width: auto;
			float: none;
			padding: 0px;
		}
			div.mid div.midleft table {
				font-size: 13px;
			}
				div.mid div.midleft table th {
					text-align: left;
				}
		div.mid div.midright {
			width: 360px;
			float: right;
			padding: 0px 0px 0px 25px;
			_width: 350px;
			_overflow: hidden;
		}
			div.mid div.midright h2 {
				margin: 10px 30px 10px 0px;
			}
			
		div.mid_nobg div.midright {
			display: none;
		}

	div.bottomcontainer {
		width: 920px;
		margin: 15px auto 0px auto;
		text-align: left;
		background-image: url('/graphics/bottombg.gif');
		background-position: top;
		background-repeat: no-repeat;
		background-color: #CDEB8B;
		min-height: 159px;
		color: #008C00;
	}
		div.bottomcontainer a {
			color: #008C00;
			text-decoration: none;
		}
		div.bottomcontainer a:hover {
			color: #008C00;
			text-decoration: underline;
		}
			div.bottomcontainer a.ad {
				font-size: 15px;
				font-weight: bold;
				display: block;
				border: 1px solid #7CD300;
				padding: 15px 3px 15px 3px;
				text-align: center;
				margin-top: 9px;
			}
		div.bottomcontainer h2 {
			color: #008C00;
			font-size: 21px;
			font-weight: normal;
			margin: 10px 30px 15px 0px;
		} 
		div.bottomcontainer div.bottomblock {
			width: 208px;
			float: left;
			margin: 10px 9px 35px 9px;
			line-height: 22px;
		}

	div.bottomcontainer2 {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		background-image: url('/graphics/bottombg2.gif');
		background-position: top;
		background-repeat: no-repeat;
		height: 159px;
	}
		div.bottomcontainer2 div.copyright {
			color: #666666;
			float: left;
			padding: 12px 5px 10px 12px;
			font-size: 11px;
		}
		div.bottomcontainer2 div.bottomlinks {
			padding: 10px 5px 10px 5px;
			float: right;
			
		}
			div.bottomcontainer2 div.bottomlinks a {
				color: #7CD300;
				text-decoration: underline; 
			}

	h1 {
		color: #7CD300;
		letter-spacing: -1px;
		font-size: 34px;
		font-weight: normal;
		margin: 0px 0px 20px 0px;
	}

	form input {
			border: 1px solid #7CD300;
			padding-left: 3px;
	}
	form textarea {
			border: 1px solid #7CD300;
			padding-left: 3px;
	}
	
	form input.fbutton {
		background-color: green;
		color: white;
		font-weight: bold;
	}

/*******************************************************************************
** STYLES FOR THE FORUM
*******************************************************************************/
div.forum, div.topic {
	background-image: url('/graphics/forumbg.gif');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #E7F5C7;
	margin: 0px 1px;
	position: relative;
	margin-bottom: 20px;
	zoom: 1;
}
	div.forum div.bottom, div.topic div.bottom {
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-image: url('/graphics/forumbottom.gif');
		background-repeat: no-repeat;
		background-position: top;
		height: 7px;
		width: 100%;
		overflow: hidden;
	}
	
	div.forum h1, div.topic h1 {
		color: #5DBB01;
		font-size: 17px;
		font-weight: bold;
		margin: 0px;
		padding: 10px 15px 10px 15px;
	}	
	
	div.forum table {
		margin: 0px 0px 15px 0px;
		width: 100%;
		zoom: 1;
	}
		div.forum table td.lft, div.forum table th.lft {
			text-align: left;
		}
		div.forum table td.ctr, div.forum table thead th.ctr {
			text-align: center;
		}
		div.forum table td.col1,
		div.forum table thead th.col1 { width: 30%; padding-left: 15px;  }
		div.forum table thead th.col2 { width: 20%; }
		div.forum table thead th.col3 { width: 10%; }
		div.forum table thead th.col4 { width: 20%; }
		div.forum table thead th.col5 { width: 20%; }
		
		div.forum table thead th {
			font-weight: bold;
			font-size: 13px;
			background-color: #CEEB8D;
			padding-top: 3px;
			padding-bottom: 3px;
		}
		div.forum table tbody td {
			font-size: 11px;
			padding-top: 2px;
			padding-bottom: 2px;
			border-bottom: 1px solid #CEE1A2;
		}
			div.forum table tbody td a {
				color: #008000;
			}
			div.forum table tbody td a:hover {
				color: maroon;
				text-decoration: underline;
			}
			
	div.topic div.topictext {
		padding: 15px;
		font-size: 11px;
	}
		div.topic h1 span, div.forum h1 span {
			display: block;
			float: right;
		}
		div.topic h1 a:hover {
			color: maroon;
			text-decoration: underline;
		}
		
	div.newtopic form textarea {
		width: 95%;
		height: 200px;
	}
	div.newtopic form input.txtinput {
		width: 400px;
	}
	div.newtopic form input.name {
		width: 200px;
	}
		div.newtopic form table td.err {
			color: red;
			font-weight: bold;
		}
		div.newtopic table tbody td.col1 { width: 20%; padding-left: 15px;  }
		div.newtopic table tbody td.col2 { width: 80%; padding-right: 15px;  }
	
/*******************************************************************************
** STYLES FOR THE REGISTRATION AND PROFILE FORMS.
*******************************************************************************/

div.formcontainer {
}
	div.formcontainer select 							{ color: black; }
	div.formcontainer select.fixed				{ width: 200px; }

	input.txt						{ width: 200px; color: black; }
	input.initials			{ width: 70px; }
	input.junction 			{ width: 50px; }
	input.lastname 			{ width: 200px; }
	input.organisation	{ width: 200px; }
	input.function			{ width: 200px; }

	input.address				{ width: 160px; }
	input.housenum			{ width: 35px; }
	input.zipcode				{ width: 50px; }
	input.city					{ width: 145px; }
	input.phone					{ width: 100px; }
	input.email					{ width: 200px; }
	
	textarea						{ width: 383px; height: 90px; overflow: auto; }

	div.formcontainer table td.err {
		color: red;
		font-size: 85%;
	}

	form#question fieldset {
		padding: 0;
		margin: 0;
		border: none;
	}
		form#question fieldset table {
			width: 400px;
		}
			form#question fieldset table td.col1 {
				width: 180px;
			}
/*******************************************************************************
** STYLES FOR THE POLL.
*******************************************************************************/
div.poll {
	margin-top: 50px;
	width: 320px;
	background: url('/graphics/pollbg.gif') 0 0 no-repeat #E6F5C5; 
}
div.pollovv {
	margin-top: 50px;
	width: 500px;
	background: url('/graphics/pollovvbg.gif') 0 0 no-repeat #E6F5C5; 
}
	div.poll h2 {
		color: #5DBB01;
		font-size: 17px;
		font-weight: bold;
		margin: 0px;
		padding: 10px 20px 0 20px;
	}
	div.poll div.content {
	}
		div.poll form {
			display: block;
		}
			div.poll div.content h3 {
				margin: 5px 0 10px 0;
				padding: 2px 20px;
				display: block;
				background-color: #CEEB8D;
			}
			
			div.poll div.content div.padding {
				padding: 0 20px 10px 20px;
			}
			
			div.poll div.content div.clear {
				padding-top: 4px;
				clear: both;
			}
			
			div.poll div.content input,
			div.poll div.content label {
				cursor: pointer;
			}
			div.poll div.content input.cb {
				float: left
			}
			div.poll div.content label {
				display: block;
				padding-left: 20px;
			}
			
			div.poll div.votebarcontainer {
				float: left;
				width: 80%;
				height: 13px;
				overflow: hidden;
				background-color: #F3F8FC;
				margin: 2px 5px 10px 0;
			}
				div.poll div.votebarcontainer div.votebar {
					background-image: url('/graphics/poll-votebar-bg.gif');
					background-repeat: repeat-x;
					height: 13px;
				}
			div.poll div.padding span.score, div.pollov span.score {
				display: block;
				float: left;
				width: 20px;
			}
	
	div.poll div.pollbtm {
		height: 7px;
		line-height: 0.01em;
		font-size : 0.01em;
		background: url('/graphics/pollbottom.gif') 0 0 no-repeat #E6F5C5;
	}
	div.poll div.pollovvbtm {
		height: 7px;
		line-height: 0.01em;
		font-size : 0.01em;
		background: url('/graphics/pollovvbottom.gif') 0 0 no-repeat #E6F5C5;
	}