body{
	background-image: url("../images/top.gif");
    background-repeat: repeat-x;
	margin:0 0 0 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#header {
    position: absolute;
    background-image: url("../images/header.gif");
    background-repeat: no-repeat;
    z-index: 3;
    width: 100%;
    height: 108px;
	margin: 0 0 0 0;
    top: 0;
    left: 0;
}

#rodape {
	/*
Texto
*/
		color:#FFF;
		line-height:25px;		
/*
Componentes
*/
    position: absolute;
    background-image: url("../images/rodape.gif");
    background-position: top left;
    background-repeat: repeat-x;
    z-index: 3;
    width: 100%;
    height: 63px;
    bottom: 0;
    left: 0;
}

#header h1 {
    color: #fff;
    margin: 8px 0 0 10px;
}

#header h2 {
    color: #fff;
    margin: 40px 0 0 10px;
}

#toc {
	position: absolute;    
    list-style: none;
    width: 150px;
    top: 114px;
    z-index: 4;
	margin:0 auto;
}




#toc a {
	text-align: left;
    background-color: #386;
    color: #fff;
    text-decoration: none;    
    text-indent: 0;
    text-justify: distribute;
	display:block;
	margin-top:2px;
	border-right: solid 10px #999;
    border-left: solid 10px #999;
}

#toc a:hover {
  color: #fff;
  background-color: #396;    
  text-decoration: none;
}


#content {
	overflow:hidden;	
	border:double;
    position: absolute;	
	left:155px;
    top: 70px;	
    z-index: 1;
}
#iframe1{
	position: absolute;	
	left:152px;
    top: 70px;	
	border:none 0;
    z-index: 20;

}




#rodape,#rodape a,#rodape a:visited,#rodape a:active {
    color: #eee;
    text-decoration: none;
    padding-left: 1em;
    text-align:center;	
	padding-right:1em;
}

#rodape a:hover {
    color: #fff;
	font-weight:500;
    text-decoration: none;
}
