#title
{
top: 0px;
	left: 248px;
	width: 420px;
	text-align: center;
}

#text
{
text-align: center;
width: 420px;
}

#shadow
{
width: 420px;
text-align: center;
color: #504;
}

#instructions
{
top: 260px;
left: 30px;
width: 180px;
font-size: 10px;
position: absolute;
color: #ffc;
text-align: center;
}


#maincol
{
background-color: transparent;
left: 240px;
width: 425px;
height: 506px;
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; /*this is so that the left edge of outset border lines up with maincol of other pages*/
background-color: #504;
width: 428px;
height: 509px;
padding: 0px;

position: absolute;
}

#crestbox
{
background-color: #9cf;
top: -6px;
left: -6px;
width: 425px;
height: 510px;
padding-left: 0px;
padding-top: 0px;
position: absolute;
border: 2px outset #ffc;
}

#largecrest
{
left: 240px;
width: 425px;
height: 510px;
padding-left: 17px;
padding-top: 7px;
}

#backtotop
{
position: relative;
top: 200px;
}

.popUp 
{
	font-size: 10px;
	color: #009;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
	visibility: hidden;
	margin-top: 3px; /*move popup with these*/
	margin-left: -180px;
	padding: 5px 5px 5px 8px; /*Teague setting was 5px i.e all round*/
	position: absolute; /*Teague setting*/
	width: 305px;
	border: outset 1px #ee9;
	}