*{ 
Margin:0; 
padding:0;
list-style:none;
text-decoration:none;
border:none;
vertical-align:middle;
font-family: 'Trebuchet MS', Helvetica, Arial, Tahoma ,Verdana, Sans-Serif;
}
body{
_width:970px;
_height:100%;
_margin-top:10;
_margin-left:2.5%;
_top:50%;
_left:10%;
background: url(../images/bg.gif) ;
text-align: left; 
font-size: 12px;
color:#333;
}
#geral{
width:970px;
margin:0 auto;
background: #E8EAE8;
margin-top:10px;
float: center;
}
/*inicio do menu
ul#primary-nav,
background:#006699; 
ul#primary-nav ul {
	margin: 0;
	padding: 0;
                _width: 129px;
	width: 129px; /* Width of Menu Items 
	border-bottom: 1px solid #ccc;
	background: #33CCFF; /* IE6 Bug 
	font-size: 100%;
	border: 1px solid #ccc;
	display: block;
	}
ul#primary-nav li {
	position: relative;
	list-style: none;
	}
ul#primary-nav li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
/* Fix IE. Hide from IE Mac \
* html ul#primary-nav li {
	float:left;
	height: 1%; 
	}
* html ul#primary-nav li a {	
	color:#444;
	height: 1%;
	}
/* End 
ul#primary-nav ul {
	position: absolute;
	display: none;
                font-weight:bold;
	left: 129px; /* Set 1px less than menu width 
	top: 0;
	}
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles 
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul {display: block; } /* Hide sub-menus initially 
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { background: #33CCFF; display: block; } /* The magic */
ul#primary-nav li.menuparent { background: transparent url(arrow.gif) center no-repeat; }
ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { color: black; background: #FFF;}
ul#primary-nav li a:hover { padding-left: 12%; color: #E2144A; text-decoration: underline; background: #FFF;}
/*fim do menu*/
/*inicio do menu*/
ul#primary-nav,
ul#primary-nav ul {margin: 0;
padding: 0;
_width: 129px;
width: 129px; /* Width of Menu Items */
border-bottom: 3px solid #ccc;
	background: #33CCFF; /* IE6 Bug */
	font-size: 100%;
	border: 1px solid #ccc;
	display: block;
	}
ul#primary-nav li {position: relative;
font-weight:bold;
list-style: none; }
ul#primary-nav li a {display: block;
text-decoration: none;
padding: 5px;
border: 3px solid #ccc;
border-bottom: 0;}
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li {float:left; height: 1%; }
* html ul#primary-nav li a {color:#444; height: 1%;}
/* End */
ul#primary-nav ul {position: absolute; display: none; left:129px; top: 0; } /*Set 1px less than menu width */
ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul {display: block; } /* Hide sub-menus initially */
ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { background: #33CCFF; display: block; } /* The magic */
ul#primary-nav li.over { color: black; background: #FFF;}
ul#primary-nav li a:hover { padding-left: 12%; color: #E2144A; text-decoration: underline; background: #FFF;}
/*fim do menu*/
* h1{
color:blue;
font-size:16px;
}
#data{
color:#228B22;
font-size:14px;
text-align:center;
}
#ta{
color:#228B22;
background: url(images/bg.gif) bottom repeat-x;
font-size:14px;
text-align:center;
}
#ata{
background-color: black;
color: 00CCFF;
font-size:18px;
text-align:center;
}
p.link a{
color:blue; font-weight: bold;
}
#topo{
height:253px;
background: #ccc url(../imagens/logo.jpg) no-repeat; 
background-position:center; 
padding:10px; 
margin-top:10px; 
}
#topo h1 a{
text-indent:-9999px; 
display:none;
}
#interna{ 
width:970px;
background: #fff;
margin:0 auto;
clear:both;
}
#interna div { float:left;
}
#internas{ 
width:970px;
background: #fff;
margin:0 auto;
clear:both;
}
#meios {
width:490px;
padding-left:5px;
}
#mei {
width:490px;
padding-left:15px;
color:blue;
margin-right: 10 px;
}
#meio {
width:477px;
padding-left:5px;
}
#fotos {
width:477px;
padding-left:5px;
float: right;
}
#foto {
padding-left:10px;
_padding-left:7px;
}
#somos {width:377px;
padding-left:5px;
}
#est {
width:640px;
_width:646px; 
color:blue;
padding-left:5px;
}
#pastor {
width:640px;
_width:646px; 
color:blue;
padding-left:5px;
}
#direita {
padding:5px;
padding-left:5px;
color:blue;
margin-left: 5px;
}
#galera {
padding:5px;
padding-left:5px;
color:blue;
margin-left: 5px;
list-style-image: left;
}
#esquerda{
width:129px;
}
/*
#esquerda li a{
height:25px;
background: #006699;
margin:2px;
color:#333;
display: block;
width:129px;
padding-left: 1px;
}
#esquerda li a:hover{
font-weight:bold;
font-size: 12px;
background: #fff;
text-decoration: underline;
color: #FFF;
width: 129px;
font-weight: bold;
}
*/
#est .a{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#pastor .a{
background: #ccc url(../fotos/familia/6.jpg) no-repeat;
padding:5px;
width:100%;
color:blue;
margin-bottom:10px;
}
#artigo .a{
background: (images.JPEG) no-repeat;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#meio .a{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#somos .a{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
height:60%;
}
#meio .b{
background: #F8F8F8;
padding:5px;
width:100%;
color:red;
margin-bottom:5px;
}
#meio .c{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#meio .d{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#meio .e{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#rodape{ 
width:970px;
height:60px; 
margin:0 auto; 
background-color: #ccc; 
clear:both;
text-align: center;
padding: 10px 0 0 0;
}
#roda{
margin:0 auto;
width:345px;
background-color: #ccc; 
clear:both;
padding: 10px 0 0 0;
}
#rodape p{
font-size:12px;
}
#rodape p a{
font-size:12px;
color:#000;
font-weight:bold;
}
#estudo{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#recados{
background: #F8F8F8;
padding:5px;
width:100%;
color:blue;
margin-bottom:5px;
}
#estudo li a{ color:#333;
}
#palavra ul li{
margin-left:15px;
color:blue;
padding-top:25px;
}
div#slideshow #links {
                float: right;
                clear: both;
                text-align: center;
            }
div#slideshow #links li {
                font-size: 1px;
                border-top: 0px solid white;
            }
div#slideshow #links li.inativo {
                background: #FFF;
            }
            div#slideshow #links li.ativo {
                background: #FFF;
            }
            div#slideshow #slides {
                background: FFF;
                color: white;
                font-size: 1px;
            }
            div#slideshow #slides .visible {
                display: block;
            }
            div#slideshow #slides .hidden {
                display: none;
            }
            div#slideshow #slides div span {
                display: block;
            }
            div#slideshow #slides .titulo{
                font-weight: bold;
                font-size: 1px;
}
#galeria{width:450px;}
.hoverbox{cursor:default; list-style:none;}
.hoverbox a{cursor:default; position:relative;}
.hoverbox a .preview{display:none;}
.hoverbox a:hover{font-size:100%; z-index:1;}
.hoverbox a:hover .preview{display:block; position:absolute; top:-33px; left:-45px; z-index:1;}
.hoverbox img{background:#fff; border-color:#aaa #ccc #ddd #bbb; border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; width:80px; height:50px;}
.hoverbox li{background:#eee; border-color:#ddd #bbb #aaa #ccc; border-style:solid; border-width:1px; color:inherit; display:inline; float:left; margin:3px; padding:5px; position:static;}
.hoverbox .preview {border-color:#000; width:200px; height:150px;}
