Здравствуйте. Не могу понять почему не меняется цвет в тексте. Хочу вставить справа текст с ссылкой на почтовый ящик в футер где уже стоит счетчик слева. Мне кажется код прописан верно, но видимо нет, поскольку текст не выравнивается к правому краю (text-align:right), получилось тока так: (margin-left:850px), а также нельзя присвоить цвет тексту. Что неправильно?

Вот код на футер в php:

[PHP]<!-- footer -->
<div id="footer"><br>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12886218-6']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
<!-- HotLog -->
<script type="text/javascript" language="javascript">
hotlog_js="1.0"; hotlog_r=""+Math.random()+"&s=2102874&im=353&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
</script>
<script type="text/javascript" language="javascript1.1">
hotlog_js="1.1"; hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");
</script>
<script type="text/javascript" language="javascript1.2">
hotlog_js="1.2"; hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+
(((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth);
</script>
<script type="text/javascript" language="javascript1.3">
hotlog_js="1.3";
</script>
<script type="text/javascript" language="javascript">
hotlog_r+="&js="+hotlog_js;
document.write('<a href="http://click.hotlog.ru/?2102874" target="_top"><img '+
'src="http://hit37.hotlog.ru/cgi-bin/hotlog/count?'+
hotlog_r+'" border="0" width="88" height="31" alt="HotLog"><\/a>');
</script>
<noscript>
<a href="http://click.hotlog.ru/?2102874" target="_top"><img
src="http://hit37.hotlog.ru/cgi-bin/hotlog/count?s=2102874&im=353" border="0"
width="88" height="31" alt="HotLog"></a>
</noscript>
<!-- /HotLog -->
<a class="mail" href="mailto:111@mail.ru">e-mail: 111@mail.ru</a>
</div>
</div>
</div>
</body>
</html>[/PHP]

Вот стиль в css для текста почтового ящика:
[CSS].mail {font-size:15px;
font-weight:bold;
font-family:Calibri;
color:#4464564;
margin-left:850px;}[/CSS]