img {border-width:0px; border-color:lime;}
a:link{font-family:arial}
a:link {color:cyan;}
a:active {color:red;}
a:visited {color:magenta}
table {font-family: tahoma, arial; font-style:italic; font-size:12pt;padding:0 3em 0 3em;}
body {background-color: #00184A; color:yellow; font-size:18px; max-width:1100px;position:relative;}
#gsxr {color:red; font-style:italic; font-size:28pt; font-family:serpentinedbol, "arial black", tahoma, arial;}
h1{color:yellow; font-family:arial; font-size:32pt;}
td{text-align:center}
.smallwhite{font-size: 12pt; color:white;}
h3{color:white; font-family: arial, serif;}
#ccare{color:lime;}
h2{font-family: arial, serif; font-size: 14pt;}
.bottom{align:bottom;}
h3{max-width:1000px;margin-left:auto; margin-right:auto;}
#thinrow{font-size:12px;color:white;}
.centeredimage{display:block; margin-left:auto; margin-right: auto;} 
.centeredparagraph{text-align:center;}
.right{float: right;margin-right:8em; margin-bottom: 2em;}
p{font-family:arial, serif; font-size:12pt; color:white; margin-left:10%;margin-right:10%;}
.yellow{color:yellow;font-size:large;font-style:italic;}

p.justify{text-align:justify;}


div#counter{position:absolute;top:350px;left:-1em;max-width:270px;}
/** problem: when I try to set the counter to z-index less than  1, the  counter does not load at all in firefox **/

div#firefox{position:absolute;top:360px;right:1em;}