/* Style Sheet for Anglican Diocese of Rockhampton Intranet */

/* Setting the background pattern of the page */
body {background:url(images/bckgrnd1.gif); background-repeat:repeat;}

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

/* 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;}
table {font-family:verdana, Arial, sans-serif; color:black; background-color:white;}


/* 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. */
.colleft {float:left;}
.colright {float:right;}

/* Setting the rules for the Menu section to be visible at the top of Members pages */
/* These style rules copied almost exactly from existing site to maintain visual consistancy */
/* 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; width:600px;}
#links ul {list-style-type:none;}
#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;}
/* 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) */
.w1 {width:15em;} 
.w2 {width:12em;} 
.w3 {width:12em;}

/* Setting other styling rules */
.right1 {text-align:right;}
.middle1 {text-align:center;}
.middle2 {text-align:center; font-weight:normal; text-transform:none;}
.underline {text-decoration:underline;}
.small {font-size:0.8em;}
.supersmall {font-size:0.6em;}
.error {color:red; background-color:white; font-weight:bold; font-variant:small-caps; font-size:1.5em;}
.yellow {color:black; background-color:yellow;}
.bold {font-weight:bold;}


form {border:1px black solid; padding:10px; margin-left:auto; margin-right:auto; width:750px; background-color:white; color:black;}
.tableborder td {border:1px solid black;}

.logout {width:728px; text-align:right; margin-left:auto; margin-right:auto; clear:both;}
.notice {color:purple; background-color:white; font-weight:bold; text-align:center;}


.address1 {border:1px black solid; width:900px; margin-left:auto; margin-right:auto;}
.address1 th {border:1px black solid; padding:5px;}
.address1 td {border:1px black solid; padding:5px;}


#communicate {border:1px black solid; width:700px; margin-left:auto; margin-right:auto;}
#communicate th {border:1px black solid; padding:3px;}
#communicate td {border:1px black solid; padding:3px;}