/* ------------------------------GENERAL DEFINITIONS--------------------------- */
* {
    margin: 0;
    padding: 0;
}

#assistive {
     display: none;
}


 body 
 {
  color: #000;
  font: 0.8em "Verdana", "Arial"; 
  padding: 0;
  margin: 0;
  background: #A49E8C;
  
 }


h1 {
  font-size: 1.8em;
}
 

h2 {
  font-size: 1.4em;
 
}
h3 {
  font-size: 1.1em;
}
 
h4, h5, h6 {
  font-size: 1em;
}


h1, h2, h3, h4, h5, h6 {   
  font-family: "Verdana", "Arial";
  font-weight: bold;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
}


em { font-style: italic; }
strong { font-weight: bold;}

p {
  
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  line-height: 1.4em;
  text-align: justify;
}

pre {
  padding: 0.75em 1.5em;
  font-size: 0.8em;
  background: #ddd;
  border: 1px solid #aaa; 
}

a {
  text-decoration: none;
}



hr {
    height: 1px;
    border: 0;
    background: #DCDFD2;
    margin: 4px 0 4px 0;
}




#wrapperContainer{
    background:white;
    width:800px;
    
}

#wrapper {
    padding: 0px;
    width: 800px;
    margin: auto;
    background:#FFFFFF;
}


a, a:link { color: #036; } /* This is the link for " .. continue reading" */
a:visited { color: #036; }
a:hover, 
a:focus { 
    color: #036; 
}
a:active { color: #05a; }
#header a:hover { background: transparent; }




/* ----------------------------- Sidebar Styles ----------------------- */

.sidebar .block {
}

.sidebar .block a { 
    color: #036;
}

.sidebar .block a:hover {
    color: #03f;
}

.sidebar .block h3 {
    color: #777; 
}

#sidebar-right {   /* coco  */

/* -----Rounded Corners --*/
  -moz-border-radius:10px;

  -webkit-border-radius:10px;
  border-radius:10px;
/* -----Rounded Corners --*/

    background: #dcdfd2; /* #fff;*/
    line-height: 1em; 
    float: right;
    width: 200px;
    margin: 0 10px 10px 0;
    padding:2px;
}

.sidebar .block p { 
    text-indent: 0; 
    line-height: 1em; 
    padding-top: .1em; 
}
.sidebar .block p a { 
    font-weight: bold;
}

.sidebar .block h2 {
  padding: 3px 0 3px 3px;
  margin: 0;
}


/* END sidebar styles */






/* ------------------ RightBar Block Styles ---------------*/


#block-block-2,
#block-event-1
{

    width: 95%;
    margin: 0 0 3px 0;
    border: 1px solid #A49E8C; 
    padding: 4px;
    text-align: left;
    
    /* -----Rounded Corners --*/
      -moz-border-radius:10px;
    
      -webkit-border-radius:10px;
      border-radius:10px;
    /* -----Rounded Corners --*/
}


/*-----------------------------UPCOMING EVENTS BOX IN RIGHT-SIDE BAR ------*/
#upcomingBoxText{
padding: 35% 0 0 11%;

}
#upcomingBox {
color:#FFFFFF;
font-size:130%;
margin-left:1%;

background:transparent url(images/UpcomingBox.png) no-repeat scroll 0 0;   /* background:#DADAA3 url(images/bgUpcomingBox.jpg) no-repeat scroll left top;    */

height:150px;
width:186px;

}


#upcomingBox a:link{

color:#FFFFFF;
font-size:130%;
text-align:center;
margin-left:25%;
}

#upcomingBox a:Hover{
margin-left:25%;
color:#FFFFFF;
font-size:140%;
text-align:center;
}




/* ----------------- RSS subscription BLOCK ----------------*/

#block-block-2 h2 {
    font-size: 100%;
    padding: 7px 0 7px 5px;
    text-align: left;
    color: #B13D23;
}

#block-block-2 div#stay_updated_rss {
font-size: 100%;
    width: 95%;
    text-align: center;
    padding: 8px 0 15px 0;
    
}

