/* The first section has parts that you may want to edit.  Don't touch the initial keyword or the curly brackets.  Each line must end with a semicolon */

body 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;  /*These fonts will be chosen, in order*/
	font-size: 0.9em;  			/*This makes all text a little smaller than usual - but allows for the user to resize*/
	color: #000066;				/*This changes the colour of the text*/
	background-color: #FFFFFF;		/*This changes the colour of the background*/
	}

#top 
	{
	border-bottom-width: thin;		/*Remove all three of these "border" lines if you don't want a line under the header */
	border-bottom-style: solid;		/*Change this - or remove it.  Other options are dotted, dashed, double, groove */
	border-bottom-color: #CC0000;	/*Change the colour if you want; the first pair is "red", the next, "green", the last, "blue"*/
	height: 105px;					/*If you change this, you'll need to change the settings on the other boxes*/
	}

#left 
	{
	top: 115px;						/*Alter this to 10px greater than the height of the top box*/
	width: 200px;					/*If you change this, you must change the margin of the main and centre boxes*/
	border-right-width: thin;		/*Alter the border styles to match those of the top box*/
	border-right-style: solid;		/*Alter the border styles to match those of the top box*/
	border-right-color: #CC0000;	/*Alter the border styles to match those of the top box*/
	}
  
#main 
	{
	margin-left: 210px;				/*Alter this to 10px greater than the width of the left box*/
	margin-top: 115px;				/*Alter this to 10px greater than the height of the top box*/
	border-left-width: thin;		/*Alter the border styles to match those of the top box*/
	border-left-style: solid;		/*Alter the border styles to match those of the top box*/
	border-left-color: #CC0000;		/*Alter the border styles to match those of the top box*/
	}
		
#center 
	{
	margin-right: 220px;			/*If you change this, you must change the left margin of the right box */
	margin-left: 210px;				/*Alter this to 10px greater than the width of the left box*/
	margin-top: 115px;				/*Alter this to 10px greater than the height of the top box*/
	border-left-width: thin;		/*Alter the border styles to match those of the top box*/
	border-left-style: solid;		/*Alter the border styles to match those of the top box*/
	border-left-color: #CC0000;		/*Alter the border styles to match those of the top box*/
	/*If you want a margin line between this right box and the centre one, remove the comment marks ( a * and /) fromthese lines*/
	/*border-right-width: thin;*/		/*Alter the border styles to match those of the top box*/
	/*border-right-style: solid;*/		/*Alter the border styles to match those of the top box*/
	/*border-right-color: #CC0000;*/	/*Alter the border styles to match those of the top box*/
	}
		
#right 
	{
	top: 140px;				/*Alter this to 35px greater than the height of the top box*/
	width: 200px;			/*Alter this to 20px less than the margin-right of the center box*/
	/*If you want a margin line between this right box and the centre one, remove the comment marks ( a * and /) fromthese lines*/
	/*border-left-width: thin;*/		/*Alter the border styles to match those of the top box*/
	/*border-left-style: solid;*/		/*Alter the border styles to match those of the top box*/
	/*border-left-color: #CC0000;*/		/*Alter the border styles to match those of the top box*/
	}

/*This section controls the look and colour of the link text.  The order in which they are listed is important.*/
a {
	text-decoration: none;	/*Removes the underlining*/
	color: #CC6633;			/*Sets the colour*/
	font-weight: bold;		/*Makes it bold*/
	}

a:visited {
	color: #CC3333;			/*Sets the colour of visited links*/
	}

a:active {
	color: red;				/*Sets the "active" colour. You'll not often see that in this site*/
	}

a:hover {
	color: #0033CC;			/*This is the colour a link swaps to when you hover over it*/
	}

/*DON'T EDIT ANYTHING BELOW HERE PLEASE!*/

body 
	{
	margin: 0px;  
	padding: 0px;  
	}

#top 
	{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	}

#left 
	{
	position: absolute;
	left: 10px;
	padding-top: 2em;
	}
  
#main 
	{
	margin-right: 10px;
	padding-top: 1em;
	padding-left: 1em;
	}

#center 
	{
	padding-top: 1em;
	padding-left: 1em;
	}

#right 
	{
	position: absolute;
	right: 9px;
	}

p
	{
	margin: .2em;
	}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p 
	{
	margin-top: 0;
	}

textarea 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

/* Some text formatting styles */

.feastday
	{
	font-size: 0.75em;
	font-weight: bold;
	color: #666666;
	}
	
#topright {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	overflow: hidden;
}
	
#topleft {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 100px;
	position: absolute;
	left: 10px;
	top: 10px;
	text-align: left;
	overflow: hidden;
}

#left ul 
	{
	list-style: none;
	padding: 0;
	margin: 1em;
	font-size: 0.9em;
	font-weight: bold;
	}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.centre
{
	text-align: center;
}

.justify
{
	text-align: justify;
}

.bigger
	{
	font-size: 1.2em;
	}
	
.smaller
	{
	font-size: 0.8em;
	}
		
.pictureleft 
{
	margin: .5em;
	float: left;
}

.pictureright 
{
	margin: .5em;
	float: right;
}

.clear
{
	clear: both;
}

/* This section for the diary */

.event {
	font-size: .8em;
	margin: 0px 0px 0px 33%;
	padding: 0px;
}

.time {
	font-size: .8em;
	color: #0033CC;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 31%;
	clear: both;
}
	
.day {
	color: #FF0000;
	font-size: .8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.theme {
	font-weight: bold;
	margin: 0px;
	padding-bottom: .2em;
}

.red 
{
	background-color: #CC0000;
	color: yellow;
	padding: 0.5em;
}

.green {
	background-color: #00CC00;
	margin: .5em;
	padding: 1em;
	border: thin inset #006600;
}

.clear
	{
	clear: both;
	}