/* General tags */
body {background: url(img/bodybg.gif) repeat; color:#505050; font:76%; Arial, Helvetica; margin:0; padding:0; text-align:center;}
p {line-height:1.5em; margin:0 0 15px;}
a {
	color:#336666;
	font-weight:700;
	text-decoration:none;
}
a:hover {color:#d04a10;}
hr {height:1px; margin:10px 0; width:98%;}
dt {font-weight:700;}
dd {margin:1px 0 12px 15px;}

b {
 	font-family: Arial, Helvetica, sans-serif;
 	color:#336666;
	font-weight:700;
	text-decoration:none;
	margin-left: 170px;
	text-align: left;
}
/* Main layout */
#container {background:#c0c0c0 url(img/bodybg.gif) repeat-x; margin:0 auto; text-align:left; width:750px;}
#sitename {background:url(img/folha.jpg) top left repeat; color:#ffffff; font-weight:400; height:80px; margin:0 10px 10px 0; text-align:left;}
#sitename h1 {font-size:2.2em; margin:0; padding-top:20px;}
#sitename span {font-size:1.6em; letter-spacing:-1px; margin:0;}

/* Main menu */
#nav {background: url(img/tabs.gif) bottom left repeat-x; float:left; width:750px;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav a {background:url(img/tabs.gif) no-repeat; color:#808080; display:block; font-size:0.8em; padding:10px 26px 5px 25px; text-decoration: none; font-weight:bold; font-style:oblique;}
#nav a:hover {color: #990000;}
#nav li {color: #333399; float:left; margin:0 0 0 0; padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; }
#nav #current {background:url(img/tabs.gif) no-repeat 0 -41px; }
#nav #current a {background:url(img/tabs.gif) no-repeat 100% -41px; color:#303030; padding:7px 20px 5px 11px;}

/* Wrap variations */
#wrap1 {background: #FFFFFF url(img/header2.jpg) top left no-repeat; padding:10px; width:730px; height:120;}

/* Header */
#header {height:30px; position:relative; width:700px;}
#header h1 {float:left; font-size:1.4em; margin:0; width:100px;}
#topbox {color:#808080; margin:0 0 30 170px; text-align:left; font: Verdana, Arial, Helvetica, sans-serif; }

/* Sidebars */
#leftside {
	float:left;
	margin: -20px 0 0 0;
	background:url(img/topocat.gif) no-repeat 0 0;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px
	border: 1px;
	border-color:#993300;
	}
#leftside h1 {
	font-size:0.7em;
	font-weight:70;
}
#leftside22 {float:left; margin:10px 0 0; width:150px; font-family:Verdana, Arial, Helvetica, sans-serif; border: 2px; border-color:#993300}
#leftside22 h1 {Font-size:6px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#006666;  
}
/* Main content */
#content {margin:20px 1px 0 170px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; image-align: center; font-size: 9px} 
#contentalt {margin:1px 1px 0 10px;}
#content p,#contentalt p {margin:8px 0 0 10px;}
#content h1,#contentalt h1 {color:#505050; font-size:2em; font-weight:400; margin:15px 0 10px; padding:0;}
#content h2,#contentalt h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0; text-align:center;}
#content h3,#contentalt h3 {color:#505050; font-size:9px; padding:0; text-align: right;}
#content h4,#contentalt h4 {color:#505050; font-size:9px; padding:0; text-align: left;}
#content h5,#contentalt h5 {color:#505050; font-size:9px; padding:0; text-align: center;}
#content h6,#contentalt h6 {color: #990000; font-size:1.3em; text-align: center; font-style: italic; font-family:Arial, Helvetica, sans-serif;}

#content img,#contentalt img {border:1px solid #fa9035; float:left; margin:5px 15px 6px;}

/* Footer */
#footer {background: #006666 url(img/footer.gif) no-repeat; clear:both; color: #003333; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; height:20px; text-align: center; width:749px; font-weight: 200;}
#footer a {color:#a0a0a0; font-weight:400;}

/* Additional classes */
.menublock {margin-bottom:10px;}
.nav {
	font-family:Arial, Helvetica, sans-serif;
	color:#006666;
	display: block;
	font-size:0.7em;
	font-weight:400;
	margin-bottom:1px;
	padding:1px 1px 1px 1px;
	position:relative;
	text-decoration:none;
	width:150px
}
.nav:hover {
   	color: #990000 ;
	font-weight:600;
	width:150px
    
}
.sub {
	font-size:0.8em;
	margin-left:10px;
	padding:1px 1px 1px 6px;
	width:105px;
}
.sub:hover {
	border:1px solid #fa9035;
	color:#009999;
	padding:0 0 0 5px;
}
.intro {font-weight:700;}
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
.box {background:#f8f8f8 url(img/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; margin:15px auto; padding:10px 10px 10px 20px; width:85%;}
.photo {margin:5px auto 15px; padding:5px;}
.smallcaps {font-variant:small-caps;}
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
.small {font-size:0.85em;}
.large {font-size:1.4em;}
.soft {color:#808080;}
.normal {font-weight:400;}
.sharp {color:#101010;}
.center {text-align:center;}
.hide {display:none;}

over = function() {
	var sfEls = document.getElementById("nav").»
getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.»
replace(new RegExp(" over\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", over);