/* CSS Document */

#container { 
behavior: url(iepngfix.htc); 
}

.acToggle    {
width:425px; 
height:15px; 
padding-top:0px; 
padding-bottom:0px; 
padding-right:5px; 
padding-left:5px;  
margin-top:0px; 
margin-bottom:5px; 
margin-left:0px; 
margin-right:0px;    
background-position:0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}

.acToggle a  {
font-size:12px; 
color:#a6975f; 
cursor:pointer;
}

.acCurrent    {  
background-position:0px 0px;
cursor:default;
}

.acCurrent a  {
font-size:12px; 
color:#ffffff; 
cursor:default;
}

.acStretch    { 
width:480px;
color:#FFFFFF;
margin-top:0px; 
margin-bottom:0px; 
margin-left:10px; 
margin-right:10px;  
padding-top:10px; 
padding-bottom:0px; 
padding-right:10px; 
padding-left:15px;
/*background-image:url(../Images/FAQ_bg.gif);
background-repeat:repeat-x;
background-position:bottom; */
background-color: #302220;
}
/*]]>*/

# accordion_wrapper {

position:relative; 
width:90%; 
border:0px; 
margin-left:10px; 
padding:0px; 
overflow:hidden;

}

# acAlignment {
position:relative; 
border:0px; 
padding:0px; 
margin-bottom:0px; 
margin-top:0px; 
margin-right:auto; 
margin-left:0px; 
width:460px;
}



body
{
margin: 3px 0px 0px 0px; /* This sets page-wide margins - remember the clock metaphor - top: '8px'; sides: '20px'; bottom: '40px'. */
padding: 0;
text-align: center; /* Everything on the page is centred. NB I can, however, put a box into this to start using left/right alignment. */
font-family:Arial, Helvetica, sans-serif;*/
/*font-family:Georgia, "Times New Roman", Times, serif; /* The default fonts for the whole page. */
font-size:12px;
line-height: 1.4;
background-image:url(../images/pinstriper.gif);
/*background-image:url(../images/body_bg.jpg);
background-color:#f6f4ee;
background-repeat:repeat-x;*/
color: #333; /* Sets the colour of all type to Hexadecimal 333333 (Charcoal). */
}

#container
{
margin: 0 auto; /* This sets margins - remember the clock metaphor - top and bottom: '0px'; sides: 'auto', i.e. centred. */
width: 767px; /* This defines the width of the main container that everything's going to be dropped into. */
#width: 767px;
_width: 770px;
text-align: left; /* This tells the browser to align everything in the box to the left. */
background-color: #ffffff;
border:thin solid #e3e2df;
}

#top
{
_margin-left:2px;  /* for IE6 and older */
width: 810px;
_width: 770px;
height: 88px;
background-image:url(../images/header_bg.gif);
background-repeat:no-repeat;
}



#normaltop
{
_margin-left:2px;  /* for IE6 and older */
width: 810px;
_width: 770px;
height: 88px;
background-image:url(../images/header_bg_normal.gif);
background-repeat:no-repeat;
}

#nav h1, #nav h2, #normaltop h1, #normaltop h2, #top h1, #top h2, #content h1 {display:none;} /* and hiding the h1 and h2 text, but we leave it in the source for search engines and people who use text-browsers such as Linux */

#normaltop ul, #top ul
{
margin-top:94px;
margin-right:2px;
float: right;
text-transform:uppercase;
color:#000000;
background-color:#0066FF;
font-size:10px;
}

#normaltop li, #top li
{
padding: 0px;
margin: 5px 0px 0px 2px;
color: #ffffff;
text-decoration:none;
}


#normaltop li a, #top li a {
padding-left:4px;
padding-right:4px;
padding-bottom:1px;
padding-top:1px;
color: #ffffff;
text-decoration:none;
}

#normaltop li a:hover, #top li a:hover {
text-decoration:none;
color:#a6975f;
}

.active
{
text-decoration:none;
padding-left:4px;
padding-right:4px;
padding-bottom:1px;
padding-top:1px;
}

#normaltop li a:link, #top li a:link {
color: #ffffff;
text-decoration:none;
}

#normaltop li a:visited, #top li a:visited {
/*color: #ffffff;*/
text-decoration:none;
}


#headerimage
{
margin-left:3px;
float:left;
width:533px;
height:248px;    /* for firefox */
_height:245px;   /* for I.E 6 and older */
background-image:url(../images/home_mast.jpg);
background-repeat:no-repeat;
}

