/*
---------------------------------------
	1.0 RESETS
---------------------------------------
*/
@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
ARCHBISHOP OF CANTERBURY MAIN STYLES ARE BELOW
-------------------------------------------------------------- */

/*Contents --------------------------

		1.0 RESETS
		2.0 UNIVERSAL
		3.0 CONSTRUCT
		4.0 HEADER
			4.1 Search
			4.2 Slideshow	
			4.3 Topnav
		5.0 CONTENT HOMEPAGE
			5.1 Leftcol
			5.2 Rightcol
		6.0 SUBPAGES
			6.1 Leftcol
			6.2 Midcol
			6.3 Rightcol
		7.0 FOOTER
		
-----------------------------------
*/
	
/******

Main colours:

Brand Red: #e13446
Default Text Dark Grey: #424242

*****/
		
	
/*
---------------------------------------
	2.0 UNIVERSAL
---------------------------------------
*/
html, body{
	background:url('../images/bodybg.gif') #ffffff;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0;
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft{
	float:right;
	margin:10px 20px 10px 0;
}
.imgright{
	float:right;
	margin:10px 0 10px 20px;
}

.quickform  .h_pot{
    display: none;
}

/*
---------------------------------------
	3.0 CONSTRUCT
---------------------------------------
*/
#wrapper{
	background:#ffffff;
	margin:0 auto 30px;
	padding:0 15px 15px;
	width:962px;
}
/*
---------------------------------------
	4.0 HEADER
---------------------------------------
*/
#header{
	background:url('../images/headerbg.gif') no-repeat;
	height:116px;
	left:0;
	position:relative;
	top:0;
	width:961px;
}
a#logo{
	background:url('../images/logo_archive.gif') no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:116px;
	position:absolute;
	top:0;
	width:653px;
}

/* 4.1 Search ------------- */
#searchbox{
	bottom:54px;
	position:absolute;
	right:44px;
	width:192px;
}
.searchbox{
	background:url('../images/searchbg.gif') no-repeat;
	border:medium none;
	float:left;
	height:20px;
	margin:12px 0 0 0;
	padding:1px 31px 0 6px;
	vertical-align:top;
	width:88px;
}
.searchbutton{
	border:0 solid;
	cursor:pointer;
	float:left;
	margin:12px 0 0 0;
}
/* End 4.1 Search ------------- */

.newsite_button{
    background: #183F63;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    margin-bottom: 14px;
    margin-top: -14px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 961px;
}

.archive_info{
    background: #E6E9F1;
 /*    font-weight: bold; */
    display: block;
    margin-bottom: 14px;
    margin-top: -14px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 961px;
}


/* 4.2 Topnav ------------- */
ul#topnav{
	height:46px;
	position:relative;
	margin:0;
	margin-top:-14px;
	padding:0;
	width:960px;
}
ul#topnav li{
	list-style:none;
}
li#home a{
	background:url('../images/nav.gif') 0 -46px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:46px;
	position:absolute;
	top:0;
	width:78px;
}
li#home a:hover{
	background:url('../images/nav.gif') 0 0 no-repeat;
}
li#home a.on{
	background:url('../images/nav.gif') 0 0 no-repeat;
}
li#roles a{
	background:url('../images/nav.gif') -78px -46px no-repeat;
	display:block;
	height:0;
	left:78px;
	overflow:hidden;
	padding-top:46px;
	position:absolute;
	top:0;
	width:298px;
}
li#roles a:hover{
	background:url('../images/nav.gif') -78px 0 no-repeat;
}
li#roles a.on{
	background:url('../images/nav.gif') -78px 0 no-repeat;
}
li#diary a{
	background:url('../images/nav.gif') -376px -46px no-repeat;
	display:block;
	height:0;
	left:376px;
	overflow:hidden;
	padding-top:46px;
	position:absolute;
	top:0;
	width:198px;
}
li#diary a:hover{
	background:url('../images/nav.gif') -376px 0 no-repeat;
}
li#diary a.on{
	background:url('../images/nav.gif') -376px 0 no-repeat;
}
li#about a{
	background:url('../images/nav.gif') -574px -46px no-repeat;
	display:block;
	height:0;
	left:574px;
	overflow:hidden;
	padding-top:46px;
	position:absolute;
	top:0;
	width:240px;
}
li#about a:hover{
	background:url('../images/nav.gif') -574px 0 no-repeat;
}
li#about a.on{
	background:url('../images/nav.gif') -574px 0 no-repeat;
}
li#christianity a{
	background:url('../images/nav.gif') -814px -46px no-repeat;
	display:block;
	height:0;
	left:814px;
	overflow:hidden;
	padding-top:46px;
	position:absolute;
	top:0;
	width:146px;
}
li#christianity a:hover{
	background:url('../images/nav.gif') -814px 0 no-repeat;
}
li#christianity a.on{
	background:url('../images/nav.gif') -814px 0 no-repeat;
}

