/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, CoCreate, matt@cocreatedesign.com
						for
						The Archdiocese of Liverpool
						10/06/2009
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
dark blue (titles & copy): #1C2D65
light blue: #00AEEF
dark purple (links): #4D245A	
dark turquoise (dates) : #0071AB
pale blue (panel backgrounds) : #D3E0EE		
--------------------------------------------------------------------
*/
*{margin:0;padding:0;}
html{min-height:100%;margin:0 0 1px 0;}
body{background:url(../images/page_top_bg.jpg) top center no-repeat;}
img{border:none;}
/* --------------------
		Structure
-----------------------*/
#wrapper{width:985px;margin:0 auto 0 auto; }
#page{width:985px; float:left; margin:0 0 0 0;}
#header{width:985px;height:140px; margin:0 0 5px 0;float:left;background-repeat:no-repeat;}
#header #logo{width:439px; height:116px; margin:11px 37px 0 0; float:left;}
#header #strapline{width:508px; height:43px; margin:97px 0 0 0; background:url(../images/banner_text.jpg) no-repeat; float:left;}

#pagefoot{width:985px; height:73px; background:url(../images/page_foot_bg.jpg) bottom no-repeat; padding:10px 0 0 0; float:left;}
#footer{width:965px; height:63px; padding:10px 10px 0 10px; margin:0 0 0 0; background:url(../images/footer_bg.jpg) repeat-x; font-size:0.7em; line-height:1.4em; }
#footer .leftlinks, #footer .leftlinks a, #footer .rightlinks, #footer .rightlinks a{color:#333333; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .leftlinks, #footer .rightlinks{width:450px;}
#footer .leftlinks{float:left;}
#footer .rightlinks{float:right;}
#footer .rightlinks ul{list-style:none; width:140px; float:right; text-align:right;}

/* -------- Top Menu --------*/
#topmenu{width:985px;height:23px;float:left;margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
#topmenu ul{list-style-type:none;}
#topmenu ul li{float:left; height:23px; text-align:center;}
#topmenu ul li a{display:block;float:left;text-decoration:none;color:#FFFFFF;text-align:center;padding:5px 0 0 0; background:url(../images/menu_bg_top.jpg) repeat-x; height:26px;}
#topmenu a:hover{background:url(../images/menu_bg_over.jpg) repeat-x;}
#topmenu ul li#tm_home a{width:90px;margin:0 1px 0 0;}
#topmenu ul li#tm_arch a{width:180px;margin:0 1px 0 0;}
#topmenu ul li#tm_curi a{width:128px;margin:0 1px 0 0;}
#topmenu ul li#tm_news a{width:120px;margin:0 1px 0 0;}
#topmenu ul li#tm_conf a{width:165px;margin:0 1px 0 0;}
#topmenu ul li#tm_jobs a{width:130px;margin:0 1px 0 0;}
#topmenu ul li#tm_links a{width:60px;margin:0 1px 0 0;}
#topmenu ul li#tm_contact a{width:105px;margin:0 0 0 0;}
/* ----------- END Top Menu ----------*/

/* --------------------
		Left Column
-----------------------*/
#leftcol{width:184px; float:left;}

#mailinglist, #search{width:174px; background:url(../images/link_bg.jpg) repeat-y; padding:5px 5px 5px 5px; float:left; margin:0 0 5px 0;}
#mailinglist label{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#FFFFFF;}
#mailinglist input{float:left; padding:3px 0 0 0;}
#mailinglist input.text{width:137px; padding:3px; margin:3px 7px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

#search label{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#FFFFFF; float:left; width:50px; padding:5px 0 0 0;}
#search input{float:left;}
#search input.text{width:87px; padding:3px; margin:0 7px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}

/* ----------- Left Menu ----------*/
#leftmenu{width:184px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin:0;}
#leftmenu ul{width:184px; float:left;}
#leftmenu ul li{width:184px; list-style-type:none;}
#leftmenu ul li a.menu{padding:7px 0 7px 10px; display:block; width:174px; background:url(../images/menu_left_bg.jpg) repeat-x; color:#1C2D65; text-decoration:none;}
#leftmenu ul li ul li {background-color:#E2E3E5;}
#leftmenu ul li ul li a.menu{padding:7px 0 7px 20px; width:164px; }
#leftmenu ul li a.menu:hover, #leftmenu ul li ul li a.menu{ background:url(../images/menu_left_bg_over.jpg) repeat-x;}
#leftmenu ul li ul li a.menu:hover{text-decoration:underline;}
/* ----------- END Left Menu ----------*/

