/* Navigation */
a.nav:link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	padding: 2px;
}
a.nav:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.nav:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.nav:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF33;
	font-weight: bold;
}
body.nav {
	background-image: url(Images/backgr_Top.jpg);
	}

body.navleft {
	background-image: url(Images/backgr_nav.jpg);
	left: 0px;
	position: relative;
}

.navbutton {
	padding: 3px;
	height: 28px;
	width: 106px;
	background-image: url(Images/button.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	z-index: 1;
	text-align: center;



}
#verticalnav {
	position: absolute;
	left: 5px;
	width: 112px;
}
#horizontalnav1 {
	position: absolute;
	left: 5px;
	height: 130px;
	width: 700px;
}

/*Appearance*/

a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
body {
	color: #000000;
	background-image: url(Images/backgr_main.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 50px;
	background-repeat: no-repeat;

	}
	
P.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	colour:#003333;
	color: #000000;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 350px;
}  

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006633;
	width: 350px;
	padding-top: 25px;
	padding-left: 50px;
	padding-bottom: 0px;
}
.emphasistext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006633;
	font-weight: bold;
}

/*Layout*/

#rightside {
	width: 200px;
	position: absolute;
	top: 75px;
	left: 420px;
	}
/* I originally positioned the picture on the right by using #rightside float:400px 
(no #leftside required) which flows the text nicely to the left of the picture. 
But due to bugs in IE5.5's box rendering I had to use absolute positioning to make it work in 
IE 5.5. Hmmpf. This is not good news when it comes to scaleability ...
*/ 

#leftside {
	padding-left: 45px;
	width: 350px;
}
.box {
	background-color: #E8FFEF;
	border: thin dotted #666666;
	padding: 6px;
}
#leftsidegeneral {
	width: 250px;
	margin: 10px;
	position: absolute;
}
#rightsidegeneral {
	padding: 5px;
	margin-top: 10px;
	width: 250px;
	margin-left: 20px;
	position: absolute;
	left: 350px;
	}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006633;
	font-weight: bold;
	padding-top: 20px;

}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}