/* End 4.2 Topnav ------------- */

/* 4.3 Slideshow ------------- */
#slideandbuttons{
	background:url('../images/slidebg.gif') no-repeat;
	height:322px;
	position:relative;
	margin-top:16px;
	width:960px;
}
#slideandbuttons img{
	left:17px;
	position:absolute;
	top:14px;
	z-index:0;
}
#slideandbuttons iframe{
	left:17px;
	position:absolute;
	top:14px;
	z-index:0;
}
#imgoverlay{
	background:url('../images/slideimg_overlay.png') repeat-x;
	bottom:15px;
	height:48px;
	left:17px;
	padding:10px 35px 10px 10px;
	position:absolute;
	width:404px;
	z-index:1;
}
ul#slide_options{
	margin:0;
	padding:0;
	position:absolute;
	right:196px;
	top:14px;
	z-index:2;
}
ul#slide_options li{
	list-style:none;
}
ul#slide_options li.slideshow_option{
	margin-bottom:7px;
	position:relative;
}
ul#slide_options li.slideshow_option a{
	background:url('../images/slideshowoption.png') no-repeat;
	display:block;
	height:93px;
	width:331px;
}
ul#slide_options li.slideshow_option a:hover{
	background:url('../images/slideshowoption_on.png') no-repeat;
}
ul#slide_options li.slideshow_option a.on{
	background:url('../images/slideshowoption_on.png') no-repeat;
}
ul#slide_options li.slideshow_option span.date{
	position:absolute;
	right:12px;
	top:15px;
	width:266px;
}
ul#slide_options li.slideshow_option span.slide_heading{
	right:13px;
	position:absolute;
	top:31px;
	width:266px;
}
/*
#onestory_details{
	background:url('../images/onestorydetails_bg.gif') no-repeat;
	height:293px;
	right:197px;
	position:absolute;
	top:14px;
	width:294px;
}
*/
#onestory_details{
	background:url('../images/onestorydetails_bg.gif') no-repeat;
	height:293px;
	float:right;
	text-align:left;
	width:294px;
	margin-right:197px;
	margin-top:14px;
}
#onestory_details p.date{
	margin:10px 0 4px 15px;
	width:263px;
}
#onestory_details h2{
	margin:0 0 10px 15px;
	padding:0;
	width:250px;
}
#onestory_details p{
	margin-left:15px;
	width:263px;
}
/* Quicklinks ------------- */
ul#quicklinks{
	height:290px;
	margin:0;
	padding:0;
	position:absolute;
	right:-1px;
	top:16px;
	width:160px;
}
ul#quicklinks li{
	list-style:none;
}
ul#quicklinks li#sermons a{
	background:url('../images/quicklinks.gif') 0 0 no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:69px;
	position:absolute;
	top:0;
	width:160px;
}
ul#quicklinks li#sermons a:hover{
	background:url('../images/quicklinks.gif') -160px 0 no-repeat;
}
ul#quicklinks li#sermons.on{
	background:url('../images/quicklinks.gif') -160px 0 no-repeat;
}
ul#quicklinks li#speeches a{
	background:url('../images/quicklinks.gif') 0 -69px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:73px;
	position:absolute;
	top:69px;
	width:160px;
}
ul#quicklinks li#speeches a:hover{
	background:url('../images/quicklinks.gif') -160px -69px no-repeat;
}
ul#quicklinks li#speeches.on{
	background:url('../images/quicklinks.gif') -160px -69px no-repeat;
}
ul#quicklinks li#articles a{
	background:url('../images/quicklinks.gif') 0 -142px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:76px;
	position:absolute;
	top:142px;
	width:160px;
}
ul#quicklinks li#articles a:hover{
	background:url('../images/quicklinks.gif') -160px -142px no-repeat;
}
ul#quicklinks li#articles.on{
	background:url('../images/quicklinks.gif') -160px -142px no-repeat;
}
ul#quicklinks li#press a{
	background:url('../images/quicklinks.gif') 0 -218px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:72px;
	position:absolute;
	top:218px;
	width:160px;
}
ul#quicklinks li#press a:hover{
	background:url('../images/quicklinks.gif') -160px -218px no-repeat;
}
ul#quicklinks li#press .on{
	background:url('../images/quicklinks.gif') -160px -218px no-repeat;
}
/* End 4.3 Slideshow ------------- */


