.pages 
body{font-family:Arial, Helvetica, sans-serif;}
#characters {background:url(images/blendlong.jpg);}
/*general*/
A:active { color:#0000FF; text-decoration:none;}
A:hover { color:#FF0000; text-decoration:none;}
a{font-size:14px;} 
#logo{width:132px; height:91px;float:left; margin:0 20px 0 0;}
h1,h2,h3,h4,h5,p,a,span,td,li,{font-family:Arial, Helvetica, sans-serif;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:2.4em; color:#990050;}
h2{font-family:Arial, Helvetica, sans-serif;font-size:20px; color:#000000;text-align:center;margin:0 0 0 20px;}
p.links{text-align:center;font-size:0.8em;}

/*Characters in the Stories*/
#harey{width:170px; height:228px;float:left;}
#parrot{width:81px; height:85px;float:left;}
#chips{width:159px; height:173px;float:left;}
#scampi{width:136px; height:166px;float:left;}
p.character{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.5em;margin:0 0 30px 30px;clear:both;color:#0000FF;}
p.characterheading{font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.3em;margin:0 0 30px 20px;clear:all;color:#000000}
h2.character{font-family:Arial, Helvetica, sans-serif;font-size:20px; color:#008080;text-align:center;margin:0 0 40px 20px;}
span.character{font-size:0.8em;color:#000000;font-weight:normal;}

/*Characters in the Stories Firefox*/
html>body #harey{width:170px; height:228px;float:left;}
html>body #parrot{width:81px; height:85px;float:left;}
html>body #chips{width:159px; height:173px;float:left;}
html>body #scampi{width:136px; height:166px;float:left;}
html>body p.character{font-weight:bold;font-size:1.5em;margin:0 0 30px 30px;clear:all;color:#0000FF;}
html>body p.characterheading{font-weight:bold;font-size:1.3em;margin:0 0 30px 20px;clear:all;color:#000000}
html>body h2.character{font-size:20px; color:#008080;text-align:center;margin:0 0 40px 20px;}
html>body span.character{font-size:0.8em;color:#000000;font-weight:normal;}