#block-block-2 div#stay_updated_rss img,
#block-block-2 div#stay_updated_email img {
    padding: 1px 0 0px 0;
    border: 2px solid #ddd;
    float: left;
    width: 30px;
    margin:0; /* 1% 0 5% 0;*/
}

#block-block-2 div#stay_updated_email {
    clear: both;
    width: 95%;
    text-align: center;
    padding: 5%; /* 8px 0 8px 0;*/
    margin:2%;
}









/* ----------------- Quick Links and Events block on Right Side Bar----------------------------- */

#block-event-1 h2 {
    padding: 7px 0 7px 5px;
    text-align: left;
  font-size: 100%;
    color: #B13D23;
}

#block-event-1 li {
    padding: 0 5px 0 5px;
    /* color: pink; */
    text-align: left;
    line-height: 1.2em;
}


#block-event-1 {
    
    padding-right: 5px;
}



#block-event-1 li a {

}


#block-event-1 li a:hover {
color:#C27D3C;
}

#block-event-1 p{
  font-size:0.8em;
  font-style: italics;
  
}


/* END block styles */




#content {
    float: left;
    width: 795px;
    margin: 0;
    padding: 0;
/*     background:red;*/
  

}



#content-right img {
    border: 1px solid #555;
}




/* -------------------- Main Content  -------------------*/
#HomePagePhoto
{

background:transparent url(images/leftTop.png) no-repeat scroll left top;    
width:90%;/* 50%;*/
float: right;
padding:2% 0% 0% 5%;
}

#wide {
    width:62%; 
    padding:1%;
}


div.main-content {
  vertical-align: top;
  float: left;
  padding-left:30px; /* 10px;*/
  width:695px; 
  
}

div.main-content p a:link,
div.main-content ul li a:link {
    text-decoration: underline;
}
div.main-content p a:hover,
div.main-content ul li a:hover {
    text-decoration: none;
}

.main-content h3 {
    margin-top: 15px;
}

.main-content h4 {
    margin: 4px 0 4px 0;
}

.main-content h4 a:link,
.main-content h4 a:visited, 
.main-content h4 a:hover {
}

.main-content .node .content, 
.comment .content, 
.body{  
  line-height: 1.2em;
  text-align: justify;
  
}

.main-content .node .content p.newsstory:first-letter {
  text-transform: uppercase;
  font-size: 300%;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 3px;
  float: left;
  
}

.main-content .node .content h2 {
  text-align: left;
  margin: 10px 0;

}

