html{
width:100%;
background-repeat:repeat-x;
background-image:url(../images/layout/background_header3.gif);
overflow-x:hidden;
}

body{
width:980px;
margin:0 auto;
height:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

body.body_no_scroll{
overflow-x:visible;
}

#content{
width:980px;
height:100%;
}


#top{
float:left;
width:100%;
height:122px;
background-image:url(../images/bgkompas.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#header{
position:relative;
float:left;
width:680px;
height:181px;
}

#image{
background-color:#00CC00;
width:680px;
height:100%;
}

#logo{
float:left;
}

#title{
position:relative;
float:left;
height:181px;
width:300px;
background-image:url(../images/innovators.jpg);
}

#content_container{
position:relative;
float:left;
width:100%;
min-height:100%;
margin-top:0px;
_margin-top:-1px;
background-image:url(../images/bgcontent1.jpg);
background-repeat:no-repeat;
}

#menu{
position:relative;
float:left;
width:240px;
padding-left:0px;
margin-left:0px;
list-style-type:none;
margin-top:22px;
font-size:14px;
}

li{
position:relative;
float:left;
width:100%;
background-repeat:no-repeat;
height:20px;
width:208px;
padding-left:12px;
padding-top:4px;
margin-bottom:5px;
color:#004C92;
}

.list{
width:100%;
background-image:url(../images/bg.gif);
background-repeat:no-repeat;
height:20px;
width:208px;
padding-left:12px;
padding-top:4px;
margin-bottom:5px;
color:#004C92;
}

.list a{
color:#004C92;
}

.hover{
width:100%;
background-repeat:no-repeat;
height:20px;
width:208px;
padding-left:12px;
padding-top:4px;
margin-bottom:5px;
background-image:url(../images/mouseover1.gif);
color:#000000;
}

.hover a:hover{
color:#004C92;
}

.hover a{
color:#004C92;
}

.list_active{
width:100%;
background-repeat:no-repeat;
height:20px;
width:208px;
padding-left:12px;
padding-top:4px;
margin-bottom:5px;
color:#004C92;
background-image:url(../images/mouseover1.gif);
}

.list_active a{
color:#004C92;
}

#menu a{
text-decoration:none;
}