#title
{top: 0px;
	left: 240px;
	width: 480px;
	text-align: center;}
#shadow
 {left: 0px;
	width: 482px; 
	text-align: center;}

#archieshad
{top: 233px;
left: 25px;
width: 180px;
height: 218px;
font-size: 10px;
position: absolute;
background-color: #504;
text-align: center;}

#archieframe
{top: 227px;
left: 20px;
width: 180px;
height: 219px;
font-size: 10px;
position: absolute;
background-color: #fed;
color: black;
text-align: center;
border: outset 1px #f96;}

#titlearea
{background-color: #ccc;
width: 470px;
height: 50px;
padding-left: 17px;
padding-top: 0;
position: relative;
margin: 20px 0 25px 0px;}

#maincol
{
background-color: transparent;
left: 240px;
width: 475px;
height: 330px;
padding-left: 0px;
padding-top: 0;
position: relative; /*this is the 'container' box for the crestbox and shadow unit*/
margin: 25px 0 25px 5px;
}

#boxshadow
{
left: 4px;
top: 2px; 
background-color: #604;
width: 473px;
height: 332px; /*2px more than maincol*/
padding: 0px;
position: absolute;
}


#boxarea
{background-color: #766;/*655 marginally less good*/
color: white;
width: 475px;
height: 335px; /*5px more than maincol, and 3 more than boxshadow*/
padding: 10px 0px 0px 10px;
position: relative;
margin: 20px 0 25px 3px;
overflow: hidden; /*this is to stop captions flowing out of box at bottom, if user increases font size too much. The alternative 'scroll' is a bit ugly in this box*/
border: inset 3px #f03;
scrollbar-track-color: gray;
}

p 
{
/*border: dashed 1px silver; useful so that I could see what I was doing with margins etc.*/
width: 120px;
text-align: center;
margin-top: 10px;
font-size: 11px;
line-height: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffd;	
}

#pic1 
{
  position: absolute;
left: 25px;
top: 28px;
  width: 120px;
  }

#pic2 
{
  position: absolute;
left: 175px;
top: 28px;
  width: 120px;
  }

#pic3 
{
  position: absolute;
left: 325px;
top: 28px;
  width: 120px;
  }

#pic4 
{
  position: absolute;
left: 25px;
top: 186px;
  width: 120px;
  }

#pic5 
{
  position: absolute;
left: 175px;
top: 186px;
  width: 120px;
  }

#pic6 
{
  position: absolute;
left: 325px;
top: 186px;
  width: 120px;
  }

#backtotop
{position: relative;
top: 200px;}
 
/* These are MSWord Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{
margin: 0px;
	font-size: 12px;
}