.main-content .content-title {
  font-size: 150%;
  margin: 0.8em 0 0.8em 0;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.main-content .node h2, 
.main-content h2 {
  clear: both;
  margin: 10px 0 0 3%;
}
.main-content .node .info {
  padding: 0 0 0.2em 0;
  margin: 0;
  font-size: 0.9em;
}
.main-content .node .links, 
.main-content .node .terms {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  font-weight: bold;
}
.main-content .node .terms {
  font-weight: normal;
  text-align: right;
}
.main-content .sticky { 
  padding: 0.5em;
}


.main-content .node .content {
   /* Content of paragraph */
  padding: 0;
  margin: 0 0 0 5%; /* left 3% */
  font-size: 1em;
}

.main-content .box {
  margin-bottom: 0.5em;
}  

.main-content .box h2 {
  margin: 0;
  font-size: 1.2em;
  text-align: left;
}


.main-content ol,
.main-content ul,
.main-content dl {

}

.main-content ol li ol,
.main-content ol li ul {
}
.main-content ol li,
.main-content ul li {
    padding-bottom: 4px;
    margin-left: 10px;
}



.main-content .content-title, 
.links a.read-more { 
    color: #036; 
}

.main-content .node .content .node h2 {
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.main-content .node .content a, 
.comment .content a, 
.main-content .node .content .node h2 a {

  border-bottom: 0;
  line-height: 1em;
  
  
}


.main-content .content-title {
    color: #b13d23;
}
.main-content h2 a { color: #b13d23; } /* Title on paragraph link before hover is brown*/
.main-content h2 a:hover { color:#036; } /* Title on paragraph on hover turns blue */


 .main-content .box  .form-item textarea {
  width: auto;
}


#ContinueReading{  /* The link to Continue reading */
color:#036;
margin-left:15px;
}

/* END main-content */





/* ------- End Colours and borders------- */









/* -------------------------- HEADER -------------------------------*/
#header {
 
  background:#C6CFA2;
  position: relative;
  padding: 0.3em 0 0.3em 0;
  margin: 0;
  width: 800px;
  height: 167px;
  
}



/*--------------------------------Items in the right side bar---------*/
.item-list {
  margin: 0; /* 0.25em 0 0 0;*/
}
.item-list ul {
  list-style: none;
  margin: 0; /* 0 0 0.5em 0;*/
  padding: 0;
}
.item-list ul li {

  margin: 0 0 0 10%; /* 0 0 0.25em 0;*/
  padding: 0 0 0 0; /* 1em;*/
  line-height: 1.1em;
  font-size:0.85em;
   list-style: disc;
}







/*

table {
   margin: 10px 0;
   border: 1px solid #ddd;
   font-size: 100%;
   text-align: left;
   width: 90%;
    background: url('images/back.jpg') repeat-x bottom;

}
*/

#tableImage{
   background:  url('images/tableBK.jpg') no-repeat center top; /* no-repeat bottom;*/
   height: 170px;
   width:550px;/* 530px;*/
   
   margin:0; /* 5% 0 0 0;*/
    padding: 0;
       

}

.tablePhotoLinks
{
 width:492;
 height:70;
 border:2;
 
}

.rounded{

 /* width:180; 123;*/
 /* height:70;
 padding:0;
 border"0;
 */
 
/* -----Rounded Corners --*/
  -moz-border-radius:10px;

  -webkit-border-radius:10px;
  border-radius:10px;
/* -----Rounded Corners --*/

}


/* ------------------------- CONTENT WHAT TO EXPECT --------------------------*/


#WhatToExpectImage{
float: left;

}

.whatToExpect {
margin-left:5%;
/* background: url('images/WhatToExpectBK.jpg')  center top; */
background: url('images/WhatToExpectPage.jpg') no-repeat 5% 20%; 

}


.whatToExpect p:first-letter {

 text-transform: uppercase;
  font-size: 200%;
  font-weight: bold;
  margin-top: 3px;
  margin-right: 3px;
  float: left;
  color:#A49E8C;

}

.whatToExpect ul{
margin-left:15%;
}


.whatToExpect ul li{
list-style: square;
margin-left:45%;
}




/* ------------------------------ GENERAL PAGE CONTENT -----------------*/


#GeneralPageImage{
float: left;

}

.GeneralPage {
margin-left:5%;

/* background: url('images/WhatToExpectPage.jpg') no-repeat 5% 20%; */

}


.GeneralPage p:first-letter {

 text-transform: uppercase;
  font-size: 200%;
  font-weight: bold;
  margin-top: 3px;
  margin-right: 3px;
  float: left;
  color:#A49E8C;
  
}



.GeneralPage span{
color:#D58442;
font-size: 110%;
  font-weight: bold;
  margin-Left: -3px;
}

.GeneralPage #note {   
background: #f4f3f1;
text-Transform:none;
padding:3%;
/* -----Rounded Corners --*/
  -moz-border-radius:5px;

  -webkit-border-radius:5px;
  border-radius:5px;
/* -----Rounded Corners --*/

 
}
.GeneralPage #bulletinList {   
background: #f4f3f1;
border: 2px solid #ddd;
text-Transform:none;
padding:3%;
margin:3%;
/* -----Rounded Corners --*/
  -moz-border-radius:5px;

  -webkit-border-radius:5px;
  border-radius:5px;
/* -----Rounded Corners --*/

 
}



.GeneralPage ul{
margin-left:5%;
}


.GeneralPage ul li{
list-style: square;
margin-left:15%;
}



div.GeneralPage ul li a:link {
    text-decoration: none;
    color:#4C5246;
}

div.GeneralPage ul li a:visited {
    text-decoration: none;
    color:#618BB9;
}


div.GeneralPage ul li a:hover {
    text-decoration: none;
    color:#D4884A;
}

