body		{
		background: #e6eede;
		color: #666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 76%;
		margin: 0;
		padding: 20px 0 20px 0;
		text-align: center
		}

#wrap		{
		background: #fff;
		margin: 0 auto;
		padding: 0;
		left: 0;
		top: 0;
		width: 740px;
		position: relative;
		text-align: left;
		font-size: 1em
		}


h1, h2, h3	{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		padding: 0.8em 0 0 0;
		margin: 0;
		color: #6297bc;
		text-align: left;
		font-weight: bold;
		border: 0
		}

h1		{
		font-size: 1.8em;
		padding-top: 0;
		}

h2		{
		font-size: 1.5em;
		color: #79ab7f
		}


h3		{
		font-size: 1.2em;
		color: #333
		}

p		{
		font-size: 0.9em;
		line-height: 1.4;
		padding: 0.5em 0;
		margin: 0px;
		text-align: left
		}

.indent
		{
		padding-left: 2em;
		}

.date	{
		color: #79ab7f;
		font-weight: bold;
		padding-bottom: 1.5em
		}

.note
		{
		font-size: 0.8em
		}

.link	{
		padding-top: 2em
		}

img		{
		border-width: 0
		}

img.border
		{
		border: 1px solid #6297bc;
		margin-right: 5px;
		margin-bottom: 5px		
		}

a:link, a:visited, a:active
		{  
		color: #6297bc;
		text-decoration: none
		}
		
a:hover
		{  
		color: #6297bc;
		text-decoration: underline;
		background-color: #e4ecde	
		}

.nowrap		{
		white-space: nowrap
		}

.green		{
		color: #79ab7f
		}
		
.grey  		{
		color: #bfbfbf
		}


/* -------------- header -------------- */

#header 		{
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		height: 60px;
		font-size: 1em;
		padding: 0;
		color: #6297bc;
		border: 0
		}

#header #header_name
		{
		margin: 0px;
		padding: 10px 0 0 10px;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		color: #6297bc;
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 3em;
		font-weight: bold
		}

#header #header_nav
		{
		margin: 0px;
		padding: 10px 10px 0 0;
		float: right;
		position: relative;
		top: 0;
		left: 0;
		color: #79ab7f;
		font-size: 0.9em;
		text-align: right
		}

/* -------------- main tabbed navigation -------------- */

#nav		{
		background: url(images/nav_bg.gif) repeat-x left bottom;
		width: 100%;
		height: 25px;
		padding: 0;
		left: 0px;
		margin: 0;
		font-size: 11px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		position: relative
		}

#nav ul		{
		float: right;
		padding: 0 2px 0 0;
		margin: 0
		}

#nav li		{
		display: inline;
		padding: 0 0 0 6px;
		background: url(images/tab_reg_l.gif) no-repeat left top;
		float: left;
		margin: 0;
		list-style-type: none;
		list-style-image: none
		}

#nav a		{
		padding: 3px 6px 0 0;
		display: block;
		font-weight: bold;
		background: url(images/tab_reg_r.gif) no-repeat right top;
		margin: 0;
		float: left;
		color: #fff;
		height: 22px;
		text-align: center;
		text-decoration: none
		}

#nav a:hover	{
		color: #3a6c49
		}

#home #homenav, #noticeboard #noticeboardnav, #events #eventsnav, #links #linksnav, #contact #contactnav, #church #churchnav, #parishplan #parishplannav, #council #councilnav
		{
		background: url(images/tab_active_l.gif) no-repeat left top
		}

#home #homenav a, #noticeboard #noticeboardnav a, #events #eventsnav a, #links #linksnav a, #contact #contactnav a, #church #churchnav a, #parishplan #parishplannav a, #council #councilnav a
		{
		padding: 3px 6px 0 0;
		background: url(images/tab_active_r.gif) no-repeat right top;
		color: #fff;
		font-weight: bold;
		cursor: default
		}

/* -------------- bodytext -------------- */

#bodytext	{
		padding: 30px 0 0 0;
		margin: 0;
		font-size: 1em
		}

/* -------------- content -------------- */

#content	
		{
		padding: 0 50px;
		background: #fff;
		margin: 0;
		font-size: 1em
		}
		
#links #content
		{
		padding-right: 0;
		clear: both
		}

