/* 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
						----------
						
						
						--------------------------------------------

## 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:144px;
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;
margin:0 0 0 20px;
}
#rightCol{
float:left;
width:160px;
margin:0 0 0 0;
}
#rightCol img{
margin:0 0 10px 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:121px;
height:30px;
padding:15px 15px 15px 15px;
}
/* -- 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:131px;
height:160px;
padding:5px 10px 5px 10px;
float:left;
overflow:hidden;
font-size:0.7em;
line-height:1.3em;
color:#24408F;
background:url(../images/gr_address.gif) no-repeat;
}
#address br{
line-height:0.7em;
}

.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;
margin-bottom:0.9em;
font-weight:normal;
}
h2 {
color:#24408F;
font-size:1.2em;
margin-bottom:0.9em;
font-weight:normal;
}

#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:1.4em;
}
#credits p.links{
width:380px;
text-align:right;
float:right;
font-size:1.4em;
}
#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{
display:none;!important
}
#menuHolder a{
text-decoration:none;
}
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
border-bottom:#6D6F71 dotted 1px;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
list-style-type: none;
padding-top:2px;
padding-bottom:2px;
border-top:#6D6F71 dotted 1px;
}
.treeview li a.menu{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
display:block;
width:151px;
padding:0.6em 0 0.6em 5px; 
color:#5E3A7A;
}
.treeview li a.menu:hover{
background-color:#DCDDDE;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
border:none;
}
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
border:none;
}
.treeview .submenu ul li a.menu{
color:#994FA4;
background-color:#F4F4F4;
padding:5px 0 5px 15px;
width:141px;
}
.treeview .submenu ul li ul li a.menu{
color:#2929A9;
padding:5px 0 5px 25px;
background-color:#FFFFFF;
width:131px;
}
.treeview .submenu 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;
}