html,body{margin:0;padding:0}

body{
background-color:#faf5d9; 
font: 80% georgia, serif; 
text-align:center}

#wrapper{
float:left;
position:relative;
background-image: url('images/kompas2.jpg');
background-repeat: repeat-y;

}
a {text-decoration:none; color:#582b17;}
a:link{color:#582b17;text-decoration:none;}
a:hover{color:#a2a6ad; text-decoration:none;}
a:visited{color:#e6a837;text-decoration:none;}

#header{
z-index:1;
overflow:hidden;
margin-top:29px;
background-image: url('images/kompas1.jpg');
height:446px;
background-repeat: no-repeat;
}


#container{
text-align:left;
width:1000px;
margin:0 auto;
}


#content{
	float:left;
	position:relative;
	margin-top:-76px;
	margin-left:130px;
width:50%;
color:#190a02;
z-index:10;
line-height:1.4em;
margin-right:30px;
}

#menu{
float:left;
position: relative;
width:22%;
margin-top:-79px;
color:#190a02;
font-size:11px;
}

#footer{
clear:both;
width:100%;
background-image: url('images/kompas3.jpg');
height:130px;
background-repeat: no-repeat;
}

#footer p{
font-size:9px;
padding-top:120px;
text-align:center;
}

h2{
color: #582b17;
text-align:left;
font-weight: normal;
font-size: 1.8em;
line-height:1.5;
border-bottom:1px dotted #582b17;
}

h3{
color: #582b17;
font-weight: normal;
font-size: 4.2em;
line-height:1.8;
text-align:center;
padding-top:190px;
}

h1{
color: #582b17;
text-align:left;
font-weight: normal;
font-size: 20px;
line-height:1.5;
border-bottom:1px dotted #582b17;
}



textarea {
border: solid 1px #D3CCC2;
background: transparent;
width:99%;
height: 80px;
font-family:verdana;
font-size:10px;
color:#222222;
padding: 3px;
margin-top: 5px;
margin-bottom: 25px;}