/* This is the style sheet for all main pages of The Anglican Diocese of Rockhampton website */
/* Website Address   http://www.anglicanrock.org.au   */
/* Author: Kathryn Thompson | Last Updated 11 February 2009 */
/* Intellectual Property of the Anglican Diocese of Rockhampton, designed by Kathryn Thompson 2006-2009, in conjunction with Canon Janne Whitehead (Webmaster) */
/* -------------------------------------------------------------------- */
/* -------------- COMMON ELEMENTS ------------------------ */
/* -------------------------------------------------------------------- */
/* The following section contains all common elements needed for each main page of the website. */
/* Setting the background pattern of the page */
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 and margins of the header image */
#header {width:850px; margin-left:auto; margin-right:auto; margin-bottom:5px;}
/* Setting the position of the Links division, 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 users browser.) */
#links {margin-left:auto; margin-right:auto;}
#links ul {list-style-type:none; margin:0px;}
#links h3 {text-transform:none; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:0.8em;}
/* setting the link elements of normal links */
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;}
/* 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 to produce the effect that can be now seen on these pages. These rules apply to the colours and borders of each link item, the text portion having been taken care of earlier. */
/* 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 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, also 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; margin:0;}
/* Making sure the element displays in block format and the overflow is hidden (that element to be hidden form certain browsers), and 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;}
.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;}
.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;}
.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) */
.w51 {width:4em;} /* width for the first row start & end blank tabs */

.w11 {width:4.5em;} /* width for Home tab */
.w12 {width:8.5em;} /* width for Bishop's tab */
.w13 {width:6.5em;} /* width for Cathedral tab */
.w14 {width:8.5em;} /* width for Find a church tab */
.w15 {width:5em;} /* width for Gazette tab */
.w19 {width:5.5em;} /* width for the Baptism tab */
.w16 {width:9em;} /* width for Life Milestones tab */
.w17 {width:9.5em;} /* width for Kershaw Dining tab */
.w33 {width:6em;} /* width for Anglicare tab */

.w52 {width:4em;} /* width for the second row end blank tab */

.w21 {width:6em;} /* width for Intranet tab */
.w38 {width:7em;} /* width for St Faith's tab */
.w37 {width:7em;} /* width for Mission to Seafarers tab */
.w36 {width:3.5em;} /* width for Mothers' Union tab */
.w32 {width:10.5em;} /* width for Children-Youth Ministry tab */
.w35 {width:4em;} /* width for GFS tab */
.w39 {width:6em;} /* width for Tanyalla tab */
.w34 {width:8em;} /* width for Environmental Issues tab */
.w18 {width:6em;} /* width for Archives tab */
.w42 {width:5em;} /* width for External Links tab */

.top1 {clear:both;}

/* Setting the basic rules for all headings and paragraphs to achieve visual consistency. Some will be redefined in other style sheets for various reasons. */
h1 {color:purple; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif; font-style:italic; clear:both; text-transform:uppercase;} /* clear:both; has been set to ensure that the title heading of each page appears below both the Flash element and the Links, and Italic to allow it to stand out even further from the rest. */
h2 {color:green; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase;}
h3 {color:purple; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif; font-weight:normal; text-transform:uppercase;}
h4 {color:green; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif;	text-transform:uppercase;}
h5 {color:black; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif;	text-transform:uppercase;}
h6 {color:black; background-color:white; text-align:center; font-family:verdana, Arial, sans-serif; text-transform:uppercase;}
p {font-family:verdana, Arial, sans-serif; color:black; background-color:transparent;}
/* Setting the rules for the Contact section at the bottom of each main page */
#contact {width:400px; margin-left:auto; margin-right:auto;}
#contact p {font-size:0.8em;} /* The smaller font size is here to help distinguish the contact section from the rest of the page. */
.left1 {float:left; width:48%;}
.right1 {float:right; width:48%;}
.left {float:left;}
.right {float:right;}
/* Other common elements */
/* This class will typically be used for positioning images used as dividers which may or may not have a Back to Top anchor link included amongst them. */
.top {text-align:center; clear:both; padding-top:5px;}
/* Setting the font for unordered lists so that the text on the pages is consistent. */
ul {font-family:verdana, Arial, sans-serif;}
/* The following classes have been set each with a single rule as they will often be used for small sections of text or as spans */
.middle {text-align:center;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.supersmall {font-size:0.6em;}
.small {font-size:0.8em;}
.italics {font-style:italic;}