#content ul, #content ol
		{
		font-size: 0.9em;
		margin: 0.5em 0 0.5em 3em;
		color: #6297bc
		}

#content ul li
		{
		list-style-type: disc;
		line-height: 1.4;
		margin: 0.5em 0
		}

#content ol li
		{
		margin: 0.5em 0;
		line-height: 1.4;
		}

ul span, ol span
		{
		color: #666
		}

/* -------------- sidemenu -------------- */

#sidemenu
		{
		font-size: 1em;
		margin: -30px 0 -40px 40px;
		padding: 0.7em 0 2em 0;
		left: 0;
		float: right;
		width: 150px;
		position: relative;
		top: 0;
		border: 0;
		border-right: 1px solid #fff;
		background: url(images/sidemenu_bg_l.gif) #fcfdfb repeat-y left top
		}

#sidemenu h1
		{
		padding: 5px 10px 0 10px;
		margin: 5px 0px 10px;
		font: bold 1em "Trebuchet MS", Tahoma, Arial, sans-serif;
		text-transform: uppercase;
		color: #498b48;
		letter-spacing: 0
		}

#sidemenu ul {
		padding: 1px 0 0 0;
		background: url(images/sidemenu_dots.gif) repeat-x left top;
		margin: 0 10px 15px;
		text-align: left;
		text-decoration: none
		}

#sidemenu ul li
		{
		height: 1%;					/* without this the background image doesn't appear in IE */
		list-style-type: none;
		padding: 0 0 5px 6px;
		background: url(images/sidemenu_dots.gif) repeat-x left bottom
		}

#sidemenu ul li a
		{
		color: #6297bc;
		text-decoration: none
		}

#sidemenu ul li a:hover
		{
		color: #498b48;
		text-decoration: underline;
		background-color: #f8fbf5;
		}

/* -------------- bodytext - home -------------- */

#about	{
		font-size: 1em;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 57px;	 /* --- adjust this value to change the height of the about box --- */
		left: 0;
		float: left;
		width: 192px;
		position: relative;
		top: 0;
		border-bottom: 0 solid #fff;   /* --- adjust this value to change the space above the footer on the home page --- */
		background: #4f9866
		}

#about img
		{
		margin: 0;
		padding: 0;
		border-left: 1px solid #4f9866;
		border-right: 1px solid #4f9866;
		border-top: 1px solid #4f9866;
		border-bottom: 0
		}

#about h1	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 10px 14px 2px 14px;
		margin: 0;
		color: #f3f6f2;
		text-align: left;
		font-weight: bold
		}

#welcome	{
		font-size: 1em;
		border: 1px solid #79ab7f;
		padding-left: 0;
		top: 0;
		float: right;
		width: 431px;
		position: relative;
		right: 0;
		background: #6297bc
		}

#welcome img
		{
		margin: 0;
		padding: 0 14px 0 0;
		border: 0px;
		float: left
		}

#welcome p.caption
		{
		padding-top: 2em;
		font-size: 0.75em;
		color: #fff;
		font-style: italic 
		}

#welcome h1
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		padding: 14px 14px 2px 14px;
		margin: 0;
		color: #fff;
		text-align: left
		}

#about p, #welcome p
		{
		font-size: 0.9em;
		padding: 4px 14px 0 14px;
		margin: 0;
		color: #fff;
		text-align: left
		}

#boxes_top, #boxes_bottom
		{
		border: 0;
		padding: 0;
		top: 0;
		float: right;
		width: 433px;
		position: relative;
		right: 0;
		margin-top: 15px;
		}

#box_topleft, #box_topmiddle, #box_topright, #box_bottomleft, #box_bottommiddle, #box_bottomright
		{
		border: 1px solid #79ab7f;
		padding: 0;
		margin-right: 17px;
		top: 0;
		float: left;
		width: 131px;
		position: relative;
		right: 0;
		background: #e4ecde
		}

#box_topleft, #box_topmiddle, #box_topright
		{
		height: 135px;		
		}

#box_bottomleft, #box_bottommiddle, #box_bottomright
		{
		height: 165px;		
		}

#box_topright, #box_bottomright
		{
		margin-right: 0
		}

#boxes_top h1, #boxes_bottom h1
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #3e744f;
		font-size: 0.9em;
		padding: 8px 8px 2px 8px;
		margin: 0;
		text-align: left;
		}

