/* This is the style sheet for the Baptsim Form page of The Anglican Diocese of Rockhampton website */
/* Author: Kathryn Thompson */
/* Intellectual Property of the Anglican Diocese of Rockhampton, designed by Kathryn Thompson 2006-2010, in conjunction with Canon Janne Whitehead (Webmaster) */


/* -------------- COMMON ELEMENTS ------------------------ */
/* The following section contains all common elements needed for each main page of the website.  This is a change from the previous setup of a style sheet for each page.  It is felt that by keeping all style rules on the one page, that this will make it easier to locate common elements that may need changing at some point in the future.  It will also keep the number of needed files down to a minimum thereby reducing space needed for storage. */

/* Setting the background pattern of the page */
body {background:url(../css/bkgd_green_99ff99.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; background:url(../images/bckgrnd1.gif); background-repeat:repeat; border:2px #339933 solid;}

/* setting the position and margins of the header image */
#header {width:850px; margin-right:auto; margin-left:auto;}

/* 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;}

/* Setting the position of the Links division.  Am 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 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 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;}

/* Making sure the element displays in block fomat 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;}

/* Making sure the element displays in block fomat and the overflow is hidden (that element to be hidden form certain browsers), and 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), and 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), and 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 Home & Parish pages tabs */
.w2 {width:21em;} /* width for blank placeholder tabs */

/* Setting the rules for headings and paragraphs */
h1 {color:purple; 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;}
h3 {color:purple; 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;}
h6 {color:black; background-color:transparent; text-align:center; font-family:verdana, Arial, sans-serif;}

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-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;}

/* Other common elements */
.top {text-align:center; clear:both; padding-top:5px;}

ul {font-family:verdana, Arial, sans-serif;}

.middle {text-align:center;}
.italics {font-style:italic;}
.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.supersmall {font-size:0.6em;}
.small {font-size:0.8em;}
.red {color:red; background-color:yellow; font-weight:bold;}
.indent {margin:25px;}


/* Rules for this page */

#content {clear:both; width:75%; margin-left:auto; margin-right:auto; text-align:center;}