# /* Alpha PNG support for IE 
# ------------------------------ 
# \*/  
# * html img/**/ {  
#   
# filter:expression(  
# this.alphaxLoaded ? "" :  
# (  
# this.src.substr(this.src.length-4)==".png"  
# ?  
# (  
# (!this.complete)  
# ? "" :  
# this.runtimeStyle.filter=  
# ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+  
# (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+  
# String(this.alphaxLoaded=true).substr(0,0)+  
# (this.src="blank.png").substr(0,0)  
# )  
# :  
# this.runtimeStyle.filter=""  
# )  
# );  
# }  
# html, body {  
# color:#000;  
# background:#333333;  
# }  



body {
	background-image: url(images/bg.jpg);
}
.style1 {
	font-weight: bold;
	color: #570000;
}
.style2 {color: #570000}


* {

	margin:0;

	padding:0;

	list-style:none;

}



h1 a {

	width:790px;

	height:193px;

	float:right;

	display:block;

	overflow:hidden;

	text-indent:-5000px;

	background: url(http://www.raizesforte.com.br/images/img1.png) no-repeat center center;

}



a:link {

	color:#5B0000;

	text-decoration:none;

}



a:visited {

	color: #C86F43;

	text-decoration: none;

}

	

a:hover {

	color: #805826;

	text-decoration: none;

}

	

a:active {

    color:#990000;

   text-decoration:line-through;

	}





#geral {

	width:790px;

	display:table;

	margin:0 auto;

}



#topo {

	width:790px;

	height:91px;

	display:block;	

	

}



#topo_menu {

	width:790px;

	height:40px;	

}



#flash {

	width:790px;

	height:130px;

	display:block;	

	background: url(http://www.raizesforte.com.br/images/img3.png) no-repeat center center;
}



#slogan {

	height:66px;

	background:#000 url(../imagens/18anos.gif) no-repeat center center;

}



#slogan h2 {

	display:none;

}



#menu {

	width:790px;

	height:63px;

	text-align:center;

	word-spacing:30px;

	margin-top:100px;
	
	background: url(http://www.raizesforte.com.br/images/img2.png) no-repeat center center;

}



#menu ul {

    margin-left:18px;

	margin-right:5px;

}



#menu li {

	margin-top: 20px; 
	
	display:inline;

    letter-spacing:1px;	

	font:"Verdana", Arial, Helvetica, sans-serif 12px;

}



#conteudo {

	width:790px;

	display:table;
	
	text-align: justify;

	font:12px Arial, Helvetica, Sans-serif;

	text-indent:50px;

	line-height:1.5em;

	padding-top:0px;

	background: url(http://www.raizesforte.com.br/images/img4.png) repeat center center;
}


#texto {

	width:680px;

	display:table;
	
	align:center;
	
	text-align: justify;
	
	color:#660066;

	font:12px Arial, Helvetica, Sans-serif;

	text-indent:0px;

	line-height:1.5em;
	
	padding:20px 35px 20px 50px;

}
	

#texto_img {

	float:right;

}



#rodape {

   width:790px;

	height:112px;

	text-align:center;

	font:bold 11px Arial, Helvetica, Sans-serif;

	letter-spacing:1px;

	background: url(http://www.raizesforte.com.br/images/img5.png) no-repeat center center;

	clear:both;

}


/*
Formulário
*/
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 300px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: 150px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

</style>