/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, Partner @ CoCreate, matt@cocreatedesign.com
						for
						Diocese of Liverpool
						01/03/2008
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						#accordion added 6.08.09 - MC
						.toggler added 6.08.09 - MC
						.element added 6.08.09 - MC
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
dark blue text: #24408F
grey body copy: #6D6F71	
purple menu links: #5E3A7A
grey menu bg: #DCDDDE			
--------------------------------------------------------------------
*/
*{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
html{
min-height:100%;
margin:0 0 1px 0;
}
body{
background:url(../images/gr_web_bg.gif) repeat-x;
}

/* --------------------
		Structure
-----------------------*/
#holder{
width:824px;
margin:10px auto 0 auto;
}
#banner{
width:824px;
height:160px;
float:left;
}
#banner img{
float:left;
}
#page{
background:url(../images/gr_page_bg.gif) repeat-y;
width:824px;
float:left;
}
#centre{
float:left;
margin:0 0 0 20px;
}
#footer{
background:url(../images/gr_footer.gif) no-repeat;
width:824px;
height:80px;
padding:20px 0 0 0;
margin:0 0 20px 0;
float:left;
}
#crumb{
width:804px;
float:left;
padding:5px 0 5px 25px;
font-size:0.7em;
}
#leftCol{
width:153px;
float:left;
display:inline;
margin:0 0 0 20px;
}
#rightCol{
float:left;
width:160px;
display:inline;
margin:0 0 0 0;
}
#rightCol img{
margin:0 0 10px 0;
}
#rightCol #bishopjames{
width:140px;
height:90px;
font-size:0.7em;
line-height:1.3em;
color:#24408F;
padding:165px 10px 0 10px;
background:url("../images/rightad_bishop_james.jpg");
}
#bishopjames p{
color:#24408F;
line-height:1.3em;
height:48px;
}
#bishopjames img{
float:right;
border:none;
}
#rightCol .rightad{
margin:15px 0 0 0;
width:130px;
height:106px;
padding:8px 15px 0 15px;
background:url("../images/rightad_bg.gif");
}
#rightCol .rightad p a{
float:left;
width:100px;
}
#rightCol .rightad a img.btnmore{
float:right;
border:none;
width:25px;
margin:0;
}

.homeDiv{
width:455px;
float:left;
margin:0 0 0 15px;
}
.pageDiv{
width:620px;
margin:0 0 0 5px;
float:left;
padding:5px 0 0 5px;
}
/* ---------------------------
		Structural Items
-----------------------------*/
#credits{
width:784px;
padding:0 20px 0 20px;
height:22px;
float:left;
color:#6D6F71;
font-size:0.6em;
}
#mailist{
width:151px;
height:60px;
padding:0px;
}
/* -- Forms -- */

form.search, #mailist{
float:inherit;
background:url(../images/gr_search_bg.gif) no-repeat;
color:#24408F;
}
form.search{
width:141px;
height:50px;
padding:5px 5px 5px 5px;
}
form.search label{
width:141px;
height:15px;
display:block;
margin:0 0 2px 0;
float:left;
font-size:0.8em;
}
form.search input{
border:none;
width:110px;
height:18px;
float:left;
background-color:#DCDDDE;
margin:5px 5px 0 0;
}
form.search input.submit{
margin:0;
border:none;
float:left;
width:25px;
height:25px;
background:url(../images/gr_search_btn.gif) no-repeat;
}
.advSearch, .advSearch fieldset{
padding:20px;
}
/* -- End Forms -- */

#address{
margin:10px 0 0 0;
width:136px;
height:215px;
padding:5px 10px 5px 5px;
float:left;
overflow:hidden;
font-size:0.7em;
line-height:1.3em;
color:#24408F;
background:url(../images/gr_address.gif) no-repeat;
}
#address img{
margin:10px 0 0 0;
}
#address br{
line-height:0.7em;
}
#address a.linkbutton{
display:block;
width:101px;
height:20px;
padding:5px 0 0 10px;
background:url(../images/gr_bg_directions.gif);
}
#address a.linkbutton, #address a img{
float:left;
border:none;
margin:0;
}
#git{
margin:10px 0 0 0;
width:136px;
height:100px;
padding:5px 10px 5px 5px;
float:left;
overflow:hidden;
font-size:0.7em;
line-height:1.3em;
color:#24408F;
background:url(../images/gr_getintouch.gif) no-repeat;
}
.newsDiv h2{
padding:10px;
width:100%;
background:url(../images/gr_title_bg.gif) top repeat-x; 
}
.homeItem, .homeItemImg, .pageDiv{
background:url(../images/gr_title_bg.gif) top repeat-x; 
}
#item{
float:left;
margin:0 0 10px 0;
padding:5px;
overflow:hidden;
}
#item img{
margin:0 0 10px 0;
}
.homeItem, .homeItemImg{
width:190px;
height:235px;
overflow:hidden;
}

.homeItem p{
overflow:hidden;
}
.homeItem img, .homeItem p{
float:left;
}

a#moreDetails{
display:block;
width:144px;
height:24px;
padding:7px 0 0 15px;
margin:20px 0 0 0;
font-size:1.2em;
color:#24408F;
background:url(../images/gr_moredetails.gif) no-repeat;
overflow:hidden;
}
/* --------------------
		Typography
-----------------------*/