div.GeneralPage ul li b{
background:#F4F3F1;
font-size:120%;
}



.smallLetter{

text-align:center;
  font-size: .7em;
  /* font-weight: bold;*/
}





/* ------------------------------ SERMONS PAGES  -----------------*/
/* they are based in the General Page */



.sermons h2{
font-size: 1.7em;
color:#B13D23;
line-height:80px;
padding:0%;
margin-left:-10px;
width:100%;
text-align:Left;

}
.sermons h5{
color:#B13D23;
margin:30px 0 0 0;
}

.sermons p{
margin:10px;

}
.sermons p b{
  font-weight: bold;

}

.sermons ul{
margin-left:3%;
}


.sermons ul li{
list-style: square;
margin-left:6%;
}

.sermons ol{
margin-left:3%;
}


.sermons ol li{

margin-left:6%;
}


.sermons a{
text-decoration:none;

}
.sermons a ul li{
text-decoration:none;

}



/* ------------------------------ UPCOMING EVENTS PAGE  -----------------*/



#block-block-2 div#UpcomingEventsHomePage{
font-size: 100%;
    width: 95%;
    text-align: center;
    padding: 8px 0 15px 0;
    margin-left:5px;
    
}

#block-block-2 div#UpcomingEventsHomePage img
 {
    padding: 0 0 5 0;
    border: 2px solid #ddd;
    float: left;
    /* width: 30px;*/
    margin:0 0 0 5; /* 1% 0 5% 0;*/
}

#block-block-2 div#UpcomingEventsHomePage span{
font-size: 1.1em;
text-style:bold;
color:#B13D23;
background:#d6b74c;
}



.Upcoming{
 margin-left:5%;
background:#e6e5e1;
padding:0 0 2% 0;

/* -----Rounded Corners --*/
  -moz-border-radius:20px;

  -webkit-border-radius:20px;
  border-radius:20px;
/* -----Rounded Corners --*/

}
.Upcoming h3{
  /* background: url('images/UpcomingTitle.jpg') no-repeat; */ /*  90% 30%;*/  /* x y */
  /* background:#A4A095;*/
 color:#4C1D0D;/* #FFFFFF;*/

 width:100%; /*98%;*/
  padding:1% 0 1% 2%;


 

 
}


.Upcoming p{


margin-left:2%;
 padding: 0 0 0 4%;

text-align: left;

/* line-height: 1.5em;*/
    
/* font-size: .85em;*/
    
  
}


.Upcoming div{
border: 5px solid #ddd;
background:#f5f4f2;
padding:2%;


}

.Upcoming img{  /* the size of the picture should be 250(width) X 100 (height)*/
float:left;
margin-left:2%;
}



/* ------------------------- CONTENT CORE VALUES--------------------------*/

.core {
margin-left:5%;
background: url('images/coreValues.jpg') no-repeat center top; 
}

.core #coreTitle{

 text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 3px;
  float: left;
  color:#A49E8C;

}
.core p {
margint-left:5%;
}
.core ul{
margin-left:15%;
}


.core ul li{
list-style: square;
}


#coreSpacer{
clear:both;
height:5px;
}


/* ------------------------- CONTENT CORE VALUES--------------------------*/

.mp3 {
margin-left:5%;
background: url('images/coreValues.jpg') no-repeat center top; 
}

.mp3 #mp3Title{

 text-transform: uppercase;
  font-size: 120%;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 3px;
  float: left;
  color:#A49E8C;

}
.mp3 p {
margint-left:5%;
}
.mp3 ul{
margin-left:15%;
}


.mp3 ul li{
list-style: square;
}


#mp3Spacer{
clear:both;
height:5px;
}





/* ##################   NAVIGATION MENU ################################################ */


#navbar {
        background-color:#4c5246;/* #828d86; */ /* #565e59; */ /* #748658; OLDNAV */  /* #445c22;*/
	height: 36px;
	padding: 0px 0px 0px 12%;
	/* margin: 0;*/
	margin-left:0%;
	position: relative;
	z-index: 850; /* 900*/
	float: none;
	width: 88%; /*88%; */
	font: bold 12px "Verdana", "Arial"; /* "Verdana", Lucida, Verdana, sans-serif;*/
	
}

