#body	/*the box itself*/
{
	text-align:center;									/*centers all of the font in the body*/
	position: absolute;									/*lets me position the body where i want*/
	width: 800px;										/*sets the width of my box to 800 to fit nicely on 800x600 resolution or above*/
	left: 50%;											/*puts it in the middle*/
	border: #000000 1px solid;						    /*puts a border around the body*/
	margin:0px 0px 0px -400px;							/*centers the body*/
	background-color:#E0c796;							/*sets the background colour for the inner body (box)*/
	background-image: url(images/border_top.jpg);		/*this is the single image til for the top border*/
	background-repeat: repeat-x;						/*this repeats the tiled image to give a border*/
}

#main	/*the middle of the box*/
{
	padding-left: 30px;     /*indents the paragraphs*/
	padding-right: 30px;     /*indents the paragraphs*/
	/*margin-top: 60px;  /*Pushes the font down for firefox*/
	/*background-color:#b78b12;*/
}

body	/*around the box*/
{
	background-image:url(images/background.jpg);	/*sets my gold background image*/
	background-color:#b78b12;						/*sets the background colour to a flat gold so that when loading pages, the background doesnt flick white*/
}

h1	/*the style of font 1*/
{
	font-family: Trebuchet MS, Verdana, Arial;	/*sets the fonts for the body*/
	text-align:left;  							/*algins the font to the left*/
	font-size: 16px;							/*sets the font size*/
	color:#005301;								/*sets the font colour*/
}

a:link
{ 
	color:#FF6600;				/* This sets the colour for links*/
	font-family: Trebuchet MS, Verdana, Arial;	/*sets the fonts for the body*/
	font-weight: bold;
}  	

a:visited  
{ 
	color:#996600;				/* This sets the colour for visited links*/
	font-family: Trebuchet MS, Verdana, Arial;	/*sets the fonts for the body*/
	font-weight: bold;
}  

a:active   
{ 
	font-family: Trebuchet MS, Verdana, Arial;	/*sets the fonts for the body*/
	font-weight: bold;
} 	

a:hover    
{ 
	color:#FFFFFF;					/* This sets the colour of the link when you hover the mouse over it */
	font-family: Trebuchet MS, Verdana, Arial;	/*sets the fonts for the body*/
	text-decoration:none
} 	


sticker	/*weather sticker*/
{
	float:center;  /*I'm struggling to align this to center in firefox*/
	text-align:center;
	position:absolute;
	left: 50%;
}

img	/*image links*/
{
	border:0px none; /*gets rid of the ugly border around the image links*/
	margin: 0px;
	padding: 0px;
}

#footer	/*contains my xhtml and css valid links*/
{			
	padding-top: 30px;     /*inserts a gap between the body and the footer*/
}

#logo {	/*this sorts out the banner*/
	border: 1px;
	margin: 46px 0px -10px;
	padding: 0px;
	height: 99px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-color: #172A52;					/*colours the background dark blue to stretch out my banner a bit as it was too small*/
}

#final_links
{
	text-align:left;
	font-weight: normal;
}