.link{width:179px; padding:5px 0 5px 5px; background:url(../images/link_bg.jpg) repeat-y; color:#FFFFFF; text-decoration:none; float:left; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; cursor:pointer;}
.link:hover{text-decoration:underline;}
.link img{float:right;}
.link span{float:left; width:159px; padding:3px 0 5px 0;}

#leftlinks{width:179px;float:left;}
#leftlinks div{clear:both;}
#leftlinks a.link{padding:7px 0 7px 10px; height:19px; display:block; width:174px; background:url(../images/menu_left_bg.jpg) repeat-x; color:#1C2D65; text-decoration:none; margin:0; overflow:hidden;}
#leftlinks a.link:hover{ background:url(../images/menu_left_bg_over.jpg) repeat-x;}
/* --------------------
		Content
-----------------------*/
#content{width:587px; float:left; margin:0 0 10px 10px;}
#content.calendar{width:779px;}

#body{width:560px; padding:10px; background:url(../images/content_bg.jpg) repeat-x bottom #F9F9F9; float:left;}
#content.calendar #body{width:759px; }
/* --------------------
		Items
-----------------------*/
.item{float:left;}

#homenews{float:left; height:202px; background:url(../images/home_panel_bg.jpg) repeat-x; padding:10px; width:557px; margin:0 0 10px 0;}
#homenews .image{width:370px; height:200px; float:left;}
#homenews .textarea{background-color:#000000; opacity:0.7;filter:alpha(opacity=70); width:355px; padding:5px 10px 5px 5px; height:70px; margin:120px 0 0 0; color:#FFFFFF; font-size:0.8em; line-height:1.4em;}
#homenewslinks{width:184px; float:left; margin:20px 0 0 0;}
#homenewslinks .link{height:35px; width:179px; padding:2px 0 3px 5px; background:url(../images/link_bg.jpg) repeat-y; color:#FFFFFF; text-decoration:none; float:left; margin:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.75em;}
#homenewslinks .link img{float:right; margin:5px 0 0 0;}
#homenewslinks .link span{float:left; width:159px; padding:3px 0 0 0;}

#homemap{width:382px; height:220px; float:left; margin:0 10px 10px 0; background-image:url(../images/map.jpg);}
.home_itemsmall{width:165px; padding:5px 10px 5px 10px; height:210px; margin:0 10px 10px 0; float:left; background:url(../images/home_panel_bg.jpg) repeat-x bottom;}
.home_itemlarge{width:362px; padding:5px 10px 5px 10px;  height:210px; margin:0 10px 10px 0; float:left; background:url(../images/home_panel_bg.jpg) repeat-x;}
.home_itemsmall .title, .home_itemlarge .title{font-family:Georgia, "Times New Roman", Times, serif; color:#1C2D65; font-size:0.9em; padding:0 0 5px 0; border-bottom:dotted 1px #1C2D65; margin:0 0 10px 0;}
.home_itemsmall .title{width:165px;}
.home_itemlarge .title{width:350px;}
.home_itemsmall img{float:left; margin:0 0 10px 0;}
.home_itemlarge img{float:left; margin:0 10px 10px 0;}
.home_itemsmall .text, .home_itemlarge .text{font-size:0.7em; color:#1C2D65; float:left; width:155px; line-height:1.4em;}
.home_itemsmall .text a, .home_itemlarge .text a{color:#4D245A; font-weight:bold;}

.item_news{width:560px; border-bottom:dotted 1px #1C2D65; padding:10px 0 20px 0; float:left;}
.item_news .image{float:left; margin:0 5px 0 0; width:69px; height:71px;}
.item_news .title{width:470px; color:#1C2D65; font-size:0.9em; border-bottom:dotted 1px #1C2D65; margin:0 0 10px 0; padding:0 0 10px 0; float:left;}
.item_news .text{width:265px; line-height:1.4em; font-size:0.7em; color:#1C2D65; float:left; margin:0 20px 0 0;}

.item_news_archive{width:560px; border-bottom:dotted 1px #1C2D65; padding:10px 0 10px 0; float:left;}
.item_news_archive .title, .ahead_toggler{ cursor:pointer; width:400px; color:#1C2D65; font-size:0.8em; margin:0 40px 0 0; padding:0;float:left;}
.item_news_archive .title:hover{text-decoration:underline;}
.item_news_archive .text, .ahead_text{width:400px; color:#1C2D65; font-size:0.7em; margin:0 40px 0 0; padding:0;float:left;}
.item_news_archive .moredetails{width:100px; color:#00AEEF; font-size:0.8em; text-decoration:none; padding:0; float:left;}
.item_news_archive .moredetails:hover{text-decoration:underline;}

.item_vicariates{width:160px; height:235px; padding:10px; margin:0 5px 5px 0; float:left; overflow:hidden; background:url(../images/vicariates_bg.jpg) repeat-x;}
.item_vicariates .title{width:150px; color:#1C2D65; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; margin:0 0 10px 0; padding:0 0 10px 0;float:left; border-bottom:dotted 1px #1C2D65;}
.item_vicariates .image{float:left; margin:0 0 10px 0;}
.item_vicariates .text{width:150px; line-height:1.4em; font-size:0.7em; color:#1C2D65; float:left; margin:0;}
.item_vicariates .text a{color:#00AEEF;text-decoration:none;}
.item_vicariates .text a:hover{text-decoration:underline;}

.item_text{width:550px; padding:0 0 10px 10px; float:left;}
.item_text .title{color:#1C2D65; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:dotted 1px #1C2D65;}
.item_text .text{line-height:1.4em; font-size:0.7em; color:#1C2D65;}

.item_text_image{width:550px; padding:0 0 10px 10px;  float:left;}
.item_text_image .title{color:#1C2D65; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:dotted 1px #1C2D65;}
.item_text_image .text{width:550px; margin:0 20px 0 0; line-height:1.4em; font-size:0.7em; color:#1C2D65; float:left;}
.item_text_image .text img{width:249px; margin:0 0 10px 20px; float:right; clear:right;}
.item_text_image .text img.narrow{width:149px;}
.item_text_image .image{width:250px; float:left;}

.text ul{margin:15px 0 15px 15px;}
/*-------------------------------------
		Latest News  26/02/10
-------------------------------------*/
.newsBrief{width:100%;margin:0 0 33px 0;}
.newsBrief td{vertical-align:top; border-bottom:dotted 1px #1C2D65;}
.newsBrief td.img{padding:0 15px 15px 0;}
.newsBrief td.title{color:#1C2D65; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1em; padding:0 0 7px 0; }
.newsBrief td.details{line-height:1.4em; font-size:0.7em; color:#1C2D65; padding:7px 20px 15px 0; }
.newsBrief td.btn{width:149px; padding:7px 0 15px 0;}
.newsBrief td.btn a.link{width:149px; background:url(../images/link_bg.jpg) repeat-y right;}
.newsBrief td.btn a.link span{float:left; width:125px; padding-left:5px;}
.newsBrief td.space{width:100%;height:15px;border:none;}

.titleBlue{width:100%;background:url(../images/title_blue_bg.jpg) repeat-y;padding:8px 0 8px 8px;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif;font-weight:100;font-size:1em;}
.newsUltraBrief{width:100%;font-family:Arial, Verdana, Helvetica, sans-serif;}
.newsUltraBrief td{font-size:0.75em; font-weight:bold; padding:8px 0 8px 0;color:#1C2D65;border-bottom:dotted 1px #1C2D65;}
.newsUltraBrief a.lBlue{color:#2BAAE2; text-decoration:none;}
.newsUltraBrief a.lBlue:hover{text-decoration:underline;}
.newsUltraBrief td.tdDate{width:70px;}
.newsUltraBrief td.more{width:120px;}
/*-----------------------------------*/
/* Accordion */
.item_accordion_text, .item_accordion_image{width:560px; float:left;}
.toggler{cursor: pointer;width:540px; height:15px; padding:10px; background:url(../images/title_blue_bg.jpg) repeat-y; font-size:1em; color:#FFFFFF; float:left; margin:5px 0 5px 0;}
.toggler:hover{text-decoration:underline;}
.element{width:560px; margin:0; padding:0 0 10px 0; float:left;}
.item_accordion_text .text{width:560px; margin:0; line-height:1.4em; font-size:0.7em; color:#1C2D65; float:left;}
.item_accordion_image .text{width:560px; margin:0 20px 0 0; line-height:1.4em; font-size:0.7em; color:#1C2D65; float:left;}
.item_accordion_image .text img{width:249px; margin:0 0 10px 20px; float:right; clear:right;}
.item_accordion_image .text img.narrow{width:149px;}
.item_accordion_image .image{width:250px; float:left;}


.gallery_photo{width:540px; height:395px; padding:15px 15px 15px 15px; background:url(../images/photo_bg.gif) no-repeat;}
.gallery_photo img{margin:0 0 15px 0;}
.gallery_photo .text{width:540px;  line-height:1.4em; font-size:0.7em; color:#1C2D65; height:45px; overflow:hidden;}
.gallery_thumbs{width:570px; margin:10px 0 0 0;}
.gallery_thumbs img{margin:0 1px 5px 1px;}

.item_calendar{width:100px; height:170px; float:left; margin:4px; overflow:hidden;}
.item_calendar_text{width:90px; height:160px; float:left; padding:5px; margin:4px; background-color:#D3E0EE; overflow:hidden;}
.item_calendar_text .number{color:#0071AB; line-height:1.4em; font-size:0.9em; font-weight:bold;}
.item_calendar_text .title, .ahead_toggler{color:#1C2D65; line-height:1.4em; font-size:0.8em; font-weight:bold; }
.item_calendar_text .text, .ahead_text{color:#1C2D65; line-height:1.4em; font-size:0.7em; }

/* --------------------
		Right Column
-----------------------*/
#rightCol{width:192px; padding:10px 0 0 5px; float:left;}
#message{width:192px; margin:0 0 10px 0;}
#message .top{width:192px; height:53px; background:url(../images/message_bg_top.jpg) no-repeat; float:left;}
#message .mid{width:172px; padding:0 10px 0 10px; background:url(../images/message_bg_middle.jpg) repeat-y; float:left; font-size:0.8em; line-height:1.4em; color:#1C2D65;}
#message .bottom{width:192px; height:32px; background:url(../images/message_bg_bottom.jpg) no-repeat; float:left;}

#rightpanel{width:192px; float:left; margin:0 0 10px 0;}
#rightpanel .top{width:172px; height:28px; padding:10px 10px 0 10px; text-align:center; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#FFFFFF; background:url(../images/sidepanel_title_bg.jpg) repeat-x;}
#rightpanel .middle{width:192px; float:left;}
#rightpanel .bottom{width:172px; height:45px; padding:5px 10px 0 10px; float:left; background:url(../images/sidepanel_link_bg.jpg) repeat-x; line-height:1.4em; font-size:0.8em;}
#rightpanel .bottom a{color:#FFFFFF; text-decoration:underline;}

#rightpanelRSS{width:192px; margin:0 0 10px 0;}
#rightpanelRSS .topRSS{width:170px; height:28px; padding:10px 10px 0 10px; text-align:center; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.7em; color:#FFFFFF; background:url(../images/rss_title_bg.jpg) no-repeat;}
#rightpanelRSS .middleRSS{width:192px; padding:5px 0 5px 0;  height:190px; float:left; background:url(../images/rss_bg.jpg) no-repeat; font-size:0.7em; overflow:hidden;}
#rightpanelRSS .bottomRSS{width:162px; padding:5px 0 0 10px; float:left; color:#00328d;}
#rightpanelRSS .bottomRSS .readmore{color:#653276;}

/* --------------------
		Forms
-----------------------*/
#form_contact{margin:30px 0 0 0;}
#form_contact div{padding:10px; font-size:11px;}
#form_contact .form_text{width:400px; height:20px; border:solid 4px #A6D6EB; margin:5px 0 10px 0; padding:5px;}
#form_contact .form_textarea{width:400px; height:200px; border:solid 4px #A6D6EB; padding:5px;  margin:5px 0 10px 0;}
#form_contact .form_text:hover, #form_contact .form_textarea:hover, #form_contact .form_text:focus, #form_contact .form_textarea:focus{border:solid 4px #00a3eb;}
#form_contact{color:#142c4f;}
#form_contact .form_text, #form_contact .form_textarea{font-size:1.2em; color:#666666;}

/* --------------------
		Typography
-----------------------*/
/*set all fonts*/
*{font-family:Arial, Verdana, Helvetica, sans-serif;}
.date{font-family:"Times New Roman", Times, serif;}

.green{color:#009900;}

h1,h2,h3 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1{font-size:1.2em; color:#1C2D65;}

.hometitle{width:567px; height:34px; padding:10px 0 0 10px; float:left; background:url(../images/title_bg.jpg) repeat-x; }

#pagetitle{height:45px; padding:10px; background:url(../images/title_blue_border_bg.jpg) repeat-x; margin:0 0 10px 0;}
#pagetitle h1{height:25px; padding:10px; background:url(../images/title_blue_bg.jpg) right repeat-y #01B0F1; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#FFFFFF;}

.sectiontitle{width:540px; height:15px; padding:10px; background:url(../images/title_blue_bg.jpg) repeat-y; font-size:1em; color:#FFFFFF; float:left; margin:10px 0 10px 0;}
.lookingahead{width:590px; height:15px; padding:10px; background:url(../images/title_blue_bg.jpg) repeat-y; font-size:1em; color:#FFFFFF; float:left; margin:10px 0 10px 0;}