/*s
---------------------------------------
	5.0 CONTENT HOMEPAGE
---------------------------------------
*/

/* 4.1 Leftcol ------------- */
body#index #leftcol{
	float:left;
	margin-left:15px;
	width:569px;
}
h2#latestnews_header{
	background:url('../images/latestnewsheader.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:48px;
	width:545px;
}
a#leftcol_rss{
	background:url('../images/leftcol_rss.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:48px;
	width:24px;
}
ul#latestnews_list{
	margin:0;
	padding:0;
}
ul#latestnews_list li{
	float:left;
	list-style:none;
	margin-bottom:15px;
}
ul#latestnews_list li img{
	background:#ededed;
	border:solid 1px #cfd6dc;
	float:left;
	margin-right:15px;
	padding:5px;
}
.latestnews_details{
	background:url('../images/latestnews_detailsbg.gif') no-repeat;
	float:right;
	height:149px;
	width:403px;
}
.newsdate{
	margin:15px 0 0 0;
}
.latestnews_details h2{
	margin:0 0 0 20px;
	padding:5px 0 5px 0;
	width:372px
}
.latestnews_details p{
	margin-left:20px;
	width:372px
}
li#archiveli{
	width:100%;
}
a#newsarchive_button{
	background:url('../images/newsarchive_button.gif') no-repeat;
	display:block;
	float:right;
	height:0;
	overflow:hidden;
	padding-top:30px;
	width:149px;
}


/* End 4.1 Leftcol ------------- */

/* 4.2 Rightcol ------------- */
body#index #rightcol{
	background:#183f63;
	float:right;
	margin-top:15px;
	padding:22px 18px;
	width:313px;
}

/* Social box ------------- */
ul#socialbox{
	height: 86px;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	width: 313px;
}
ul#socialbox li{
	list-style: none;
}
li#twitterbutton a{
	background: url(../images/socialnav.gif) 0 0 no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow:hidden;
	padding-top: 43px;
	position: absolute;
	top: 0;
	width: 148px;
}
li#twitterbutton a:hover{
	background: url(../images/socialnav.gif) 0 -86px no-repeat;
}
li#facebookbutton a{
	background: url(../images/socialnav.gif) 0 -43px no-repeat;
	display: block;
	height: 0;
	left: 0;
	overflow:hidden;
	padding-top: 43px;
	position: absolute;
	top: 43px;
	width: 148px;
}
li#facebookbutton a:hover{
	background: url(../images/socialnav.gif) 0 -129px no-repeat;
}
li#youtubebutton a{
	background: url(../images/socialnav.gif) -148px 0 no-repeat;
	display: block;
	height: 0;
	left: 148px;
	overflow:hidden;
	padding-top: 43px;
	position: absolute;
	top: 0;
	width: 165px;
}
li#youtubebutton a:hover{
	background: url(../images/socialnav.gif) -148px -86px no-repeat;
}
li#gallery a{
	background: url(../images/socialnav.gif) -148px -43px no-repeat;
	display: block;
	height: 0;
	left: 148px;
	overflow:hidden;
	padding-top: 43px;
	position: absolute;
	top: 43px;
	width: 165px;
}
li#gallery a:hover{
	background: url(../images/socialnav.gif) -148px -129px no-repeat;
}


