html{
margin:0;
padding:0;
background-color: #637093; 
 background-image: url(../images/gradient1.jpg); 
 background-attachment: fixed;
	 background-repeat: repeat-x;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(../images/drop_shadow.png); 
	background-position: center; 
	background-repeat: repeat-y;
}

/* this is a hack to remove the not working png image from IE 6 */
	* html body 
	{
	background-image: none; 
	}

a: visited {
border: none; 
}

img {
border: none; 
}

#wrapper { 
 margin: 0 auto;
 min-width: 750px; 
 max-width: 960px;
 _width: 850px; 
}
#header {
 color: #dfa531;
 border: 0px solid #ccc;
 height: 160px;
 margin: 2px 0px 5px 0px;
/*background-image: url(../images/header_church3.jpg); */
  background-image: url(../images/header_church_waterfall10b.jpg);

  background-repeat: no-repeat; 
}

h1 {
color: #FFFFFF; 
font-size: 3em; 
font-family: bookman oldstyle, serif; 
position: relative; 
margin-right: 100px; 
font-weight: bold; 
margin-top: 0px; 
 height: 160px;
 width: 600px; 
overflow: hidden; 

}

/* overflow hidden is to stop the words showing if the person blows it up really big */

h1 span {
 height: 160px;
 width: 600px; 
 position: absolute; 
   background-image: url(../images/header_church_waterfall10b.jpg);
}

/* this span has the same background as the header, it sits on top of the h1 and hides it, unless images don't work or the 
css is turned off, in which case the heading encorporated into the header picture disappears and the hidden h1 can be seen. The 
user will never know the difference ! */ 

h2 {
color: #000000;
font-family: bookman oldstyle, serif; 
font-size: 3em; 
text-align: left;
margin-bottom: 0px; 
}

h3 {
font-size: 2em; 
color: #566489; 
}

h4 {
font-size: 1.5em; 
color: #566489; 
margin-bottom: 20px; 
}

h5 {
padding-top: 5px; 
padding-bottom: 5px; 
font-size: 1.2 em; 
font-weight: bold; 
color: #566489; 
margin-left: 25%; 
}

h6 {
color: #295ADF; 
font-weight: bold; 
}

#leftcolumn { 
 color: #333;
 background-image: url(../images/menu.gif); 
 background-repeat: no-repeat; 
 margin: 3px 5px 5px 0px;
 padding: 10px;
 min-height: 450px;
 width: 20%;
/* width: 195px;*/
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: #FAE2AA;
 margin: 10px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 width: 72%; 
/* width: 678px;*/
 display: inline;
 position: relative;
}

#maincolumn { 
 color: #333;
 background: #FAE2AA;
  margin: 0px 0px 0px 0px;
margin-top: 3px; 
padding: 10px;
 min-height: 350px;
 lposition: relative;
}

/* /////////////// MENU ////////////////*/ 

#navcontainer
{
margin: 0 auto;
font-family: georgia, serif;
font-size: 1em;
text-align: center;
font-size: 1.3em; 
 font-weight: bold; 
/*text-transform: lowercase;*/
background: #E6D09B;

}

/* to stretch the container div to contain floated list */
#navcontainer:after
{

display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
float: left; 
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left; 
margin: 0;
padding: 0;
width: 12.501%;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 1.0em 0 1.0em 0em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000;
text-decoration: none;
background: #e6d09b;
height: 2em; 

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #F4DC56;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #FFFFFF;
background: #404F7A;
border-color: #aaab9c #fff #fff #ccc;
}

/*  ////////////  CONTACT FORM /////////  */

#contact_form {
margin-top: 30px; 
background-color: #EEFFFF; 
border: 5px solid #404F7A; 
	clear: both; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	width: 50%; 
	padding: 15px; 
}



.errormsg {
	color: red;
	font-weight: bold;
	display: none;
}

fieldset {
	color: #000000;
	border: none; 
	padding-left: 7px; 
	padding-right: 7px; 
}

legend {
	background-color: #404F7A;
	color: #FFFFFF;
	border: solid #404F7A 5px; 
}

/* contact details paragraph */

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

.indent {
margin-left: 40px; 
}

#contact_heading {
font-weight: normal; 
font-size: 2em; 
margin-bottom: 15px; 
}

.thanks {
width: 400px; 
background-color: #79876d;
padding: 10px; 
}

/* //////  ACTIVITIES PAGE --  LIST ////////////  */
  
  ul.navlist_activities
{
margin-left: 0;
padding-left: 0;
margin-bottom: 15px; 
}

.navlist_activities li
{
display: inline;
list-style-type: none;
border-right: white solid 1px; 
line-height: 1.9em; 
}

.navlist_activities a { padding: 3px 10px; }

.navlist_activities a:link, .navlist_activities a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

.navlist_activities a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}
  

	/*------------------------------------*/
  
  .clear {
  clear: both;
    margin: 0px;
    padding: 0px;
	font-size: 0px; 
	line-height: 0px; 
  }
  
  .activities_link {
  text-decoration: none; 
  }
  
  .activities_border {
  border: 5px solid #566489; 
    padding-left: 20px; 
	margin-bottom: 20px; 
	clear: both; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 

  }
  
  #op_shop2 {
  margin-top: 60px; 
  margin-left: 37%; 
  padding: 20px; 
  font-size: 1.2em; 
  text-align: justify: 
  }
  
  #navcontainer_activities {
  margin-left: 16%; 
  }
  

.activity {
font-size: 1em; 
margin-bottom: 20px; 
}

/* SNAC TABLE */

#snac_table {
margin-top: 35px; 
}

