/* CSS Document */

html {
text-align: center;
height: 100%;
}

body { /*sets the main page background image and parameters */

background-image: url(/images/background_large.jpg);
background-repeat: repeat;
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
	}
	
div.header /* this is the flash movie */
{
width: 790px;
height: 200px;
text-align: center;
border-top: 0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#top /*this is the top of the rounded box */

{
background-image: url(/images/top.png);
background-repeat:no-repeat;
width: 800px;
height: 43px;
margin-top: 0px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}


#main /* This is the holding frame for the CSS columns*/
{
background-image: url(/images/side.png);
background-repeat: repeat-y;
width: 800px;
height: auto;
overflow: auto;
margin-top: 0px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align:left;
}

#column1, #column2 /*Master column setup - see below*/
{
float:left;
margins: auto;
}

#column1 /*Main content column*/
{
width: 425px;
height:auto;
margin-left:15px;
margin-right: 15px;
margin-bottom:0px;
}

#column2 /*adverts etc */
{
text-align: center;
margin-top: 5px;
width: 320px;
height:auto;
}


#bottom
{ 
background-image: url(/images/bottom.png);
background-repeat: no-repeat;
text-align: center; 
width: 800px; 
height: 65px;
margin-top: auto; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}


div.spacer1 /* This is a simple spacer of 3px which produces a invisible gap*/
{
width: 100%;
height: 3px;
}

div.spacer2 /* This is a simple spacer of 8px which produces a invisible gap*/
{
width: 100%;
height:8px;
}

div.spacer3 /* This is a simple spacer of 12px which produces a invisible gap*/
{
width: 100%;
height:12px;
}