/* BASIC STYLES */

body {
	padding: 0;
	margin: 0;
	color: #000000; background: #EEEEEE url('../images/cross_background.gif') repeat fixed;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:62.5%;
	font-family:Helvetica, Arial, Verdana, sans-serif;
		}

#centrepage	{
	width: 75em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #EEEEEE none repeat scroll 0 0;
}


/* DIVS USED TO POSITION HEADER, SIDEBAR AND MAIN CONTENT */

/* FOOTER SECTION LIES WITHIN MAIN CONTENT */

#header {
	position: absolute;
	top: 1.0em;
	left: 1.0em;
	width: 72em;
	height: 13em;
		margin: 0;
		padding: 0.5em;
			background-color: #FFFFFF;
			text-align: right;
	border: 0.2em solid;
	border-color: #CC6666;
	}


#sidebar  {
	position: absolute;
	top: 16.8em;
	left: 1.0em;
	width: 17em;
		margin: 0;
		padding: 0.5em;
			background-color: #FFFFFF;
	border: 0.2em solid;
	border-color: #CC6666;
	}
	
#maincontent  {
	position: absolute;
	top: 16.8em;
	left: 20.7em;
	width: 52.3em;
		margin: 0em;
		padding: 0.5em;
			background-color: #FFFFFF;
	border: 0.2em solid;
	border-color: #CC6666;
	}

#footer  {
	float: left;
	width: 42em;
		margin: 0.5em; 
		padding: 0.5em;
			background-color: transparent;
	border-top: 0.1em solid #999999;
	
	text-align: right;
	font-size: 1.2em; line-height: 1.0em;
	color: #444444;
	font-weight: normal;
	font-style: normal;
	}
	
#xmasspecial	{
	background: #FFFFFF url('../images/holly-2.gif') repeat scroll left bottom;
	padding: 0.3em; border: 0.2em #FF0000 dotted;
}

@media handheld	{
	#header, #sidebar, #maincontent, #footer {
	display: inline; width: auto; height: auto; border: none;}}

@media handheld {
	#footer {display: none;}}


/* ---------------------------------------------------------------------- */

p	{
	font-size:1.3em; line-height: 1.5em;
	}

h1 {
	position: absolute;
	top: 0.2em;
	right: 1.5em;
	margin: 0.5em;
	height: 5.0em;
	font-size: 1.4em;
	width: 30em;
	}
	
h2	{
	font-size: 2.2em;
	text-align: center;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.2em 0.2em 0.2em 0em;
	line-height: 1.2em
	}
	
h3 {
	font-size:1.6em;
	margin: 0.5em 0em 0em 0em;
	}

h4	{
	font-size:1.4em;
	}

h5, h6, h7 {
	font-size:1.3em; display: none;
	}
	
@media handheld {	
	h1, h2, h3, h4, h5, h6, h7 {
	font-size:1.2em; display: inline; text-align: center;
	}}

	
img {
	border: none;
}

@media handheld	{
	img {display: none;}}

.centeredimage	{
	text-align:center;
}

em	{
	font-style: italic;
	font-weight: bold;
}

	
/* STYLES FOR INPUT FORMS  */

#searchbox	{
	position: absolute;
	top: 7.0em;
	left: 0.5em;
	margin: 0.7em;
	padding: 0em;
	width: 14.8em;
	text-align: left;
		}

fieldset	{
	display: inline;
	width: 14.6em;
	text-align:left;
	text-indent: 0.2em;
	margin: 0;
	padding: 0;
	border: none;
		}

input {
	background-color: #EEEEEE;
	font-size: 0.9em;
	margin:0.2em;
	}
	
input.textbox {
	width: 11.8em;
	border: 0.1em solid;
	margin: 0.2em;
	}
	
input.clickme {
	border: none;
	background-color: #FFFFFF; 
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	font-style:normal; font-variant:normal; 
	font-family:Helvetica, Arial, Verdana, sans-serif;
	margin: 0.2em;
	padding: 0;
	}
	
input:hover.clickme {
	color: #DD0000;
	text-decoration: underline;
	}


img#searchlogo	{
	float: none;
	margin: 0 0 -0.3em 0.5em;
	}

/* HEADER POSITIONING AND STYLES */

#header p {
	margin: 0.5em 0.5em 0.5em 0.8em;
	font-size: 1.4em; line-height: 1.3em; text-align: center;
	font-weight: normal;
	}


img#logo {
	position: absolute;
	top: 0.2em;
	right: 0.5em;
	margin: 0.5em;
	border: none;
	}

ul#topnavbar {
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	margin: 0.7em;
	padding: 0em;
	width: 15.2em;
	text-align: center;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	}

ul#topnavbar li {
	display: block;
	width: 14.6em;
	margin: 0.2em 0.2em 0.2em 0.2em;
	padding: 0;
	text-align: left;
	font-weight: bold;
	text-indent: 0.5em;
	color: #000000;
	background-color: #DDDDDD;
	border-left-width: 3px; border-left-style: solid; border-left-color: #DD0000;
	}


