/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font: normal 10pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 980px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat; 
width: 980px;
height: 78px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y; 
width: 946px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 926px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
font-weight: bolder;
text-align: left;
}
/*                    Advertsment            */
#advert{
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;    
}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
position:relative;
}

#menu li a {
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}	

#menu li ul.sub {display: none;} 
#menu li:hover > ul.sub {display:block; 
                         position:absolute; 
                         margin-top: -37px; 
                         left:200px; 
                         text-align:left; 
                         width:200px;
                         background: #99ccff;
                         }


#menu ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 700px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
min-height:500px;
}

img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 980px;
height: 50px;
}

/*************************************************/
/*                        Formatação             */
/*************************************************/

h1 
{
    padding: 0pt 0pt 18pt 0pt;
    font-size:36pt;
}
h2 
{
    padding: 0pt 0pt 14pt 0pt;
    font-size: 28pt;
}
h3
{
    padding: 0pt 0pt 10pt 0pt;
    font-size: 20pt;
}    
h4
{
    padding: 0pt 0pt 6pt 0pt;
    font-size: 12pt;
    font-weight:bolder;
}