﻿div.home-intro
{
width               : 938px;
border              : 1px solid #999;
overflow            : hidden;
margin              : 9px 0px 0px 0px;
}

div.home-intro div.left
{
display             : block;
float               : left;
width               : 339px;
padding             : 9px 20px 0px 32px;
}

div.home-intro div.left p.header
{
margin              : 15px 0px 0px 0px;
height              : 0px;
overflow            : hidden;
padding-top         : 83px;
width               : 233px;
background-image    : url(../resources/v1/images/Home/welcome-to-barnsley-hospice.gif);
background-repeat   : no-repeat;
}

div.home-intro div.left h2, div.home-intro div.left h3, div.home-intro div.left h4
{
color               : #666;
line-height         : 15px;
font-size           : 75%;
margin              : 0px 0px 15px 0px;
font-weight         : normal;
}

div.home-intro div.right
{
display             : block;
float               : left;
width               : 547px;
}

div.home-intro div.right div.imagemask
{
position			: relative
}

div.home-intro div.right div.imagemask img.mask
{
z-index				: 999;
position			: absolute;
}

div.home-intro div.right div.imagemask img
{
z-index				: 1;
position			: absolute;
}

*+html div.home-intro div.right div.imagemask img.mask
{
height				: 263px;
}

*+html div.home-intro div.right div.imagemask img
{
padding-left		: 20px;
height				: 263px;
}

*html div.home-intro div.right div.imagemask img.mask
{
height				: 263px;
}

*html div.home-intro div.right div.imagemask img
{
padding-left		: 20px;
height				: 263px;
}

div.home-bottom-wrapper
{
width               : 940px;
overflow            : hidden;
padding             : 8px 0px 0px 0px;
}

div.home-bottom-wrapper div.latest-news
{
width               : 266px;
overflow            : hidden;
float               : left;
margin-right        : 5px;
}

div.home-bottom-wrapper div.latest-news div.news-wrapper, div.home-bottom-wrapper div.upcoming-events div.events-wrapper
{
border              : 1px solid #999;
border-top          : 0px solid #999;
min-height          : 198px;
}

* html div.home-bottom-wrapper div.latest-news div.news-wrapper, * html div.home-bottom-wrapper div.upcoming-events div.events-wrapper
{
height          : 198px;
}

div.home-bottom-wrapper div.latest-news p, div.home-bottom-wrapper div.upcoming-events p
{
background-image    : url(../resources/v1/images/Home/home-header-news.gif);
background-repeat   : no-repeat;
background-color    : #F55F00;
font-size           : 85%;
font-weight         : bold;
line-height         : 29px;
color               : #FFF;
padding             : 0px 0px 0px 10px;
margin              : 0px;
}

div.home-bottom-wrapper div.latest-news h5, div.home-bottom-wrapper div.upcoming-events h5
{
margin              : 0px;
font-size           : 70%;
color               : #666;
padding             : 10px 8px 10px 8px;
border-bottom       : 1px dashed #999;
overflow            : hidden;
}

div.home-bottom-wrapper div.latest-news h5 a, div.home-bottom-wrapper div.upcoming-events h5 a
{
color               : #666;
text-decoration     : none;
display             : block;
width               : 246px;
overflow            : hidden;
}

div.home-bottom-wrapper div.latest-news h5 strong, div.home-bottom-wrapper div.upcoming-events h5 strong
{
color               : #333;
}

div.home-bottom-wrapper div.latest-news h5 span.date, div.home-bottom-wrapper div.upcoming-events h5 span.date
{
font-weight         : normal;
display             : block;
}

div.home-bottom-wrapper div.latest-news h5 span.copy, div.home-bottom-wrapper div.upcoming-events h5 span.copy
{
font-weight         : normal;
display             : block;
}

div.home-bottom-wrapper div.latest-news h5 img, div.home-bottom-wrapper div.upcoming-events h5 img
{
display             : block;
float               : left;
margin              : 0px 8px 5px 0px;
}

div.home-bottom-wrapper div.upcoming-events
{
width               : 266px;
overflow            : hidden;
float               : left;
margin-right        : 5px;
}

div.home-bottom-wrapper div.upcoming-events p
{
background-image    : url(../resources/v1/images/Home/home-header-events.gif);
background-color    : #126BA7;
}

div.home-bottom-wrapper div.upcoming-events h5.last,div.home-bottom-wrapper div.latest-news h5.last
{
border-bottom       : 0px;
}

div.home-bottom-wrapper div.bottom-right-banners
{
width               : 398px;
overflow            : hidden;
float               : left;
}

div.home-bottom-wrapper div.bottom-right-banners h5
{
background-repeat   : no-repeat;
overflow            : hidden;
margin              : 0px 0px 5px 0px;
}

div.home-bottom-wrapper div.bottom-right-banners h5 a
{
display             : block;
width               : 398px;
height              : 0px;
padding-top         : 73px;
overflow            : hidden;
background-repeat   : no-repeat;
}

div.home-bottom-wrapper div.bottom-right-banners h5.donate a
{
background-image    : url(../resources/v1/images/Home/donate-banner.gif);
}

div.home-bottom-wrapper div.bottom-right-banners h5.just-giving a
{
background-image    : url(../resources/v1/images/Home/giving.gif);
}

div.home-bottom-wrapper div.bottom-right-banners h5.volunteers a
{
background-image    : url(../resources/v1/images/Home/volunteers.gif);
}

div.home-bottom-wrapper div.bottom-right-banners h5.lottery a
{
background-image    : url(../resources/v1/images/Home/lottery.gif);
}

div.home-bottom-wrapper div.bottom-right-banners h5.facebook a
{
background-image    : url(../resources/v1/images/Home/facebook.gif);
}