p{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#item, #mailist{
color:#333333;
font-size:0.7em;
line-height:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#item li{
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type:disc;
list-style:disc;
margin:0 0 0 20px;
}
#rightCol{
font-size:0.8em;
}
h1 {
color:#24408F;
font-size:1.2em;
margin-bottom:0.9em;
font-weight:normal;
}
#item h2{
color:#24408F;
font-size:1.4em;
padding-bottom:0.4em;
margin-bottom:0.4em;
font-weight:normal;
}
h2 {
color:#24408F;
font-size:1.2em;
padding-bottom:0.4em;
margin-bottom:0.4em;
font-weight:normal;
border-bottom:dotted 1px #24408F;
}

#credits a{
margin:0 0 0 10px;
color:#333333;
}
#credits p{
font-size:1em;
}
#credits p.copyr{
width:395px;
padding:0 0 0 5px;
float:left;
font-size:1em;
}
#credits p.links{
width:380px;
text-align:right;
float:right;
font-size:1em;
}
#credits p.links a{
text-decoration:none;
}
#credits p.links a:hover{
color:#999999;
}
#credits p.credit{
width:200px;
padding:0 5px 0 0;
float:right;
text-align:right;
}
/* --------------------------------------
		Main Menu (Tree menu)
---------------------------------------*/
#menuHolder{
width:151px;
float:inherit;
margin:10px 0 10px 0;
font-size:0.6em;
}
#menuHolder a{
text-decoration:none;
}

.treemenu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-top:3px;
padding-bottom:3px;
border-top:#6D6F71 dotted 1px;
}
.treemenu li .menu{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
display:block;
width:145px;
padding:0.6em 0 0.6em 5px; 
color:#5E3A7A;
}
.treemenu li .menu:hover{
background-color:#DCDDDE;
}

.treemenu li ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
border:none;
}
.treemenu li ul li .menu{
color:#994FA4;
background-color:#F4F4F4;
padding:5px 0 5px 15px;
width:141px;
}
.treemenu li ul li ul li .menu{
color:#2929A9;
padding:5px 0 5px 25px;
background-color:#FFFFFF;
width:131px;
}
.treemenu li ul li a.menu:hover{
background:none;
}

#sitemap, .searchResults, .advSearch{
font-size:0.8em;
}
.searchResults td{
border-bottom:dotted 1px #D0E1F4;
padding:10px;
}
#sitemap ul{
margin:0 0 0 20px;
}

/* NEW */
#accordion{width:350px; float:left;}
.toggler{width:350px; height:26px; padding:5px 0 5px 0; color:#24408F; border-top:dotted 1px #24408F; border-bottom:dotted 1px #24408F; font-size:16px; font-weight:normal; float:left; background:url(../images/accordionarrow.jpg) right no-repeat; cursor:pointer;}
.element{width:340px;}

.newsevents{border-bottom:dotted 1px #24408F;}
.neItem{float:left;padding:8px;overflow:hidden;color:#333333;border:solid 1px #CCCCCC;font-size:0.7em;line-height:1.4em;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 10px 10px 0; width:170px; height:295px; background:url(../images/gr_title_bg.gif) top repeat-x;}
.newsevents h2, .newsevents img{float:left;}
.neItem h2{height:50px;}
.neItem .textarea{height:80px; width:170px; margin:0 0 20px 0; overflow:hidden;float:left;display:block;}
.neItem .textarea a{color:#24408F; text-decoration:underline;}

.link{display:block; width:163px; height:33px; padding:7px 0 0 7px; background:url(../images/bg_link.gif) right no-repeat; float:left;}
.archivelink{display:block; width:383px; height:21px; padding:7px 0 0 7px; background:url(../images/bg_archived.gif) no-repeat; border-top:dotted 1px #24408F; border-bottom:dotted 1px #24408F;margin:0 0 5px 0; font-size:0.7em;float:left;}

#neWrapper{width:625px; float:left;}

#homenews{width:415px; float:left; height:250px; padding:10px 0 0px 10px; background:url(../images/bg_homenews.gif) no-repeat;}
#homenews h2{padding:0 0 5px 0; margin:0 0 5px 0; width:395px;}
#newscontainer{width:395px; height:180px;}
#news1, #news2, #news3{width:275px; height:175px; float:left;}
#news2, #news3{display:none;}
#homenews .textarea{width:265px; height:47px; padding:5px; margin:118px 0 0 0; color:#FFFFFF; font-size:11px; overflow:hidden; background-color:#000000; float:left;filter:alpha(opacity=75);opacity: 0.75;-moz-opacity:0.75;}
.textarea a{color:#FFFFFF;filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}
#newsbuttons{width:120px; height:175px; float:left;}
#newsbuttons .homeblue{width:110px; height:47px; padding:5px; background:url(../images/bg_homeblue.gif) no-repeat; color:#FFFFFF; font-size:11px; display:block;}

#bookmark{ border-top:dotted 1px #24408F; text-align:center; float:left; width:780px; margin:5px 0 5px 25px; padding:5px 0 5px 0;}

/*---------------------------
	   SEARCH FACILITY
-----------------------------*/

.search_text{line-height:1.4em; font-size:0.8em; color:#1C2D65; margin:0 0 10px 0;}
.green{color:#009900;}

.search_title{font-size:1em; color:#1C2D65;}
.advSearch_text{width:400px; height:20px; border:solid 4px #A6D6EB; margin:5px 0 10px 0; padding:5px;}