#navbar ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 2px;
}

#navbar ul li {
	position: relative;
	margin: 0;
}

/* ######### PARENT MENU #########*/

#navbar a {
	float: left;
	color:#FFFFFF;  /* #DDE6B9;#DDCCAA;*/
	text-decoration: none;
	display: block;
	cursor: pointer;
	height: 29px;
	line-height: 29px;
	padding: 0px 15px;
}




/*#########PARENT MENU ITEM HOVER#########*/
#navbar li a:hover {
	height: 29px;
}
#navbar ul li:hover,
#navbar ul li.sfhover
 {
	 background: url(../images/menu_over.png) no-repeat left top; /* this refresh the link*/
	 
}

/*#########ALL LISTS#########*/

#navbar li {
	float: left;
	padding: 0;
	
}

#navbar ul li {
	margin-right: 1px;
	margin-left:-10px; 
	
}


#navbar ul li ul li {
	margin-right: 0px;
	
	background:#4c5246; 
}


#navbar li:hover ul, 
#navbar li li:hover ul, 
#navbar li li li:hover ul, 
#navbar li li li li:hover ul,
#navbar li.sfhover ul, 
#navbar li li.sfhover ul, 
#navbar li li li.sfhover ul,
#navbar li li li li.sfhover ul {
	

}




/*#########HOVER COLORS#########*/

/*
#navbar li:hover a, #navbar li.sfhover a {
	color:#FFFFFF;
}
*/

/* NEW */
/* This sets the color for the main navigation links */
#navbar li:hover a{
color:#D88947;
}

#navbar li.sfhover a {
color:#D88947;
}

/* NEW */



#navbar ul li ul li a:link,
#navbar ul li ul li a:visited
 {
	color: #FFFFFF;
	
	
}

#navbar ul li ul li a:hover,
#navbar ul li.active ul li a:hover
 {
	color: #fff;
	
}

/*#########SUBLEVEL STYLES#########*/

/*SUBLEVEL TEXT STYLES*/

#navbar li li a {
	font-weight: normal;
	padding: 0;
	height: 26px;
	 line-height: 26px;
	text-indent: 5px;
}

#navbar ul ul a {  /*  ------------------------------- This handles the submenu */  
	display: block;
	text-decoration: none;
	width: 210px;
	text-transform: none;
}

#navbar li li {
	padding: 0;
	background: none;
	/*DONT SHOW THE BACKGROUND IMAGE*/
}

/*#########SUBLEVEL POSITIONING#########*/

#navbar li li {
	float: left;
	padding: 0;
	width: 173px; /* 210px;*/ /* The width whe hover on sublevel of navigation */
	
}

#navbar li ul ul {
	margin: -29px 0 0 173px;
}

#navbar li:hover, #navbar li.sfhover {
	left: 0;
	
}

/*#########SUBLEVEL HOVER STYLES#########*/

#navbar ul ul a:hover {
	background: none;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
}



#navbar li ul {
	top: 29px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 173px;
	font-weight: normal;
	/* border-width: 0;*/
	margin: 0;
	padding: 0;
	 
}


/*######### MAINLEVEL ACTIVE-A:LINK STYLE #########*/

#navbar li.active a:link,
#navbar li.active a:visited,
#navbar li.active ul.sfhover
 {
	background: url(../images/menu_active.png) no-repeat left top;
	color:#FFFFFF; /* #C87800; active font color --> orange*/
}
/* #########SUBLEVEL ACTIVE-A:LINK STYLE #########*/

#navbar li.active ul li a:link,
#navbar li.active ul li a:visited,
#navbar li.active li
 {
	color: #fff;
	background-image: none;
}
/* #########SUBLEVEL ACTIVE-A:LINK:HOVER STYLE #########*/

#navbar li.active li a:hover,
#navbar li.active li.hover {
	color: #fff;
	background-image: none;
}
/* #########SUBLEVEL LI BACKGROUND #########*/  /* Grey color on hover */
#navbar li li:hover {
	background:#818682;
	width: 173px; 
}


