/*Notes on centering an image

Vertical Centering with CSS
Although it is easy to centre elements horizontally in a CSS box, there is no direct 
equivalent of the 'valign' used for vertical alignment inside table cells – but there 
is a way to spoof it.

When you think of absolute positioning, you probably think in terms of absolute pixels, 
but absolute positioning also works with percentages. For instance, if I have a box 
that is 250px wide by 70px high, I could position it at absolute 50% from the top and 
50% from the left of the page and its top left corner would be at the centre of the 
browser window.

If I then give it negative left and top margins that are exactly half of its width and 
height, the box is put back smack bang in the middle of the window, no matter what 
size it is.
*/


body 
	{
	font-size:small;
	font-family:Times New Roman;
	color:Black;
	background-color: Black;
	margin: 0px
	}
	
A:link
	{
		color:Blue;
		text-decoration:none;
	}

A:visited
	{
		color:Purple;
		text-decoration:none;
	}

A:hover
	{
		color:Red;
		text-decoration:underline;
	}

h1
	{
		font-family: Times New Roman;
	}

#content      
	{
	font-family: Times New Roman;
	background-color: transparent;
	text-align: center;
	margin-top: -175px;
	margin-left: -225px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 400px;
	visibility: visible
	}
	
#bodytext 
	{
	font-size: 12px
	}

.headline 
	{
	font-weight: bold;
	font-size: 24px
	}