html{
  background: #45200D url('../img/htmlbg.png') left top repeat-x;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
	 
body {
  text-align: center;
  margin-top:0px;
  margin-bottom:30px;
  color:#45200D;
}

A:link {
	COLOR: #000000; text-decoration: underline
}
A:visited {
	COLOR: #000000; text-decoration: underline
}
A:active {
	COLOR: #000000; text-decoration: underline
}
A:hover {
	COLOR: #000000; text-decoration: none
}

#page_wrapper {
  background: url('../img/body-y.png') top left repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 905px;
  text-align: left;
  
}

#toppage{
  height: 104px;
  background: url('../img/toppage.png') top left no-repeat;}
  
  
#page_header {
  height: 101px;
  background: #45200D url('../img/header.png') top left no-repeat;
}  



#page_header h1 {
  padding-top:30px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:26px;
  font-weight:bold;  
  color: #45200D;
  letter-spacing: -1px;
  margin:0px;
}
#page_header h2 {
  padding-top:0px;
  padding-left: 20px;
  font-family: verdana, helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;  
  color: #E2D179;
  margin:0px;  
}

#menu_bar {
  height:33px;
  background: #45200D url('../img/navbar.png') top left no-repeat;
}

/*homebutton*/
.home {
	float:left;
	width:85px;
	height:33px;
	margin-left: 103px;
	}

.home a {
	display: block;
	width:85px;
	height:33px;
	background: url('../img/home.png') no-repeat top left;
	border: solid white 0px;
	}
	
.home a:hover {
	background-position: center left;
	}
	

/*finplanning button*/
.finplanning {
	float:left;
	width:147px;
	height:33px;
	}

.finplanning a {
	display: block;
	width:147px;
	height:33px;
	background: url('../img/finplanning.png') no-repeat top left;
	border: solid white 0px;
	}
	
.finplanning a:hover {
	background-position: center left;
	}
	
/*resources button*/
.resources {
	float:left;
	width:92px;
	height:33px;
	}

.resources a {
	display: block;
	width: 92px;
	height: 33px;
	background: url('../img/resources.png') no-repeat top left;
	border: solid white 0px;
	}
	
.resources a:hover {
	background-position: center left;
	}

/*contactbutton*/
.contact {
	float:left;
	width:108px;
	height:33px;
	}

.contact a {
	display: block;
	width: 108px;;
	height:33px ;
	background: url('../img/contact.png') no-repeat top left;
	border: solid white 0px;
	}
	
.contact a:hover {
	background-position: center left;
	}


#navcontainer ul {
padding-left: 0;
margin-left: 0;
margin-top:5px;
background-color: transparent;
color: #F3E7A9;
float: left;
width: 100%;
font-family: verdana, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#navcontainer ul li { display: none; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: transparent;
color: #F3E7A9;
text-decoration: none;
float: left;
border-right: 1px solid #BBB774;
}

#navcontainer ul li a:hover
{
background-color: transparent;
color: #fff;
}

#content_wrapper {
  background: transparent  url('../img/contentbg.png') top left no-repeat;
  border: solid aqua 0px;
  padding-left: 103px;
}

#content {
	margin-left: 103px;
	width: 707px;
	background: white;
	border: solid black 1px;}

#left_side {
  float:left;
  width:707px;
}
  
#left_side h1 {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:14px;
  font-weight: bold;
  line-height:18px;
  color: #693214;
}


#left_side h2 {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:14px;
  font-weight: normal;
  line-height:18px;
  color: #5A2A11;
}
  
#left_side h3 {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:10px;
  font-weight: normal;
  line-height:0px;
  color: #693214;
}



#left_side h4 {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:14px;
  line-height:18px;
  font-weight: bold;
  color: #45200d;
}
  
#left_side p {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:12px;
  line-height:18px;
  color: #333333;
}


#left_side A:link {
	COLOR: #5A2A11; text-decoration: underline
}
#left_side A:visited {
	COLOR: #B0B0B0; text-decoration: underline
}
#left_side A:active {
	COLOR: #92A437; text-decoration: underline
}
#left_side A:hover {
	COLOR: #92A437; text-decoration: none
}
 

#left_side ul {
  margin:10px;
  margin-right:15px;
  font-family: verdana;
  font-size:12px;
  line-height:18px;
  color: #333333;
}

#left_side li{
	padding: 0;
	margin: 0;}

#page_footer {
  height: 65px;
  background: url('../img/footer.png') top left no-repeat;
}  


#page_footer A:link {
	COLOR: #B1b1b1; text-decoration: underline
}
#page_footer A:visited {
	COLOR: #92A437; text-decoration: underline
}
#page_footer A:active {
	COLOR: #92A437; text-decoration: underline
}
#page_footer A:hover {
	COLOR: #A0410d; text-decoration: none
}

#page_footer p {
  text-align:center;
  padding-top:20px;
  font-family: verdana;
  font-size:11px;
  line-height:16px;
  color: #B1b1b1;
}

.spacer {
  margin:0px;padding:0px;height:10px;clear:both;
}