#boxes_top p, #boxes_bottom p
		{
		color: #3e744f;
		font-size: 0.9em;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 2px;
		text-align: left
		}

#boxes_top a, #boxes_bottom a
		{
		color: #3e744f;
		font-weight: normal;
		text-decoration: underline
		}

#boxes_top a:hover, #boxes_bottom a:hover
		{
		color: #3e744f;
		font-weight: normal;
		text-decoration: underline;
		background-color: #cddcc0
		}

/* ----------- bodytext - noticeboard ------------ */

#noticeboard table
		{
		margin: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		width: 621px;
		border: 0;
		font-size: 0.9em
		}

#noticeboard tr th
		{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color: #6297bc;
		border: 0;
		font-weight: bold;
		padding: 5px;
		vertical-align: middle;
		color: #fff;
		text-align: left;
		font-size: 1em
		}

#noticeboard td
		{
		margin: 0;
		background-color: #fff;
		font-size: 1em;
		padding: 5px;
		text-align: left;
		vertical-align: top;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #6297bc;
		border-left: 0;
		color: #666
		}

#noticeboard td p
		{
		font-size: 1em;
		}

#noticeboard td li
		{
		line-height: 1.2;
		list-style:lower-alpha;
		color: #666;
		font-size: 1.1em
		}

#noticeboard td.currency, #noticeboard th.currency
		{
		text-align: right;
		}

/* -------------- bodytext - events -------------- */

#events #calendar
		{
		border-left: 1px solid #6297bc;
		border-right: 1px solid #a9bac3;
		border-top: 1px solid #a9bac3;
		border-bottom: 1px solid #6297bc;
		height: 440px;
		overflow: auto;
		}

#events table#hdr
		{
		margin-top: 10px
		}

#events table
		{
		margin: 0;
		padding: 0;
		text-align: left;
		width: 621px;
		border: 0;
		font-size: 0.9em
		}

#events tr#days th
		{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		width: 14.2%;
		background-color: #6297bc;
		border: 0;
		font-weight: bold;
		padding: 5px 10px;
		vertical-align: middle;
		color: #fff;
		text-align: center;
		font-size: 1em
		}

#events td	{
		margin: 0;
		background-color: #fff;
		font-size: 1em;
		padding: 2px;
		text-align: left;
		vertical-align: top;
		width: 14.2%;
		border-top: 0;
		border-right: 1px solid #6297bc;
		border-bottom: 1px solid #6297bc;
		border-left: 0;
		height: 90px
		}

#events td.jan, #events td.mar, #events td.may, #events td.jul, #events td.sep, #events td.nov
		{
		background-color: #f0f5eb
		}

#events td.feb, #events td.apr, #events td.jun, #events td.aug, #events td.oct, #events td.dec
		{
		background-color: #fff
		}

#events tr#last td
		{
		border-bottom: 0
		}

#events td p.date
		{
		line-height: 1.2;
		margin: 0;
		padding-right: 1px;
		padding-top: 0;
		padding-bottom: 1px;
		color: #6297bc;
		text-align: right;
		font-weight: bold;
		font-size: 1em;
		background-color: #e1ebd7
		}

#events td p.event
		{
		line-height: 1.2;
		margin: 0;
		padding-right: 4px;
		padding-top: 1px;
		padding-bottom: 4px;
		color: #6297bc;
		font-weight: normal;
		font-size: 1em
		}

#events td a:link, #events td a:visited, #events td a:active
		{  
		color: #6297bc;
		text-decoration: none
		}

#events td a:hover
		{  
		color: #6297bc;
		text-decoration: none;
		background-color: #d8e1e6
		}

/* -------------- footer -------------- */

#footer	{
		border-top: 5px solid #6297bc;
		margin: 0;
		padding: 0;
		font-size: 1em;
		left: 0px;
		top: 40px;
		position: relative;
		height: 80px;
		width: 100%;
		clear: both
		}

#footer #footer_info
		{
		margin: 0;
		padding: 10px 0 0 10px;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		color: #79ab7f;
		font-size: 0.9em;
		text-align: left
		}

#footer #footer_nav
		{
		margin: 0;
		padding: 10px 10px 0 0;
		float: right;
		position: relative;
		top: 0;
		left: 0;
		color: #79ab7F;
		font-size: 0.9em;
		text-align: right
		}

/* -------------- end -------------- */