* {margin:0;padding:0;font-family:verdana, arial, Sans-Serif;border:0px solid blue}

html { 
	color:#000;
	background-color:#DCD8CD;
	height: 101%;
	}


body { 
	color:#000;
	background:#FFFBF2 url(img/hbwdlogo.jpg) repeat-x; 
	background-position:0px 0px;
	font-size : 62.5%; 
	margin:5px auto;
	
	width:762px;
	border:1px solid gray;
	}
	
h1 {
 	color:#5A7940;
	background:transparent; 
	text-align:center;
	margin:0;
	padding:60px 0 60px 250px;
	font-size:40px;
	font-family:georgia, arial, Sans-Serif; 
	}


h1 span {font-family:georgia, arial, Sans-Serif;border:0;margin:0;padding:0;color:#333300;background-color:inherit;
border-top:double 0px #5A7940;
	border-bottom:double 3px #843A79;}
h1 span#beu {color:#843A79;}
h1 span#keys {color:#843A79;border-bottom:double 5px #5A7940}
img {border:0;}
img.webreus {border:1px solid gray;float:right}
p input, p textarea {margin:0px auto 10px 10px;font-size:small;border:1px solid #B7A47C;}
p label {
	margin:0 auto 0 10px;
	font-size:x-small;
	font-weight:bold;
	color:#A69063;
	background-color:inherit;
	font-family:arial,sans-serif;
	letter-spacing:2px;
	border-left:15px solid #B7A47C;
	padding:0 5px;
	}
.note {font-size:x-small}
fieldset {margin:30px auto;width:450px;color:inherit;background-color:#FFFBF2;}
input#submit {font-weight:bold;color:#A69063;background-color:#ECE9D8;border:1px solid #B7A47C;cursor:pointer}
 
 h2, h3 {
	color:#A69063;
	background-color:inherit;
	clear:both;
	font:italic normal large georgia, "Times new roman", Sans-Serif;
	margin:60px 5px 5px 5px;
	padding:0 10px;
	border-top:0px solid white;
	border-right:0px solid #B7A47C;
	border-bottom:1px solid #B7A47C;
	border-left:25px solid #B7A47C;
	}
li h3 {border-left:0px solid #B7A47C;font-size:medium;}
ol, ul {
	color:#595059;
	background-color:#FFFBF2;
	margin:2px 50px;
	padding:2px;
	}
ul.nol, ul.nol li {list-style-type:none;font-weight:normal;}

ol li,ul li {
	font-size:small;
	margin:2px;
	padding:0px;
	font-weight:bold;
	}
	
ol li a, ol li a:link,p a, p a:link, ul.nol a{
	color:#BD2F91;
	background-color:inherit;
	font-size:small;
	font-weight:bold;
	}
	
ol li a:hover, p a:hover,ul.nol a:hover {
	color:#D83EB6;
	background-color:inherit;
	text-decoration:none
	}
	
li ul li {
	list-style-type:none;
	margin:0px -52px;
	padding:0px;
	font-weight:normal;
	}
li ul li ul li {
	list-style-type:circle;
	margin:0px -35px;
	padding:0px 15px;
	font-weight:normal;
	font-size:xx-small;
	background-color:#F2EEE6;
	color:inherit;
	}
span {
	color:inherit;
	background-color:inherit;
	border-top:0;
	border-right:0;
	border-bottom:0px solid #B7A47C;
	border-left:0;
	padding:0 2px;
	}
p {
	color:#595059;
	background-color:inherit;
	font-size:small;
	margin:5px 30px;
	padding:5px;
	}

/*menu*/

#nav {height:30px;
	margin:0;}

#nav, #nav ul { /* all lists */
	z-index:0;
	padding: 0 50px;
	list-style: none;
	line-height: 18px;
	text-align:center;
	background-color:#E6DADB;
	border-top:1px solid #7C7A6B;
	border-bottom:1px solid #7C7A6B;
	}


#nav li { /* all list items */
	float: left;
	width:11em;
	padding:2px 0;
	margin:0 5px;
	text-align:left;
	}

#nav li ul { /* second-level lists */
	color:gray;
	background: #F2E6E7;
	position: absolute;
	margin:2px 0;
	padding: 0;
	width: 11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #7C7A6B;
	line-height: 28px;
	
	}

#nav li:hover ul, #nav li li:hover ul,  #nav li.sfhover ul, #nav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
	
	}
	
#nav li ul li {
	padding:0px;
	margin:0px;
	width:11em; /* width needed or else Opera goes nuts */
	text-align:center;
	}
	
#nav a, #nav a:link {
	color:#7A7C88;
	background-color:inherit;
	border:0px solid #FF8080;
	text-decoration:none;
	display: block;
	width: 10em;
	padding:2px 7px;
	text-align:center;
}
#nav a:hover {
	color:#20221D;
	background-color:inherit;
	}

#nav li ul li a:link, #nav li ul li a:visited {
	color:#7A7C88;
	background-color:inherit;
	text-decoration:none;
	width:10.5em;
	display:block;
	padding:5px 0 5px 5px;
	margin:0;
	border-top:0px solid white;
	border-right:0px solid white;
	border-bottom:0px solid white;
	border-left:0px solid white;
	text-align:left;
	}
	
#nav li ul li a:hover {
	color:#20221D;
	background-color:#FFF2F3;
	padding:5px 0 5px 5px;
	width:10.5em;
	margin:0;
	border-top:0px solid white;
	border-right:0px solid white;
	border-bottom:0px solid white;
	border-left:0px solid white;
	text-align:left;
	}
	
li.tolong {line-height:14px;}
p#css {border-bottom:1px solid #7C7A6B;}
p#css, p#css a, p#css a:link {margin:0;font-size:xx-small;color:#7A7C88;background-color:#D9CFD0;text-decoration:none;}
p#css a:hover {font-size:xx-small;color:#20221D;background-color:inherit;}

pre, xmp {font-family:"Courier new", arial;color:#397300;background-color:#ECF2E6;border:1px dotted #ccc;width:600px;overflow:auto;padding:10px;margin:2px auto 2px 35px;font-size:small}
acronym {border-bottom:1px solid #E6DECF;border-right:1px solid #E6DECF;background-color:#FFF7E6;color:inherit;padding:0 2px;
cursor: help;}

.nodisplay {display:none;}

p.gps {
	clear:both;
	color:#A69063;
	background-color:inherit;/*#FFF2F2*/
	font-size:small;
	text-align:center;
	font-style:italic;
	margin:0px auto -40px auto;
	padding:2px;
	}
	
ul#footer {
	margin:0;
	clear:both;
	color:#7A7C88;
	background-color:#E6DADB;
	text-align:left;
	line-height:25px;
	border-top:1px solid #7C7A6B;
	}
ul#footer li {
	display:inline;
	margin:0px;
	padding:4px;
	font-size:x-small;
	color:#7A7C88;
	background-color:inherit;
	}
ul#footer li a, ul#footer li a:link {
	font-size:x-small;
	color:#7A7C88;
	background-color:inherit;
	text-decoration:none;
	margin:0px;
	padding:4px;
	}
ul#footer li a:hover, ul#footer li a:active {
	font-size:x-small;
	color:#20221D;
	background-color:inherit;
	text-decoration:none;
	margin:0px;
	padding:4px;
	}
.leerldbsnews {
	font-family:"courier new", arial, verdana;
	font-size:x-small;
	border:1px solid #CCCCCC;
	margin-left:20px;
	background-color:#FFFDF9;
	}
	
.leerldbsnews td {padding:2px;border-left:2px solid #B7A47C;}