#nav
{
float:right;
width:228px;
height:248px;
_height:245px;   /* for I.E 6 and older */
background-image:url(../images/home_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#aboutnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/about_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#preachingnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/preaching_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#ministriesnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/ministries_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#musicnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/music_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#whatsonnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/whatson_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#resourcesnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/resources_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#contactnav
{
float:right;
width:228px;
height:248px;
background-image:url(../images/contact_nav_bg.jpg);
margin-right:3px;
color:#FFFFFF;
vertical-align:middle;
}

#nav img, #aboutnav img, #preachingnav img, #ministriesnav img, #musicnav img, #whatsonnav img, #resourcesnav img, #contactnav img
{
border:none;
}

#nav ul, #aboutnav ul, #preachingnav ul, #ministriesnav ul, #musicnav ul, #whatsonnav ul, #resourcesnav ul, #contactnav ul
{
margin-left:33px;
padding-left:33px;
margin-top:40px;
list-style-image:url(../images/inactive_bullet.png);
_list-style-image:url(../images/inactive_bullet.gif);
}

#nav a:hover, #aboutnav a:hover, #preachingnav a:hover, #ministriesnav a:hover, #musicnav a:hover, #whatsonnav a:hover, #resourcesnav a:hover, #contactnav a:hover
{
list-style-image:url(../images/active_bullet.png);
}

.mainnavactive
{
list-style-image:url(../images/active_bullet.png);
}




#nav li, #aboutnav li, #preachingnav li, #ministriesnav li, #musicnav li, #whatsonnav li, #resourcesnav li, #contactnav li
{

margin-top:-1px;
#margin-top:5px;
_margin-top:5px;
background-repeat:no-repeat;
}

#shadow
{
clear: both;
margin-left:3px;
_margin-left:5px;
_margin-top:-3px;
width:760px;
height:25px;
background-image:url(../images/shadow.gif);
background-position:top;
background-repeat:no-repeat;
}


#normalshadow
{
clear: both;
margin-left:3px;
_margin-left:5px;
_margin-top:-3px;
width:760px;
height:25px;
background-image:url(../images/shadow_normal.gif);
background-position:top;
background-repeat:no-repeat;
}

#content
{
clear: both; /* This clears the navigation above. */
float: left; /* The content, the main text, is aligned to the left. */
padding-left: 20px;
padding-bottom:10px;
width: 510px;
font-size:12px;
/*color:#360b03; */
}

#statement
{
width:450px;
height:44px;
background-image:url(../images/download_bg.jpg);
background-repeat:no-repeat;
}

.border
{
border:thick solid #f4f2e9;
}

.grayborder
{
border:medium solid #cccccc;
}


#sidebar
{
float: right; /* The sidebar, the supporting text, is aligned to the right. */
width: 180px;
text-align:right;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 30px;
padding-top: 37px;
color:#cccccc;
text-transform: uppercase;
font-size:10px;
}


#ministriessidebar
{
float: right; /* The sidebar, the supporting text, is aligned to the right. */
width: 180px;
text-align:right;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 30px;
padding-top: 10px;
color:#cccccc;
text-transform: uppercase;
font-size:10px;
}


#party
{
width:527px;
height:181px;
background:url(../images/party_bg.jpg);
background-position:-4px;
}


#party li
{
padding: 0px;
margin: -4px 0px 0px 0px;
#margin: -2px 0px 0px 0px;
_margin: -2px 0px 0px 0px;
}


#footer
{
clear: both; /* This clears both the content and sidebar and ensures the footer always appears beneath them. */
width:765px;
color:#999999;
font-size: 11px;
margin-bottom:5px;
}


h1
{
font-size: 12px;
color:#FFFFFF;
}

.small {
font-size:10px;
}

.textbox {
height:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#221715;
width:150px;
background-color:#a6975f;
border-bottom-width:1px;
border-color:#ffffff;
}

.enquirybox {
background-color:#a6975f;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#221715;
width:150px;
height:130px;
}

.button {
margin-top: 5px;
}

acronym { 
border-bottom:1px dotted #333; 
cursor:help; 
}

#footerlist li
{
font-size: 11px;
color: #828282;
display: inline;
list-style-type: none;
}

#active
{
color:#360b03;
}

#footerlist
{
text-align:center;
}

#footerlist li a 
{
font-size: 11px;
color: #828282;
text-decoration:none;
}

#footerlist a:hover
{
color:#360b03;
text-decoration:underline;
}


.style2 {color: #828282}
.style3 {
	font-size: 11px;
	color: #828282;
}

.style4 {
	color: #FF00FF;
	font-style: italic;
	font-weight: bold;
	}

.active {
color: #360b03;
}

#whatson {
width: 509px;
height:auto;
/*background-color:#f5f5f5;
border-bottom-style:solid;
border-color:#dcdcdc;
border-width:1px;
padding:10px 10px 10px 0px;*/
}

.where {
	color: #FF0000;
	font-weight: bold;
}


.kidsparties {
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
color:#000000;
font-size:14px;
font-weight:bold;

}