/*#########SUBLEVEL PARENT INDICATORS#########*/



#navbar ul li ul li a.child,
#navbar ul li ul li a.child:hover {
	
}

#navbar ul li.active ul li a.child {
	
}


#navbar ul li ul li a:hover {
	background-image: none;
}

/* #########HIDE OTHER LISTS FROM IE #########*/

#navbar li:hover ul ul, 
#navbar li:hover ul ul ul,
#navbar li:hover ul ul ul ul,  
#navbar li.sfhover ul ul, 
#navbar li.sfhover ul ul ul, 
#navbar li.sfhover ul ul ul ul {
	left: -999em;
}

#navbar li:hover ul, 
#navbar li li:hover ul, 
#navbar li li li:hover ul, 
#navbar li li li li:hover ul,
#navbar li.sfhover ul, 
#navbar li li.sfhover ul, 
#navbar li li li.sfhover ul,
#navbar li li li li.sfhover ul {
	z-index: 100;
	left: 0;
}

/* for IE */

#navbar li.sfhover ul li.sfhover {
	background:  #818682;
	
}

#navbar li:hover li:hover a.child,
#navbar li.sfhover li.sfhover a.child {
	color: #fff;
}







/* ########################### FOOTER #################################### */


#MyFooter
{
text-align:center;

color: #5D5D5D;
font-size: 0.8em; 
width:798px;
}

#spacer
{
clear:both;
height:10px;
}

#spacerTableImages
{
clear:both;
height:80px;
}


/*######### Template 1 (1 photo + 2 paragraphs) #########*/

#photoTemplate1
{
float:left;
margin-left:15px;
width:220px;
height=210px;
}

#paragraph1Template1
{
float:right; 
width:50%; 
padding-top:10%;
}



/*----------------------Contact Form ------------------------*/

.contactForm
{
width:90%;
margin-left:10%;

}

.contactForm h2
{
color:#B13D23;

}

.contactForm input.txt{
color:#000000;
background-color: #ded7c9;
border:1px inset #a9a395;
width:200px;	

}

.contactForm textarea{
color:#000000;
background-color: #ded7c9;
border:1px inset #a9a395;
width:70%;	

}

.contactForm input.btn{
color:#00008B;
background-color: #ADD8E6;
border:1px outset #A49E8C;
width:200px;	

}

.contactForm form p{
clear:left;
margin:0;
padding:0;
padding-top:5px;

}

.contactForm form p label{
float:left;
width:20%;
font: 0.9em Verdana, helvetica, sans-serif;
margin-left 10%;
}


.contactForm fieldset{
border:1px dotted #A49E8C;
margin-top:16px;
padding:10px;
}

.contactForm legend{
font:bold 0.9em Arial, helvetica, sans-serif;
color:#63615d;
background-color: #FFFFFF;
}
.emailSpacer
{
text-align:right;


}


/* ----------------------------------MUSIC PLAYER -----------------------*/


#musicPlayer{
 background:#EDEBD2 none repeat scroll 0 0;  
color:#7D0200;
border:5px solid #E0E0B3;
float:left;
padding:5px;
width:240px;
/* margin-left: 5%;*/

padding:3% 0% 5% 6%;
/* margin-top:10%;*/

/* margin-left:-20px;*/

/* -----Rounded Corners --*/
  -moz-border-radius:10px;

  -webkit-border-radius:10px;
  border-radius:10px;
/* -----Rounded Corners --*/

}

div#getPlayer a:link{
color:#4C5246;

}
div#getPlayer a:hover{
color:#B13D23;

}





#container{
padding:2% 0 0 0;

background:#A49E8C;
width: 185px;
height:155px;
text-align:center;
color:#ddd;
/* margin-left:-30px;*/
margin-top:8%;


/* -----Rounded Corners --*/
  -moz-border-radius:10px;

  -webkit-border-radius:10px;
  border-radius:10px;
/* -----Rounded Corners --*/

}

#container a:link{
color:#D88946;
}


#musicPlayer ol li a:hover{
color:#D88946;
}