/**
 * +-------------------------------------------------------------------+
 * | Christ Church, Oswestry                                           |
 * +-------------------------------------------------------------------+
 * |                                                                   |
 * | File:      css/christchurch.css                                   |
 * | Author:    Michael F Clarke                                       |
 * | Date:      Fri 28th December 2007                                 |
 * | Copyright: (C) 2007. Christ Church Oswestry. All Rights Reserved. |
 * |                                                                   |
 * +-------------------------------------------------------------------+
 * | Description                                                       |
 * +-------------------------------------------------------------------+
 * |                                                                   |
 * | Holds all layout information for the Christ Church website.       |
 * |                                                                   |
 * +-------------------------------------------------------------------+
 */

html {

	/* Fix the scroll bar issue. */
	height: 		100%;
	margin-bottom:		1px;

	/* Setup the background colour for the main page. */
	background-image:	url('../images/background.jpg');
	background-repeat:	no-repeat;
	background-position:	top center;
	background-attachment:	fixed;

}

body {

	/* Set the main font, size and colours for the website. */
	font-family:		verdana, sans-serif;
	font-size:		1em;
	color:			rgb(0, 0, 0);

	background-image:	url('../images/church.gif');
	background-repeat:	no-repeat;
	background-position:	left bottom;
	background-attachment:	scroll;


	/* Set the dimensions of the page. */
	width:			100%;
	height:			100%;

	/* Set the position of the content on the page. */
	margin-left:		0px;
	margin-bottom:		0px;
	margin-right:		0px;
	margin-top:		0px;
	text-align:		center;

}

.container {

	/* Set the size and colours for the page. */
	color:			rgb(0, 0, 0);
	width:			750px;

	/* Add a border. */

	margin:			0 auto;

	border-style:		none;
	border-left-width:	1px;
	border-right-width:	1px;
	border-top-width:	1px;
	border-bottom-width:	1px;
	border-color:		rgb(130, 132, 143);

	/* Align the text to the left. */

	text-align:		left;

	/* Add the church at the bottom. */

	font-size:		12px;
	height:			100%;


}

.content {

	float:			right;
	width:			500px;
}

.box {

	border-style:		solid;
	border-width:		1px;
	border-color:		rgb(0, 0, 0);

	margin-left:		10px;
	margin-top:		23px;
	margin-right:		10px;
	margin-bottom:		15px;

	padding-top:		10px;
	padding-bottom:		10px;

	width:			180px;
	padding-left:		10px;
	padding-right:		10px;
	float:			left;
	clear:			left;
	min-width:		180px;
	max-width:		180px;
	font-size:		0.9em;
	text-align:		center;

	background:		transparent url('../images/background.gif');

	clear:			left;
	float:			left;

}

.box p {

	padding-left: 		0px;
	padding-right: 		0px;
	font-size:		1em;

}

h1 {

	/* Set the font, colour, background, border etc for a h1 tag. */

	width:			710px;
	padding-top:		10px;
	padding-bottom:		10px;

	margin-top:		10px;
	margin-bottom:		10px;


	font-size:		12px;

}

.copyright {

	background:		transparent;
	font-size:		10px;
	text-align:		right;
	padding-right:		10px;
	padding-top:		20px;
	padding-bottom:		20px;

}

.menu {

        text-align:		center;

}

.menu a {
	padding-left:		5px;
	padding-right:		5px;
}


.logo {

	text-align:		center;

}