body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
div{ font-family:  Arial, Helvetica, sans-serif; }
img.image{ display: none; }

dl#imagem{
	margin: 0;
	padding: 0;
	background: transparent url(http://www.ciriodenazare.com.br/v2.0/framework/view/upload/organograma.jpg) top left no-repeat;
	height: 407px;
	width: 419px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; display: none; }
dd{ margin: 0; padding: 0; position: absolute; }

/* ---------- Conselho Consultivo ---------- */
dd#conselhoConsultivo{ top: 38px; left: 19px; }
dd#conselhoConsultivo a{
	position: absolute;
	width: 112px;
	height: 22px;
	text-decoration: none;
	top: 28px;
	left: -6px;
}
dd#conselhoConsultivo a span{ display: none; }
dd#conselhoConsultivo a:hover{ position: absolute; background-attachment:fixed; top: 28px; left: -6px; }
dd#conselhoConsultivo a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 280px;
	height: auto;
	font-size:10px;
}

/* ---------- Diretores Benemritos ---------- */
dd#dirBenemerito{ top: 102px; left: 72px; }
dd#dirBenemerito a{
	position: absolute;
	width: 112px;
	height: 22px;
	text-decoration: none;
	top: 28px;
	left: -6px;
}
dd#dirBenemerito a span{ display: none; }
dd#dirBenemerito a:hover{ position: absolute; background-attachment:fixed; top: 28px; left: -6px; }
dd#dirBenemerito a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 180px;
	height: auto;
	font-size:10px;
}

/* ---------- Diretoria Admin-Financeira ---------- */
dd#dirAdminFin{ top: 142px; left: 190px; }
dd#dirAdminFin a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 27px;
	left: 44px;
}
dd#dirAdminFin a span{ display: none; }
dd#dirAdminFin a:hover{ position: absolute; background-attachment:fixed; top: 27px; left: 44px; }
dd#dirAdminFin a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria do Arraial ---------- */
dd#dirArraial{ top: 152px; left: 190px; }
dd#dirArraial a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 46px;
	left: 45px;
}
dd#dirArraial a span{ display: none; }
dd#dirArraial a:hover{ position: absolute; background-attachment:fixed; top: 46px; left: 45px; }
dd#dirArraial a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Decorao ---------- */
dd#dirDecor{ top: 172px; left: 190px; }
dd#dirDecor a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 55px;
	left: 46px;
}
dd#dirDecor a span{ display: none; }
dd#dirDecor a:hover{ position: absolute; background-attachment:fixed; top: 55px; left: 46px; }
dd#dirDecor a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Evangelizao ---------- */
dd#dirEvang{ top: 192px; left: 190px; }
dd#dirEvang a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 64px;
	left: 46px;
}
dd#dirEvang a span{ display: none; }
dd#dirEvang a:hover{ position: absolute; background-attachment:fixed; top: 64px; left: 46px; }
dd#dirEvang a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Eventos ---------- */
dd#dirEventos{ top: 221px; left: 190px; }
dd#dirEventos a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 64px;
	left: 46px;
}
dd#dirEventos a span{ display: none; }
dd#dirEventos a:hover{ position: absolute; background-attachment:fixed; top: 64px; left: 46px; }
dd#dirEventos a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Marketing ---------- */
dd#dirMark{ top: 249px; left: 190px; }
dd#dirMark a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 64px;
	left: 46px;
}
dd#dirMark a span{ display: none; }
dd#dirMark a:hover{ position: absolute; background-attachment:fixed; top: 64px; left: 46px; }
dd#dirMark a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Patrimnios ---------- */
dd#dirPatrim{ top: 259px; left: 190px; }
dd#dirPatrim a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 83px;
	left: 46px;
}
dd#dirPatrim a span{ display: none; }
dd#dirPatrim a:hover{ position: absolute; background-attachment:fixed; top: 83px; left: 46px; }
dd#dirPatrim a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}

/* ---------- Diretoria de Procisses ---------- */
dd#dirProcissoes{ top: 269px; left: 190px; }
dd#dirProcissoes a{
	position: absolute;
	width: 169px;
	height: 22px;
	text-decoration: none;
	top: 102px;
	left: 46px;
}
dd#dirProcissoes a span{ display: none; }
dd#dirProcissoes a:hover{ position: absolute; background-attachment:fixed; top: 102px; left: 46px; }
dd#dirProcissoes a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 220px;
	height: auto;
	font-size:10px;
	right:0;
}
/* ---------- Diretor Presidente ---------- */
dd#dirPresidente{ top: 38px; left: 140px; }
dd#dirPresidente a{
	position: absolute;
	width: 112px;
	height: 22px;
	text-decoration: none;
	top: 28px;
	left: -6px;
}
dd#dirPresidente a span{ display: none; }
dd#dirPresidente a:hover{ position: absolute; background-attachment:fixed; top: 28px; left: -6px; }
dd#dirPresidente a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 280px;
	height: auto;
	font-size:10px;
}
/* ---------- Diretor Coordenador ---------- */
dd#dirCoordenador{ top: 65px; left: 150px; }
dd#dirCoordenador a{
	position: absolute;
	width: 112px;
	height: 22px;
	text-decoration: none;
	top: 28px;
	left: -6px;
}
dd#dirCoordenador a span{ display: none; }
dd#dirCoordenador a:hover{ position: absolute; background-attachment:fixed; top: 28px; left: -6px;; }
dd#dirCoordenador a:hover span{
	display: block;
	color: #000;
	position: absolute;
	top: 100%;
	margin: 0;
	width: 280px;
	height: auto;
	font-size:10px;
}