#header form {
	width: 11.8em;
	font-size: 1.3em;
	margin: 0.1em;
	padding: 0.1em 0.1em 0.1em 0.1em;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
		}



a.horiznavbar {font-size: 1.3em; line-height: 1.6em;
	 margin: 0.2em; padding: 0;
	 }
a:link.horiznavbar, a:visited.horiznavbar { color: #000000; background-color:#DDDDDD;
	 text-decoration:none; 
	 }
a:hover.horiznavbar	{ color:#DD0000; background-color:#DDDDDD;
	 text-decoration:underline;
	 }



/* MAIN CONTENT POSITIONING AND STYLES */

#missionplug h2 {
	font-style: italic; font-size: 3.0em;
	}

#maincontent p {
	line-height: 1.5em;
	margin: 0.4em 0.4em 0.5em 0.5em;
	}



#maincontent h3	{
	font-size: 1.6em;
	text-align: left;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.2em 0.2em 0.2em 0em;
	line-height: 1.2em
	}
	
	#missionplug h3 {
	text-align: center; font-style: italic; margin: 0.8em 0.5em 0.5em 0.5em;
	}

		

#maincontent h4	{
	font-size: 1.4em;
	text-align: left;
	margin: 0.5em 0.3em 0.5em 0.5em;
	padding: 0.2em 0.2em 0.2em 0em;
	line-height: 1.2em
	}


#maincontent img	{
	margin: 0.2em;
		}

#maincontent ul	{
	list-style-type: disc;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
#maincontent a	{
	color: #000000;
	text-decoration:none;
	border-bottom: 1px #000000 dotted;
	}
	
#maincontent a:hover	{
	color:#DD0000;
	border-bottom: 1px #DD0000 solid;
	}
	
.churchdetails p 	{
	padding: 0;
	margin: 0 0 0.5em 2.0em;
	}
	
.churchdetails h3	{
	font-size: 1.5em;
	}

/* SIDEBAR POSITIONING AND STYLES */


#sidebar p {
	margin: 0.5em 0.5em 0.5em 0.8em;
	font-size: 1.3em; line-height: 1.2em; text-align: center;
	font-weight: normal;
	}
	
ul#sidenavbar	{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0.7em; 
	padding: 0em 0em 0em 0em;
	width: 15.2em;
	text-align: center;
	} 

ul#sidenavbar li {
	display: block;
	width: 14.8em;
	margin: 0.2em 0.2em 0.2em 0.2em; padding: 0;
	text-indent: 0.5em;
	text-align: left; color: #000000; border: none; background-color: #DDDDDD;
	}

a.verticalnav {font-size: 1.3em; line-height: 1.6em;
	margin: 0.2em 0.2em 0.2em 0.2em; padding: 0;
	}
    
a:link.verticalnav { color: #000000; background-color:#DDDDDD;
	 text-decoration:none; }
a:visited.verticalnav	{ color:#000000; background-color:#DDDDDD;
	 text-decoration:none; }
a:hover.verticalnav	{ color:#DD0000; background-color: #DDDDDD;
	 text-decoration:underline; }

	
a:link.sidebarheading, a:visited.sidebarheading, a:hover.sidebarheading {color: #CC0000; background-color:#DDDDDD;
	 font-size:1.3em; line-height:1.6em;text-decoration:none;
	margin: 0.2em 0.2em 0.2em 0.2em; padding: 0;
	text-indent: 0.5em;
	text-align: center; color: #000000; border: none; font-weight: bold; text-decoration:none;}
a:hover.sidebarheading {text-decoration: underline; color: #CC0000}


	
/* STYLES TO SUIT "ZOOM" SEARCH ENGINE OUTPUT */

.zoom_searchform, zoom_results_per_page, zoom_match {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0.4em 0.4em 0.5em 0.5em;
	}
	
.searchheading {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;}

.results	{
	font-size: 1.3em;
	margin: 0 0 0.2em 0.5em;
	}
	
.summary {font-style: italic; font-weight: bold; margin : -0.2em 0 0 0.5em; text-align: center;}
.result_pagescount	{font-style: italic; margin: -0.2em 0 0 0.5em; text-align: center;}
.sorting	{text-align: center; margin: 0.2em 0 0 0;}

.result_title {margin: 1.6em 0 0.4em 0; font-weight: bold;}
.description  {font-weight: bold; font-style: italic;}
.context	  {margin: 0.3em 0 0.3em 0}
.infoline 	{font-size: 0.8em; font-style: italic;}
.recommended_infolin {font-size: 1.0em; line-height: 1.4em;}

.result_pages	{text-align:right; margin: 0.3em 1.0em 0.3em 0.5em; font-weight: bold;}

.highlight {background-color: #DDEEDD;}