/* This is the style sheet for the Interactive Baptism pages of The Anglican Diocese of Rockhampton website */
/* Author: Kathryn Thompson */
/* Intellectual Property of the Anglican Diocese of Rockhampton, designed by Kathryn Thompson 2006-2009, */
/* in conjunction with Canon Janne Whitehead (Webmaster) */
/* -------------------------------------------------------------------- */
/* There are rules which have been bought over from the existing site   */
/* to maintain visual consistancy between the two areas.                */
/* Exisitng site designed on an ongoing basis - 2006-2009               */
/* -------------------------------------------------------------------- */
/* New style rules for the Interactive section can be found at the end  */
/* of the existing rules                                                */
/* New baptism area designed exclusively between 31-Aug-09 & 25-Nov-09  */
/* -------------------------------------------------------------------- */


/* EXISTING SITE RULES */

/* 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:810px; 
	margin-left:auto; 
	margin-right: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 basic rules for all headings and paragraphs to achieve visual consistency. */
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 the image headers, 
		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 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;
	}
ol {
	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;
	}
.left2 {
	text-align:left;
	}
.right2 {
	text-align:right;
	}
.underline {
	text-decoration:underline;
	}
.bold {
	font-weight:bold;
	}
.supersmall {
	font-size:0.6em;
	}
.small {
	font-size:0.8em;
	}
.italics {
	font-style:italic;
	}
.flash1 {
	border:black 2px solid;
	}




/* NEW RULES FOR THE INTERACTIVE BAPTISM PAGES */

/* Setting styles for the #baplinks menu section */
#baplinks p {
	text-align:center; 
	background-color:white; 
	color:black;
	}

/* Setting the width for the actual content section */
#content {
	width:990px;
	}
	
/* Setting other styles for the content section */
#content p {
	padding:5px 10px 5px 10px;
	}

.written1 {
	width:990px;
	}  
		/* content on index page */
.interact1 {
	clear:both; 
	width:990px;
	}  
		/* interactive on index page */

.images {
	clear:both; 
	text-align:center;
	} 
		/* Images across bottom of each page */

.written2 {
	width:560px; 
	float:left;
	}  
		/* content on What God Promises page */
		
.interact2 {
	width:420px; 
	float:right;
	}  
		/* Interactive content under main content What God Promises page */

.written3 {
	width:700px; 
	margin-left:auto; 
	margin-right:auto;
	}  
		/* content on What We Promise God page */
		
.interact3 {
	width:700px; 
	margin-left:auto; 
	margin-right:auto;
	}  
		/* Interactive content under main content What We Promise God page */

.interact4 {
	width:990px;
	}  
		/* interactive on Symbols Page */
.interact4a {
	margin-left:auto; 
	margin-right:auto;
	}  
		/* table on Symbols page */

.interact5 {
	width:990px; 
	margin-left:auto; 
	margin-right:auto;
	}  
		/* interactive on 2 Storybook pages */

.red {
	background-image:url(images/bkgd-red.jpg); 
	background-repeat:repeat;
	} 
		/* the red section of the rainbow */
		
.red p {
	margin:0px;
	} 
	
.orange {
	background-image:url(images/bkgd-orange.jpg); 
	background-repeat:repeat;
	} 
		/* the orange section of the rainbow */
		
.orange p {
	margin:0px;
	} 
	
.yellow {
	background-image:url(images/bkgd-yellow.jpg); 
	background-repeat:repeat;
	} 
		/* the yellow section of the rainbow */
		
.yellow p {
	margin:0px;
	} 
	
.green {
	background-image:url(images/bkgd-green.jpg); 
	background-repeat:repeat;
	} 
		/* the green section of the rainbow */
		
.green p {
	margin:0px;
	} 

.blue {
	background-image:url(images/bkgd-blue.jpg); 
	background-repeat:repeat;
	} 
		/* the blue section of the rainbow */

.blue p {
	margin:0px;
	} 

.indigo {
	background-image:url(images/bkgd-indigo.jpg); 
	background-repeat:repeat;
	} 
		/* the indigo section of the rainbow */

.indigo p {
	margin:0px;
	} 

.violet {
	background-image:url(images/bkgd-violet.jpg); 
	background-repeat:repeat;
	} 
		/* the violet section of the rainbow */

.violet p {
	margin:0px;
	} 

/* styles for readings not already covered */
.none {
	text-transform:none;
	}