/* Latest photos ------------- */
#latest_photos{
	height:425px;
}
h2#latestphotos_header{
	background:url('../images/latestphotos_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}
#latest_photos img{
	border:solid 4px #ffffff;
	float:left;
	margin:0 23px 18px 0;
}
#latest_photos img.last{
	margin-right:0;
}
a#viewgalleries{
	background:url('../images/viewgallery_button.gif') no-repeat;
	display:block;
	float:right;
	height:0;
	margin-top:31px;
	overflow:hidden;
	padding-top:30px;
	width:148px;
}
/* Lambeth palace ------------- */
body#index #lambethpalace{
	height:208px;
	margin-top:0;
}
body#index h2#lambethpalace_header{
	background:url('../images/lambethpalace_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}
body#index #lambethpalace img{
	border:solid 4px #ffffff;
	float:left;
	margin-right:15px;
	padding:0;
}
body#index #lambethpalace p{
	float:left;
	width:145px;
}
body#index a#learnmore{
	background:url('../images/learnmore_button.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-top:4px;
	overflow:hidden;
	padding-top:30px;
	width:148px;
}
/* Latest videos ------------- */
#latest_videos{
	height:520px;
}
h2#latestvideos_header{
	background:url('../images/latestvideo_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}
#vidcolleft{
	float:left;
	margin-right:15px;
	width:149px;
}
#vidcolright{
	float:right;
	width:313px;
}
p.viddate{
	margin:6px 0 4px 0;
}
#latest_videos h3{
	margin-bottom:7px;
	width:148px;
}
#latest_videos p{
	width:313px;
}
a#morevideos{
	background:url('../images/morevideos_button.gif') no-repeat;
	display:block;
	float:right;
	height:0;
	margin-top:4px;
	overflow:hidden;
	padding-top:30px;
	width:148px;
}
/* Latest tweets ------------- */
#latest_tweet{
	height:245px;
	display: none;
}
h2#latesttweet_header{
	background:url('../images/latesttweets_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}
a#twitter_headericon_test{
	background:url('../images/latesttweets_header.gif') -271px 0 no-repeat;
	display:block;
	float:right;
	height:0;
	overflow:hidden;
	padding-top:32px;
	margin-top:-5px;
	width:43px;
}
a#twitter_headericon{
	background:url('../images/latesttweets_header.gif') -271px 0 no-repeat;
	display:block;
	line-height:3em;
	float:right;
	height:0;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:32px;
	width:43px;
}
#tweet{
	background:url('../images/tweetbg.gif') no-repeat #D1D9E0;
	float:left;
	padding:12px;
	width:287px;
}
#tweet p{
	margin-bottom:7px;
}

h2#highlight_header{
	background:url('../images/highlight_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}
h2#archive_header{
	background:url('../images/archive_header.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-bottom:10px;
	overflow:hidden;
	padding-top:35px;
	width:313px;
}


/* End 4.2 Rightcol ------------- */

/*
---------------------------------------
	6.0 SUBPAGES
---------------------------------------
*/

/* 6.1 Leftcol ------------- */
#leftcol{
	float:left;
	margin-left:0;
	width:193px;
	word-wrap:break-word;
}

/* End 6.1 Leftcol ------------- */

/* 6.2 Subnav ------------- */
ul#subnav{
	background:url('../images/subnavbg.gif') left bottom no-repeat #f7f8fb;
	border:solid 5px #e8e8e8;
	margin:25px 0 0 0;
	padding:10px 0;
	width:193px;
}
ul#subnav li{
	list-style:none;
	margin:10px 0;
}
ul#subnav li a{
	background:url('../images/subnavarrow.gif') left top no-repeat;
	display:block;
	padding:6px 0 5px 20px;
	width:170px;
}
ul#subnav li a:hover{
	background:#244868;
	border-left:solid 5px #244868;
	display:block;
	padding:6px 8px 5px 10px;
	width:170px;
}
ul#subnav li a.on{
	background:#244868;
	border-left:solid 5px #244868;
	display:block;
	padding:6px 8px 5px 10px;
	width:170px;
}

