html, body {height:100%;} 
body {
	margin:0;
	padding:0;
	background-color:#111111;
	color:#333;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo {
	width:950px;
	background:#000000;
	position:relative;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	border: dotted #000;
	border-width:0 1px;
	top:0px;
	}
* html #tudo {
	height:100%; /* hack para IE6 hq trata height como min-height */
	}
#conteudo {
	padding-bottom:20px;
	}
#topo {	
	height:300px;
	background-color:#000000;
	}
#imagem {	
	height:150px;
	background-color:#000000;
	}
#links {	
	height:1px;
	background-color:#333333;
	}
#principal {
	float:left;
	width:950px;
	margin-left:10px; 	
	text-align:justify;
	padding-top:10px;
	}
#rodape {
	background:#666666;
	width:950px;
	height:15px;
	position:absolute;
	bottom:0; 
	border-width:1px 0;
	text-align:center;
	}
#rodape p {
	margin:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}
.clear {clear:both;}

/* Text Style
------------------------------ */

h1 { font:normal 10px Arial;
	 color:#000000;
}
h1 a:link, h1 a:active, h1 a:visited {
	color:#000000;
	text-decoration: none;
}
h1 a:hover, h1 a:focus {
	color:#009900;
}
h2 { font:normal 12px Verdana;
	 color:#ffffff;
}
h2 a:link, h2 a:active, h2 a:visited {
	color:#ffffff;
	text-decoration: none;
}
h2 a:hover, h2 a:focus {
	color:#999999;
}
h3 { font:bold 12px Arial;
	 color:#990000;
}
h4 { font:normal 12px Verdana;
	 color:#000000;
}
h4 a:link, h4 a:active, h4 a:visited {
	color:#000000;
	text-decoration: none;
}
h4 a:hover, h4 a:focus {
	color:#009900;
}
h5 { font:bold 16px Verdana;
	 color:#666666;
}
h5 a:link, h5 a:active, h5 a:visited {
	color:#ffffff;
	text-decoration: none;
}
h5 a:hover, h5 a:focus {
	color:#ffffff;
}