in questo momento la tua scritta sta qui
<div id="logo">
<a href="/index.php">SS. Crocifisso[/url]
</div>
se la vuoi mettere nella banda marroncina devi spostare questo
<a href="/index.php">SS. Crocifisso[/url]
dentro questo div
<div class="pathway">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<span class="breadcrumbs pathway">Home</span>
</td>
</tr>
</table>
</div>
e ti viene all'interno della banda marroncina (dove c'e' scritto home piccino).
per il resto, photoshop e' un programma di grafica, puoi farci loghi, scritte, immagini, fotoritocco etc
dreamweaver e' un programma "x fare siti".. non credo faccia grafica, so che puoi comporre graficamente un sito e lui fa il codice pero' io non lo uso, sono un po vecchia scuola.
il mio consiglio e' leggere.. non so, credo sia difficile personalizzare la grafica di un sito senza avere nozioni di grafica, sia ben chiaro, non per scoraggiarti.
magari potresti leggere una delle guide che ci sono qui sulla personalizzazione template in joomla, poi iniziare a sostituire qualche immagine e capire dove si vanno a mettere e come si fa

se hai bisogno di altro aiuto chiedi pure!