/* Sub Subnav -------- */
ul#subnav li ul{
	background:none;
	padding:1px 0 10px 0;
}
ul#subnav li ul li{
	background:none;
	border-left:none;
}
ul#subnav li ul li a{
	background:url('../images/subarrow.gif') left 9px no-repeat;
	border-left:none;
	padding:5px 0 0 15px;
    width: 140px;
}
ul#subnav li ul li a:hover{
	background:url('../images/subarrow.gif') left 9px no-repeat;
	border-left:none;
	padding:5px 0 0 15px;
    width: 140px;
}
ul#subnav li ul li a.on{
	background:url('../images/subarrow.gif') left 9px no-repeat;
	border-left:none;
	padding:5px 0 0 15px;
    width: 140px;
}
/* End 6.2 Subnav ------------- */

/* 6.3 Midcol ------------- */
#midcol{
	float:left;
	margin:25px 0 0 40px;
	width:502px;
}
.pullout{
	background:url('../images/pulloutbg.gif') no-repeat left bottom #e6e9f1;
	margin:5px 0 15px 0;
	padding:10px 15px;
}
/* End 6.3 Midcol ------------- */

/* 6.4 Rightcol ------------- */

#rightcol{
	background:#ffffff;
	float:right;
	margin-top:25px;
	width:177px;
}

/* Quicklinks ------------- */
ul#quicklinks_sub{
	height:322px;
	left:0;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	width:175px;
	clear:both;
}
ul#quicklinks_sub li{
	list-style:none;
}
ul#quicklinks_sub li#sermons a{
	background:url('../images/quicklinks_sub.gif') 0 0 no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:84px;
	position:absolute;
	top:0;
	width:175px;
}
ul#quicklinks_sub li#sermons a:hover{
	background:url('../images/quicklinks_sub.gif') -175px 0 no-repeat;
}
ul#quicklinks_sub li#speeches a{
	background:url('../images/quicklinks_sub.gif') 0 -84px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:75px;
	position:absolute;
	top:84px;
	width:175px;
}
ul#quicklinks_sub li#speeches a:hover{
	background:url('../images/quicklinks_sub.gif') -175px -84px no-repeat;
}
ul#quicklinks_sub li#articles a{
	background:url('../images/quicklinks_sub.gif') 0 -159px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:76px;
	position:absolute;
	top:159px;
	width:175px;
}
ul#quicklinks_sub li#articles a:hover{
	background:url('../images/quicklinks_sub.gif') -175px -159px no-repeat;
}
ul#quicklinks_sub li#press a{
	background:url('../images/quicklinks_sub.gif') 0 -235px no-repeat;
	display:block;
	height:0;
	left:0;
	overflow:hidden;
	padding-top:87px;
	position:absolute;
	top:235px;
	width:175px;
}
ul#quicklinks_sub li#press a:hover{
	background:url('../images/quicklinks_sub.gif') -175px -235px no-repeat;
}

/* lambeth palace ------------- */
#lambethpalace{
	height:200px;
	margin-top:20px;
}
h2#lambethpalace_header{
	background:url('../images/lambethpalace_headersub.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	line-height:3em;
	margin-top:10px;
	overflow:hidden;
	padding-top:34px;
	width:177px;
}
#lambethpalace img{
	background:#e5e7e8;
	border:solid 1px #889caf;
	float:left;
	padding:4px;
}
#lambethpalace p{
	float:left;
	width:177px;
}
a#learnmore{
	background:url('../images/learnmore_buttonsub.gif') no-repeat;
	display:block;
	float:left;
	height:0;
	margin-top:4px;
	overflow:hidden;
	padding-top:30px;
	width:177px;
}

/* End 6.4 Rightcol ------------- */

/*
---------------------------------------
	7.0 FOOTER
---------------------------------------
*/
#footer{
	clear:both;
	padding-top:20px;
	height:24px;
}
.st_sharethis_button{
	float:left;
}
ul#secnav{
	float:left;
	margin:4px 0 0 10px;
	padding:0;
}
ul#secnav li{
	display:inline;
	list-style:none;
}
#copyright{
	float:right;
	margin-top:4px;
}
.gallery li{border:none !important;}