/* Style Sheet for the Report an Error Form */
/* Author: Kathryn Thompson | Last Updated 31 August 2008 */
/* Intellectual Property of the Anglican Diocese of Rockhampton, designed by Kathryn Thompson 2006-2008, in conjunction with Canon Janne Whitehead (Webmaster) */
/*with this part I will set the background colour/pattern */
body {background:url(../images/bckgrnd1.gif); background-repeat:repeat;}
/* setting the position and width of the container divsion to ensure cross-browser and cross-resolution consistancy of the basic positioning of different elements in relation to each other even when font-sizes are increased or decreased */
#container {width:990px; margin-left:auto; margin-right:auto;}
/* setting the position of the header image */
#header {width:810px; margin-left:auto; margin-right:auto;}
/* setting the link elements */
a:link {color:green; background-color:transparent;}
a:visited {color:purple; background-color:transparent;}
a:focus {color:red; background-color:transparent;}
a:hover {color:red; background-color:transparent;}
a:active {color:red; background-color:transparent;}
/* Setting the position of the Links division by setting the top and left margin, this should position this division in relation to the banner header and the Flash element.  Also setting the list of links to have no bullet points.  Also setting the h3 element of the links section to a normal font weight and a slightly smaller size than the h3 standard size (standard size dependant on visitors own browser choices) */
#links {margin-left:auto; margin-right:auto;}
#links ul {list-style-type:none;}
#links h3 {font-family:verdana, arial, sans-serif; font-weight:normal; font-size:0.8em;}
/* The following section of styling rules has been based on the styles for the Menu named Snazzy Menu ( http://www.cssplay.co.uk/menus/snazzymenu.html ) from the Website of Stu Nicholls CSS Play ( http://www.cssplay.co.uk/index.html ).  It has been adapted and to produce the effect that can be now seen on these pages */
/* Setting the list elements of the upper line of links to display inline and next to each other, both are needed to have the items sit correctly */
#links li {display:block; float:left;}
/* Removing the underline from the links, ensuring that the elements display in block format, setting the colours of the various sections of the borders and ensuring that these things happen when the link is hovered over */
a.border {display:block; text-decoration:none;}
a.border:visited {display:block; text-decoration:none;}
a.border:hover {background:transparent;}
a.border:hover span {color:purple;}
a.border:hover .name {background:#339933; border-color:red; border-bottom:1px solid red;}
a.border:hover .b3 {background:black;}
a.border:hover .b4 {background:red; border-color:red;}
a.border:hover .b5 {background:red; border-color:red;}
a.border:hover .b6 {background:red; border-color:red;}
/* ensuring the background of this element is transparent, centering the text and setting it's colour, setting the margin and the bottom padding */
.b1 {background:transparent;}
.b1 span {text-align:center; color:green; margin:0; padding-bottom:0.3em;}
/* ensuring that the element displays in block format and that the background is transparent */
.b2 {display:block; background:transparent;}
/* Making sure the element displays in block fomat and the overflow is hidden (that element to be hidden form certain browsers), setting the margins, color and height for the element */
.b3 {display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
.b3 {margin:0 5px; background:purple;}
.b3 {height:1px;}
/* Making sure the element displays in block fomat and the overflow is hidden (that element to be hidden form certain browsers), setting the margins, borders, color and height for the element */
.b4 {display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
.b4 {margin:0 3px; border-width:0 2px;}
.b4 {height:1px; background:yellow; border-left:1px solid purple; border-right:1px solid purple;}
/* Making sure the element displays in block fomat and the overflow is hidden (that element to be hidden form certain browsers), setting the margins, borders, color and height for the element */
.b5 {display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
.b5 {margin:0 2px;}
.b5 {height:1px; background:yellow; border-left:1px solid purple; border-right:1px solid purple;}
/* Making sure the element displays in block fomat and the overflow is hidden (that element to be hidden form certain browsers), setting the margins, borders, color and height for the element */
.b6 {display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
.b6 {height:2px; margin:0 1px;}
.b6 {background:yellow; border-left:1px solid purple; border-right:1px solid purple;}
/* setting the display format, background colour and border properties of the section around the words contained in the link */
.name {display:block; background:white; border:0 solid purple; border-width:0 1px 1px 1px;}
/* setting the widths of the individual link tabs in relation to the standard font size (size set by users browser) */
.w1 {width:14em;} /* width for Index, Bishop's Page, St Paul's Cathedral, Parish Pages, Gazette, Life Milestones, Kershaw tabs */
.w2 {width:14em;} /* width for Index2, St Faith's, Environmental Issues, Lambeth, Archives & other tabs */
.w3 {width:42em;} /* width for More Pages tab */

h1 {color:green; background-color:transparent; text-align:center; font-family:verdana, Arial, sans-serif; font-style:italic; clear:both;}
h2 {color:green; background-color:transparent; text-align:center; font-family:verdana, Arial, sans-serif; font-weight:normal;}
h4 {color:green; background-color:transparent; text-align:center; font-family:verdana, Arial, sans-serif;}
h5 {color:black; background-color:transparent; text-align:center; font-family:verdana, Arial, sans-serif;}
p {font-family:verdana, Arial, sans-serif;}
#contact {width:400px; margin-left:auto; margin-right:auto;}
#contact p {font-family:verdana, Arial, sans-serif; font-size:0.8em;}
.left1 {float:left; width:48%;}
.right1 {float:right; width:48%;}
.left {float:left;}
.right {float:right;}
.top {text-align:center;}
.middle {text-align:center;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.supersmall {font-size:0.6em;}
form {margin-left:auto; margin-right:auto; width:800px; background-color:white; border:1px solid black; color:black; padding:20px;}

.report1 {border:1px black dotted;}
.report1 td {border:1px black dotted; padding:2px; height:60px;}
table {font-family:verdana, arial, sans-serif;}