body { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 0.7em; 
    font-weight: normal; 
    color: #333; 
    background-color: #FFF; 
    margin: 0px; 
    height: 100%; 
    background-image: url(/images/template/leftnav-bg.gif);
    background-repeat: repeat-y;
}

h1 { font-size: 180%; font-weight: normal;} 
h2 { font-size: 160%; font-weight: normal;} 
h3 { font-size: 150%; font-weight: normal;}
h4 { font-size: 150%; color: #999}
h5 { font-size: 150%; color: #069}
h6 { font-size: 100%; font-weight: bold}

a { color: #369; text-decoration: underline;} 
a:link { text-decoration: underline;}
a:visited {text-decoration: underline; }
a:hover { text-decoration: underline;} 
a:active { text-decoration: underline;} 

th { font-size: 110%; font-weight: bold; color: #999; text-align:left}
thead { text-align:left;}

img { border-style: none;}

dd { color: #333}
dl { color: #9C0; margin: 0px 0px 0px 12px;}
dt { color: #999; font-weight: bold;}
ul { color: #999; list-style-type: square;  padding-left: 22px}

.news { background-color: #F90}
.events { background-color: #C00}
.ministry { background-color: #F39}
.people { background-color: #93F}
.vision { background-color: #69F}
.organisation { background-color: #690}
.buildings { background-color: #036}

.features-firstrow { position: absolute; background-color: #036; width: 25%; height: 22px; top: 0px; left: 0px;}
.features-firstrow a { color: #fff;}

.features-secondrow {position: absolute; background-color: #999; width: 25%; top: 23px; left: 0px; height: 35px; color: #FFF; }
.features-secondrow a { color: #FFF; text-decoration: none;}
.features-secondrow a:hover { text-decoration: underline}

#features1 { left: 0px; }
#features2 { left: 25%; }
#features3 { left: 50%; }
#features4 { left: 75%; }
#features1b { left: 0px;  background-image: url(/images/zones/feature-image-group1.jpg);}
#features2b { left: 25%; }
#features3b { left: 50%; background-image: url(/images/zones/feature-image-rose.jpg);}
#features4b { left: 75%; }

.features-text { color: #FFF; padding: 4px 4px 2px 11px;}

#MainHeader { height: 60px; margin-top: 58px;}

#HeaderLogo { 
    position: absolute; 
    width: 320px; 
    left: 0px; 
    top: 58px; 
    height: 60px; 
    background-color: #fff;
}

#HeaderCrest { position: absolute; right: 0px; }


.auxtext { 
    position: absolute;
    z-index: 2;
    top: 98px;
    color: #999; 
    padding: 0px 0px 0px 22px;  
    white-space: nowrap; 
    background-image: url(/images/template/home-arrow.gif);
    background-repeat: no-repeat;
    background-position: 8px -10px;
 }

.auxtext a { color: #999; text-decoration: none;}
.auxtext a:link { text-decoration: none;}
.auxtext a:visited {text-decoration: none; }
.auxtext a:hover { color: #666; text-decoration: underline}
.auxtext a:active { text-decoration: none;} 


#MainMenuContainer { 
    height: 35px; 
    background-color: #CCC; 
    white-space: nowrap; 
}

ul#MainMenu { list-style-type: none; margin: 0px; padding: 0px; list-style-position: inside; }
ul#MainMenu li { float: left;  }
ul#MainMenu li a { display: block; height: 35px;     white-space: nowrap;  }
ul#MainMenu li p { font-size: 10px; margin: 20px 0px 0px 4px;  }

#organisation { 
    background-image: url(/images/template/MainMenu.gif);   
    background-position: 0px 0px;
    width: 111px;              
    height: 35px;                   
}

#organisation a:hover { background-image: url(/images/template/MainMenu.gif); background-position: 0px -36px; }

#vision {  
    background-image: url(/images/template/MainMenu.gif);   
    background-position: -111px 0px;	
    width: 62px;  
    height: 35px;                   
}

#vision a:hover { background-image: url(/images/template/MainMenu.gif);   
background-position: -111px -36px; }

#people {  
    background-image: url(/images/template/MainMenu.gif);  
    background-position: -173px 0px;	 
    width: 67px;  
    height: 35px;                   
}

#people a:hover{ background-image: url(/images/template/MainMenu.gif);  
background-position: -173px -36px; }

#ministry {  
    background-image: url(/images/template/MainMenu.gif);   
    background-position: -240px 0px;	
    width: 77px;                    
    height: 35px;                   
}

#ministry a:hover { background-image: url(/images/template/MainMenu.gif);   
background-position: -240px -36px; }

#events {  
    background-image: url(/images/template/MainMenu.gif);   
    background-position: -317px 0px;	
    width: 65px;                    
    height: 35px;                   
}

#events a:hover{ background-image: url(/images/template/MainMenu.gif);   
background-position: -317px -36px; }

#news {  
    background-image: url(/images/template/MainMenu.gif);   
    background-position: -382px 0px;	
    width: 61px;            
    height: 35px;                   
}

#news a:hover { background-image: url(/images/template/MainMenu.gif);   
background-position: -382px -36px; }



#breadcrumb { 
    white-space: nowrap;
    color: #666;
    background-color: #CCC;
    background-image: url(/images/template/sub-arrow-g.gif);
    background-repeat: no-repeat;
    background-position: 8px 2px;
    height: 20px;
    padding: 5px 0px 0px 22px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#breadcrumb a { color: #666; text-decoration: none}
#breadcrumb a:hover { color: #333; text-decoration: underline}

#editpage { 
    width: 60px; text-align: right;
    float: right; 
    margin: 0px 4px 0px 0px; 
    }

#editpage img { padding: 0px 0px 0px 4px; }


#SubMenuNav {
    position: absolute;
    width: 160px;
    top: 181px;
    left: 0px; 
    color: #666; 
    background-color: #E1E1E1;
    }

#SubMenuNav a         {text-decoration: none;}
#SubMenuNav a:link    {text-decoration: none;}
#SubMenuNav a:visited {text-decoration: none;}
#SubMenuNav a:hover   {text-decoration: underline;}
#SubMenuNav a:active  {text-decoration: none;} 

#SubMenuNav h6 {padding: 0px 0px 0px 12px; margin: 8px 0px 18px 0px;}
#SubMenuNav p { margin: 0px; padding: 0px; }
#SubMenuNav p a { color: #515151; margin: 0px; padding: 6px 0px 12px 12px; display: block;}
#SubMenuNav p a:hover{ display: block; background-color: #EEE; margin: 0px; padding: 6px 0px 12px 12px;}


#azurite p a { padding: 24px 0px 0px 0px; }

.ContentContainer {

        margin: 0px 0px 0px 160px;
    padding: 0px 12px 0px 12px;
}

.Content {margin: 0px;}

.PageColLeft { 
float: left; 
width: 320px;
margin: 0px 16px 0px 0px;
padding: 0px 8px 6px 0px;
background: url(/images/template/dotsvertical.gif) right top repeat-y;
}

.PageColRight { 
float: right; 
width: 320px;
margin: 0px 0px 0px 12px;
padding: 0px 0px 6px 16px;
background: url(/images/template/dotsvertical.gif) left top repeat-y;
}

.PhotoCredit {font-size: 90%; }

.PhotoCaption {  }

.Quote p { font-size: 150%; color: #999; }


.dotsvertical { top: 232px; width: 12px; height: 100%; background-image: url(/images/template/dotsvertical.gif); background-repeat: repeat-y; }

.dotshorizontal { width: 100%; height: 12px; background-image: url(/images/template/dots2v.gif); background-repeat: repeat-x; }

.dotshorizontal-for-nav { background-image: url(/images/template/dotshorizontal-for-nav.gif); background-repeat: repeat-x}


#list {list-style-type: none;}

.lb { display:block ; list-style-position: inside; list-style-image: url(/images/template/sub-arrow-w.jpg)}

.li { display:block  ; color: #999; margin-left: 12px}

.gototop { clear: both; margin: 60px 12px 12px 12px; }

.hidden {display: none; border: 1px dashed red;}


.churchfinder td, .churchfinder th { background-color: #E1E1E1 }
.near td { background-color: #CCCCCC }
td.rank { background-color: #999999 }


.Event {position: relative; clear: both; }
.EventCategory { font-weight: bold; margin: 12px 0px 3px 0px; }
.EventEditIcon {float: right; width: 18px; }
.EventSummary { background-color: #CCC; width:100%; }
.EventIcon {float: left; width: 80px; height: 80px; background-color: #E1E1E1;  }
.EventTitle {float: left; width: 128px; min-height: 68px; padding: 6px; font-weight: bold; background-color: #E1E1E1; }
.EventDate {font-weight: normal; margin: 4px 0px 0px 0px;}
.EventIntro { padding: 0px; margin: 0px; }
.EventIntro p {height: 48px; overflow: auto; padding: 6px; margin: 0px; font-weight: normal; background-color: #CCC; }
p.EventMore {margin: 0px; padding: 2px 0px 6px 6px; overflow: hidden; height: 12px;}

.EventShowDetails { margin: 12px 0px 0px 128px; clear: both; }
.EventShowIntro p {padding: 6px; margin: 0px 0px 0px 220px; font-weight: normal; background-color: #CCC; height: 68px;}

.EventDetailsTitle {font-weight: bold; float: left; width: 80px;}
.EventDetail { border-left: 1px dotted #CCC; margin: 0px 0px 0px 92px; padding: 0px; }
.EventDetail p { margin: 0px; padding: 0px 0px 12px 12px }


.NewsItem { float: left; width: 44%; margin: 0px 28px 0px 0px; padding: 0px 6px 6px 0px;
 border-top: 1px dotted #CCC; }
.NewsItem h2 a { color: #FF9900; text-decoration: none; }
.NewsItem h2 a:link  {text-decoration: none;}
.NewsItem h2 a:visited {text-decoration: none; }
.NewsItem h2 a:hover {color: #CC6600; text-decoration: underline; }
.NewsItem h2 a:active {text-decoration: none; } 

.NewsPhoto { float: left; margin: 0px 12px 0px 0px; }
.NewsEditIcon {float: right;}
.NewsDate {color: #999;}
.NewsArchive {}
.NewsArchiveIntro {background-color: #E1E1E1; margin: 0px; padding: 6px;}
.NewsArchiveIntro p {padding: 0px; margin: 0px}


.clearboth {clear: both;}


.JobVacancyDetails div {margin: 0px 0px 4px 0px  }
.JobDetail p {display: inline; }
.JobDetailsTitle {font-weight: bold; }
.JobDetailsMore { display: inline; }


.SearchResults li {margin: 0px 0px 12px 0px;}
.SearchResultTitle {font-weight: bold;}

.SiteMapZone {float: left; width: 220px; background-color: #CCC; margin: 2px;}

.SiteMapZone div {padding: 2px 0px 2px 6px; }
.SiteMapZone h2 a {color: #FFF;}
.SiteMapZone p {margin: 2px 0px 6px 6px;}

.SiteMapZone div.organisation { background-color: #690}
.SiteMapZone div.vision { background-color: #69F}
.SiteMapZone div.people { background-color: #93F}
.SiteMapZone div.ministry { background-color: #F39}
.SiteMapZone div.events { background-color: #C00}
.SiteMapZone div.news { background-color: #F90}
.SiteMapZone div.buildings { background-color: #036}

#LCcommitment td { padding:6px; vertical-align:top }
.LCresponse { text-align:center }
.LCcommitmentList {float:right; border:1px solid #ccc; background-color:#e1e1e1; padding:10px 10px 10px 10px;}
.LCcommitmentList H2 {margin-bottom: 10px;}


.imageleft { float:left; padding:5px 10px 5px 0px }
.imageright { float:right; padding:5px 0px 5px 10px }
.block p { margin:2px 0px 10px 0px }
.quote { font-weight:bold; font-style:italic }
.photocaption { font-weight:bold }

.PageEditHeader {
     background-color: #CCC;
}



@media print {

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #333; }
.features-firstrow { display: none;}
.features-secondrow {display: none;}
#MainHeader { height: 60px; margin-top: 0px;}
#HeaderLogo { width: 320px; left: -12px; top: 0px; }
#HeaderCrest {}
.auxtext {display: none;}
#MainMenuContainer { display: none;}
#printer { display: none; }
#breadcrumb { padding: 0px; margin: 0px; text-align: left; color: #666;}
#editpage { display: none;}
#SubMenuNav {display: none;}
.ContentContainer { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}
.Content {margin: 0px;}
.PageImageLeft { float: left; margin: 0px 8px 0px 0px; padding: 0px 8px 6px 0px;}
.PageImageRight { float: right; margin: 0px 0px 0px 8px; padding: 0px 0px 6px 8px;}
.gototop { display: none;}

}