.left_col {
width: 100px; 
height: 30px; 
font-size: 1.3em; 
font-weight: bold; 
background-color: grey; 
text-align: center; 
}

.middle_col {
width: 300px;
font-size: 1.3em; 
margin-left: 20px; 
background-color: #3C6090; 
text-align: center; 
color: white; 
}

.right_col {
font-size: 1.3em; 
font-style: italic; 
font-weight: bold; 
color: #000000; 
background-color: grey; 
padding-left: 20px; 
padding-right: 20px; 
width: 100px; 
}
  
  /* /////////  LINKS PAGE /////////  */
  
  .pullquote { /* instructions for the Pull Quote */
	padding:8px;
	border:1px solid black;
	font-size: 1.1em;
	margin-top:10px;
	margin-left: 0px;
	margin-bottom: 25px;
	background-color: #EEFFFF;
	clear: both; 
	}
	
	.column1 {
	float: right;
	margin-right: 6%; 
	width: 40%; 
	display: inline; 
	}
	
	.pullquote2 { /* instructions for the Pull Quote */
	padding:8px;
	border:1px solid black;
	font-size: 1.1em;
	margin-top:10px;
	margin-right: 0px;
	margin-bottom: 25px;
	background-color: #EEFFFF;
	clear: both; 
	}
	
	.column2 {
	float: left; 
	margin-left: 6%; 
	width: 40%;
	display: inline; 
	}
	
	.column1 img, .column2 img {
	text-align: center; 
	display: block; 
	margin: auto; 
	}
	
	.float_left {
	float: left; 
	display: inline; 
	}
	
	.float_right {
	float: right; 
		display: inline; 

	}
	
	/* /////// THIS MONTH PAGE ///////////  */
	
	#login {
	margin: auto; 
	width: 30%;
	margin-top: 100px;
	margin-bottom: 100px; 
}


#login_fieldset{
	border: none;
	width: 100px;
}

/* class for buttons */
.button {
background-color: #404F7A;
padding: 8px; 
display: inline-block; 
-moz-box-shadow: 2px 4px 9px #000000; 
-webkit-box-shadow: 2px 4px 9px #000000; 
box-shadow: 2px 4px 9px #000000; 
color: #FFFFFF;
text-decoration: none; 
margin-right: 5px; 
}
/* moz-box-shadow is for drop shadow, right (- to go left) then down (-to go up) and blur and choose colour */

.button:hover{
background-color: #758345;
}

.whatson_links {
padding-top: 9px;
padding-bottom: 5px;  
}



/*///////  INDEX PAGE ////  */

.services {
width: 85%; 
margin-top: 10px; 
margin-left: 4%; 
padding-top: 30px; 
padding-bottom: 50px; 
padding-left: 40px; 
padding-right: 15px; 
}

.service_table {
margin-bottom: 20px; 
}

.service_table th{
font-size: 1.5em; 
color: #566489; 
margin-bottom: 20px; 
}

.service_table td {
padding-top: 10px; 
padding-bottom: 10px; 
}

/* column which times have been placed in - rules for */
.time {
font-weight: bold; 
margin-right: 5px; 
width: 80px; 
background-color: #8d98b5; 
text-align: center; 
}

.text {
background-color: #f3ce83; 
width: 700px; 
padding-left: 20px; 
}

.list {
list-style-type: circle; 
text-align: center; 
margin-bottom: 5px; 
}

#parish_goals {
-moz-border-radius: 20px 20px 20px 20px;
border: 2px solid #566489;
padding: 5px; 
margin-bottom: 20px; 
margin-right: 45px; 
background-color: #FFF6DF; 
}

.welcome {
font-size: 1.3em; 
color: #485780; 
font-style: italic; 
font-weight: bold; 
}

.welcome2 {
font-size: 2em; 
color: #485780; 
font-style: italic; 
font-weight: bold; 
text-align: center; 
}

#services_combined {
background-color: #e8c275; 
padding: 15px; 
}

.disclaimer {
font-size: .9em; 
text-align: center; 
}

/* ///////  PASSWORD CHANGE ////////  */ 	

.error {
	color: red; 
}

#form1 {
width: 40%; 
margin-top: 10px; 
padding-top: 30px; 
padding-bottom: 50px; 
padding-left: 40px; 
font-size: 1.1em; 
font-weight: bold; 
}


/*///////  STAFF PAGE /////////  */

/* table of ministry team */

.staff {
font-size: 1.4em; 
font-weight: bold; 
}
.staff2 {
font-size: 1.4em; 
font-weight: bold; 
padding-left: 100px; 
}

.name {
padding-left: 50px; 
font-size: 1.4em; 
font-weight: bold; 
}
.photo {
padding-left: 50px; 
font-size: 1.4em; 
font-weight: bold; 
}

#ministry_table tr {
height: 50px; 
}

#footer {
font-size: .8em; 
color: #FFFFFF; 
background-color: #444D63;
margin: 0 auto;
 min-width: 750px; 
 max-width: 960px;
 _width: 850px; 
 padding-top: 2px; 
 padding-bottom: 3px; 

}

#footer a {
color: #FFFFFF; 
background: url(../images/kenzie_icon.png) no-repeat; 
padding-left: 20px; 
padding-bottom: 3px; 

}

#parish_goals {
margin-left: 20px; 
}

#recess {
float: right; 
margin-right: 50%; 
margin-top: 5px; 
}

/* for paragraphs on welcome page */		
.welcome_p {
font-size: 1.3em; 
margin-bottom: 20px; 
}	
/* gallery */

.photo_table td {
padding-right: 30px; 
padding-bottom: 30px; 
text-align: center; 
}