@charset "utf-8";


/* This is the style sheet for the Children's Ministry & Youth Ministry page of The Anglican Diocese of Rockhampton website */ 
/* Website Address http://www.anglicanrock.org.au/children-youth.html   */
/* Author: Kathryn Thompson | Last Updated 24 August 2011 */ 
/* Intellectual Property of the Anglican Diocese of Rockhampton, designed and maintained by Kathryn Thompson */
/* Design Copyright: 2006-2011 */

p {padding-left: 70px; padding-right: 70px;}
#contact p {padding:0px;}

@font-face {
	font-family: 'GothicUltraOTRegular';
	src: url('../fonts/gothic_ultra_ot-webfont.eot');
	src: local('?'), url('../fonts/gothic_ultra_ot-webfont.woff') format('woff'), url('../fonts/gothic_ultra_ot-webfont.ttf') format('truetype'), url('../fonts/gothic_ultra_ot-webfont.svg#webfont3qU53HXT') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ----------------------------------------------------------------------------------------------

The following section contains the style rules adapted from the Rules created
by Stu Nicholls for his menu called Mini Tabbed pages.  I have adapted these
to create the tabbed pages for the faq4kids and prep4hc sections.
The copyright notice remains as he asks, but it can be seen from it, that I am
permitted to modify the css & html to suit my requirements.

===================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/mini-tabbed-pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== 
*/


#tabs {
	width:825px; 
	margin:0; 
	position:relative; 
	z-index:200;}
#tabs ul {
	padding:0; 
	margin:0; 
	width:826px; 
	list-style:none; 
	position:relative;}
#tabs ul li.outer {
	float:left; 
	display:inline; 
	margin:0px 4px 2px 4px; 
	width:110px; 
	height:53px; 
	border-bottom:1px solid #336666; 
	color:#666644;  
	padding:4px 0px 0px 0px;
	cursor:pointer;
	text-align:center;}
#tabs ul li.one {
	background:#ffffff url(../images/TabMenuButtons.png) no-repeat top left;}
#tabs ul li div {
	display:none;
	text-align:left;}
#tabs ul li.click {
	color:black;
	background-position:0 -53px; 
	height:53px; 
	cursor:default;}
#tabs ul li.click div {
	display:block; 
	padding:5px; 
	position:absolute; 
	left:2px; 
	top:53px; 
	width:809px;
	background:#ffffff;
	border:#000000 1px solid;}

/* end of mini tabbed menu style section */


#faqs {
	clear:right;
	width:830px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:10px;}

#faqs p {padding:0px;}

#lords {
	clear:right;
	width:860px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:10px;
}

#lords p {padding:0px;}

#sunsch {
	clear:right;
	width:860px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:10px;
}

#sunsch p {padding:0px;}

#fun {
	clear:right;
	width:860px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:10px;
}

#fun p {padding:0px;}

#learn {
	clear:right;
	width:860px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:auto; 
	margin-bottom:auto; 
	padding:10px;
}

#learn p {padding:0px;}

.fontchange {
	font-family:'GothicUltraOTRegular',verdana, arial, sans-serif;
	font-size:1.4em;}

.middle {
	text-align:center;
	padding:0px;}
.right {
	float:right;
	margin-left:10px;}
.emphasis {
	font-style:italic;
	font-weight:bold;}
.noborder {
	border:0px;}
.clearboth {
	clear:both;}
.larger {
	font-size:1.3em;}
.larger2 {
	font-size:1.5em;}
.nolink {
	text-decoration:none;}
.underline {
	text-decoration:underline;}
.index-a {
	text-decoration:none; 
	color:black;}
#col1 {
	width:400px;
	margin-right:5px;
	float:left;}
#col2 {
	width:428px;
	float:right;}
.preptable {
	font-family:verdana, arial, sans-serif;
	margin-left:auto;
	margin-right:auto;}

.yellow {background-color:yellow; padding:5px 5px;}