* /*Set's border, padding and margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
    border: 0;
}
body, html 
{
    color: #000; 
    font-family: Verdana, Arial, Tahoma, sans-serif;
    disabled_background:url(../images/bg-body.gif);
    height:97%;
}
#skip
{
    display:none;
}
body {
    font-size: 70%;
}
a
{
    color: #000099;
}
table {
    color: #494949;
	margin-left:10px;
}

h1 a, #header h2
{
    color: #fff;
}
.clear 
{ 
    clear: both; 
}
#mainContainer 
{
    margin: 0 auto;
	position: relative;
    min-height:97%;
    width:1212px;
    background:#add8e6 url(../images/bg-right.gif) top right repeat-y;
    background-color:#ffffff;
    padding:0 10px 0 9px;
    height:100%;
    voice-family:"\"}\"";
    voice-family:inherit;
    height: auto;
}
* html #mainContainer 
{
    height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
    width: expression(document.body.clientWidth > 1212? "1210" : "auto");
}
/**************************
HEADER
**************************/
#header 
{
/*    background:url(../images/banner-home.jpg) no-repeat;
    background: url(../images/bg-banner.gif) repeat-x; */
    height:150px;
}
#header a
{
    display:block;
    float:left;
    height:150px;
    width:186px;
/*    background:url(../images/boystown-logo.jpg); */
    text-indent:-9999em;
}
#header #search
{
    width:204px;
    height:111px;
    float:right;
}

fieldset legend 
{
    display:none;
}

fieldset.searchform p,fieldset.searchform form
{
    float:left;
    margin:105px 0 0 3px;
}

fieldset.searchform form 
{
	width: 170px;
	height: 30px;
}

/***Breadcrum****/
.breadcrum
{
    padding:5px 0 0 160px;
    background:#e5e5e1;
    clear:both;
}
.breadcrum ul
{
    list-style:none;
}
.breadcrum ul li
{
    float:left;
}
.breadcrum ul li a
{
    color:#ec008c;
}
.breadcrum ul li a:hover
{
    text-decoration:underline;
    color:#ec008c;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer 
{
    border-left: 155px solid #fff; /*** This is the width and the color for our left column ***/
    border-right: 195px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer 
{
/*** No need for hacking IE on this layout ***/
}
.outerhome 
{
    border-left: 155px solid #fff; /*** This is the width and the color for our left column ***/
}
.inner 
{
    width: 100%; 
    background:#ffffff 
}
.float-wrap-fp {
    width: 100%;
    margin-left: -155px; /*** Same length as .outer border-left but with negative value ***/
    background:#ffffff 
}
.float-wrap {
    float: left;
    width: 100%;
    margin-left: -155px; /*** Same length as .outer border-left but with negative value ***/
    background:#ffffff 
}
#content {
    float: right;
    margin-right: -155px;  /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
    background:#ffffff url(../images/bg-top-center.gif) 0 0 repeat-x;
}
* html #content {
    position: relative;
}
.contentWrap{
    margin-left:6px;
	margin-top: 10px; //* new *//
}
.contentWrap ol, .contentWrap ul {
    margin: 3px 0 5px 35px;
}
.contentWrap li {
    padding-bottom: 2px;
}

/***************
Common Class For Main Content
************/
.fonts
{
    float:right;
    ___list-style:none;
    padding-top:10px;
}
.fonts
{
    display:none;
}
ul.fonts li
{
    float:left;
    height:17px;
    border-right:solid 1px #494949;
    padding:0 10px;
}
ul.fonts li a
{
    float:left;
    display:block;
    text-indent:-9999em;
    width:10px;
    height:17px;
}
a#smalla
{
    background:url(../images/btn_decrease.gif) 0 6px no-repeat;
}
a#biga
{
    background:url(../images/btn_increase.gif) 0 4px no-repeat;
}
ul.fonts li.last
{
    border:none;
}
/****
Normal Page
****/
.normalpage h1, .normalpage .intro
{
    margin:10px 0 0 12px;
}
.normalpage h3 {
    margin:10px 0 0 12px;
}
.normalpage a:hover
{
    text-decoration:underline;
}
.normalpage h1
{
    float:left;
}
.normalpage .intro
{
    clear:left;
    font-size: 14px;
    color:#00aeef;
    font-weight:normal;
    padding:6px 25px 12px 0;
    background:url(../images/line-divider.gif) bottom left repeat-x;
}

.bannerimage-b2b
{
    margin:15px 0 0 0;
    height:226px;
    padding-top:1px;
    background:url(../images/banner-b2b.jpg) 0 0 no-repeat;
}
.bannerimage-don
{
    margin:15px 0 0 0;
    height:226px;
    padding-top:1px;
    background:url(../images/banner-donation.jpg) 0 0 no-repeat;
}
.bannerimage-reflection
{
    margin:15px 0 0 0;
    height:226px;
    padding-top:1px;
    background:url(../images/banner-reflection.jpg) 0 0 no-repeat;
}
#content .citrus {
	font-weight: bold;
    font-size: 120%;
	color: #F9A61A;
}
#content .aqua {
	font-weight: bold;
    font-size: 120%;
    color:#00aeef;
}
.normalpage p
{
    color:#494949;
    font-size:12px;
    margin:10px 10px 0 12px;
}
.normalpage ul
{
    color:#494949;
    font-size:12px;
}
.normalpage ol
{
    color:#494949;
    font-size:12px;
}
.normalpage p.help
{
    border:solid 1px #e7bbce;
    padding:6px 0 11px 13px;
    margin-top:18px;
}
.formhelp
{
    width:50%;
}
.normalpage a
{
    color:#494949;
}
/****** media relase ****/
.pdf
{
    padding-left:8px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.pdf p a
{
    text-decoration:underline;
}
/****** documents ****/
.doc
{
    background:url(../images/doc-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.doc p a
{
    text-decoration:underline;
}
/****** audio files ****/
.aud
{
    background:url(../images/aud-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.aud p a
{
    text-decoration:underline;
}
/****** phone ****/
.phone
{
    background:url(../images/contact-phone.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:40px 10px 0px 12px;
    padding-bottom:10px;
}
.phone p a
{
    text-decoration:underline;
}
/****** fax ****/
.fax
{
    background:url(../images/contact-fax.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.fax p a
{
    text-decoration:underline;
}
/****** post ****/
.post
{
    background:url(../images/contact-post.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.post p a
{
    text-decoration:underline;
}
/****** images ****/
/*This was added on 23/02/2011 - Thiru (Graphic img-ico.gif created (based on aud-ico.gif))*/
.image
{
    background:url(../images/img-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.bookmark imgage p a
{
    text-decoration:underline;
}
/****
Home Page
****/
#btnmore
{
    display:block; 
    text-align:center; 
    margin-bottom:20px;
    text-decoration:none;
}
.hometop, .homebot
{
    margin-top:16px;
    position:relative;
    min-height:201px; 
    background:url(../images/home-bg-bottom.gif) bottom left repeat-x;
}
.homebot
{    border:solid 1px #ccccc8;
}
.topcorner
{
    background:url(../images/top-left-corner.gif) 0 0 no-repeat;
    position:absolute;
    top:-1px;
    left:-1px;
    height:14px;
    width:27px;
}
.toprightcorner
{
    background:url(../images/top-right-corner.gif) 0 0 no-repeat;
    position:absolute;
    right:-1px;
    height:12px;
    width:65px;
    top:-1px;
}
.leftlady
{
    background:url(../images/leftlady.jpg) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:172px;
    height:191px;
}
.rightlady
{
    background:url(../images/rightlady.jpg) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:168px;
    height:189px;
}
.botcorner
{
    background:url(../images/home-bot-left-corner.gif) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:13px;
    height:14px;
}
.botrightcorner
{
    background:url(../images/home-bot-right-corner.gif) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:11px;
    height:12px;
}
.hometop p, .hometop h1, .hometop h2
{
    text-align:center;
    padding:0 200px;
}
.hometop h1
{
    padding-top:30px;
    color:#00aeef;
}
.hometop h2
{
    color:#494949;
    padding-top:20px;
}
.hometop p
{
    color:#494949;
    padding:10px 170px 30px 174px;
}
.homebot
{
    margin-top:5px;
    position:relative;
    min-height:210px;
    padding:10px 0;
}
.outerbox
{
    max-width:800px; /* originally 790 px */
    position:relative;
    margin:auto;
}
/****
Feature Box 
****/
.outerbox .modbox2 {
    float:      left;
    width:      31%;
    margin:     5px 0 0 4px;
    position:   relative;
    border:solid 1px #ccccc8;
    padding:0 8px 0 1px;
    max-width:250px;
}
.latestnews h2
{
    background:url(../images/bg-heading-news.gif) repeat-x;
    height:28px;
    float:left;
    width:100%;
}
.latestnews h2 a
{
    height:28px;
    position:relative;
    display:block;
}
.dnr h2
{
    background:url(../images/bg-heading-dnr.gif) repeat-x;
    height:28px;
    float:left;
    width:100%;
}
.dnr h2 a
{
    height:28px;
    position:relative;
    display:block;
}
 .arrow
{
    position:absolute;
    height:28px;
    top:-28px;
    right:-2px;
    width:16px;
}
.middlebg
{
    float:left;
    width:100%;
    margin:0 0 4px 4px;
}
.latestnews .middlebg
{
    background: #b2d234 url(../images/bg-news.gif) top left repeat-x;
}
.dnr .middlebg
{
    background: #727abb url(../images/bg-dnr.gif) top left repeat-x;
}
.whocanhelp .middlebg
{
    background: #e5e5e1 url(../images/bg-help.gif) top left no-repeat;
}
.songscapes .middlebg
{
    background:#f9c061;
}
.donorappeal .middlebg
{
    background:#ec008b;
}
.blue .middlebg
{
    background:#00aef0;
}
.workforus .middlebg
{
    background:#6ec48b;
    width:170px;
    margin-left:5px;
}
.workforus
{
    height:auto;
}
.latestappeal .middlebg
{
    background:#6ec48b;
    width:170px;
    margin-left:5px;
}
.latestappeal
{
    height:auto;
}
.leaf
{
    float:left;
    width:100%;
    min-height:150px;
    position:relative;
    height:15em;
}
.latestnews .leaf
{
    background:  url(../images/news-bot.gif) bottom right no-repeat;
}
.dnr .leaf
{
    background:  url(../images/dnr-bot.gif) bottom right no-repeat;
}
.yellowleaf
{
    background:  url(../images/help-bot.png) bottom right no-repeat;
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.orangeleaf
{
    background:  url(../images/appeal-orange-bot.gif) bottom right no-repeat;
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.purpleleaf
{
    background:  url(../images/dnr-bot.gif) bottom right no-repeat;
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.songscapes .leaf
{
    background:  url(../images/latest-news-orange-bot.gif) bottom right no-repeat;
}
.donorappeal .leaf
{
    background:  url(../images/ticket-bot.gif) bottom right no-repeat;
}
.blue .leaf
{
    background:  url(../images/blue-ticket-bot.gif) bottom right no-repeat;
}
.workforus .leaf
{
    background:  url(../images/work-leaf.gif) bottom right no-repeat;
}
.workforus p
{
    margin-bottom:10px;
    float:left;
}
.latestappeal .leaf
{
    background:  url(../images/work-leaf.gif) bottom right no-repeat;
}
.latestappeal p
{
    margin-bottom:10px;
    float:left;
}
.mainimagedonsmall a
{
    background: url(../images/donor-brbill.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagedonsmall-brian a
{
    background: url(../images/donor-brbrian.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagedonstory a
{
    background: url(../images/their-stories.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagedonatenow a
{
    background: url(../images/donor-donate-now.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.helpyoungpeople .mainimage a
{
    background:none;
}
.text
{
    margin-left:8px;
    z-index:10;
}
.rabbion
{
    background:  url(../images/news-left.jpg) top left no-repeat;
    float:left;
    width:100%;
    min-height:150px;
    position:relative;
}
.ppl
{
    position:absolute;
    top:2px;
    right:0;
    background:  url(../images/news-right.png) no-repeat;
    width:147px;
    height:107px;   
}
.dnrapp
{
    position:absolute;
    top:2px;
    right:0;
    background:  url(../images/appeal-right.png) no-repeat;
    width:147px;
    height:107px;   
}
.monthlygiving a
{
    display:block;
    background:  url(../images/monthly-giving.jpg) top right no-repeat;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.monthlygiving2 a
{
    display:block;
    background:  url(../images/monthly-giving2.jpg) top right no-repeat;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
/* The rule for .forumofhope below was addded on 15/11/2011.
   The featurebox associated with this is for the inspiration.php
   page created in Nov 2011
*/
.forumofhope a
{
    display:block;
    background:  url(../images/forum-of-hope.jpg) top right no-repeat;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.latestnews p, .whocanhelp ul li a, .jsa ul li a, .jsablue ul li a
{
    margin:114px 0 0 12px;
    width:131px;
    text-align:left;
    color:#494949;
    z-index:100;
}
.dnr p,
{
    margin:114px 0 0 12px;
    width:131px;
    text-align:left;
    color:#ffffff;
    z-index:100;
}
.donorappeal p,
{
    margin:5px 0 0 12px;
    width:131px;
    text-align:left;
    color:#ffffff;
    z-index:100;
}
.helpyoungpeople
{
    background:url(../images/mod-helpyoungpeople.jpg) 6px 34px no-repeat;
}
#right .helpyoungpeople
{
     height:188px;
     width:180px;
}
.getinvolved
{
    background:url(../images/mod-getinvolved.jpg) 2px 0  no-repeat;
}
.bgmain
{
    margin-left:4px;
    background:#8fcfe7;
    width:171px;
    padding-bottom:20px;
    margin-bottom:4px;
    margin-top:108px;
}
.getinvolved p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.workforus p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.latestappeal p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.whocanhelp ul
{
  text-align:left;
  margin:0 0 0 30px;
}
.whocanhelp ul li
{
  margin-top:8px;
  line-height:12px;
}
.whocanhelp ul li a
{
    margin:110px 0 0 0;
}
.songscapes h2{
    background:url(../images/bg-heading-help.gif) top left repeat-x;
}
.blue h2{
    background:url(../images/blue-bg-ticket-heading.gif) top left repeat-x;
}
.donorappeal h2{
    background:url(../images/bg-heading-ticket.gif) top left repeat-x;
}
.modbox2 h2
{
    margin:3px 4px 0 4px;
}
/**************************
LEFT COLUMN
**************************/
#left {
    float: left;
    width: 155px;
    min-height: 250px;
    background-color:#ffffff;
    background:url(../images/bg-left-top.gif) 0 0 no-repeat;
    padding-top:11px;
}
* html #left {
    position: relative;  /*** IE needs this  ***/
    height: 250px;
}
#left ul {
    ___list-style: none;
    padding-bottom: 4px;
}
#left li {
    padding-bottom: 2px;
}
/********
Left Navigation
********/
#left #navbox 
{
    background:url(../images/leftnav-bg.gif) -1px 0 repeat-y;

}
#left #navbox #leftnav
{
    background:url(../images/nav-bottom.gif) bottom left no-repeat;
    width:150px;
    margin-left:-1px;
}
#left #leftnav li
{
    border-bottom:solid 1px #bebebb;
    margin:0 0 0 1px;
    width:146px;
    padding:0;
}
#left #leftnav li.first
{
    background:url(../images/bg-left-top.gif) 0 0 no-repeat;
    margin-top:-11px;
    width:150px;
    border:none;
}
#left #leftnav li.second
{
    border-top:solid 1px #bebebb;
}
#left #leftnav li a
{
    padding:0 0 0 12px;
    color:#494949;
    text-decoration:none;
    width:134px;
    padding-bottom:9px;
    display:block;
    padding-top:10px;
}
#left #leftnav li a:hover
{
    background:#babab7 url(../images/bg-leftnav.gif) top left repeat-x;
}
#left #leftnav li a span
{
    background:url(../images/subnav-arrow.gif) 124px 2px no-repeat;
    width:124px;
    display:block;
    padding-right:10px;
    cursor:pointer;
}
#left #leftnav li.last
{
    border-bottom:0;
}
#left .modbox
{
    margin-top:6px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
    float: right; 
    width: 195px;
    min-height: 250px;
    margin-right: -195px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
    background:url(../images/bg-top-center.gif) 0 0 repeat-x;
    padding-top:15px;
}
#right .outerbox
{
    width: 195px;
    position:   relative;
    float:left;
}
#right .modbox2 
{
    margin:0 0 5px 13px;
    float:left;
    clear:left;
    width: 172px;
}
#right .modbox2 h2
{
    margin:3px 0 0 4px;
}
* html #right {
    height: 250px;
    position: relative;  /*** IE needs this  ***/
}
#right ul {
    list-style: none;
    padding-bottom: 4px;
}
#right .modbox2  ul
{
    list-style:disc;
}
#right li {
    padding-bottom: 2px;
}
.other
{
    margin-bottom:13px;
}
/**************************
FOOTER
**************************/
#footer {
    margin: 0 auto;
	position: relative;
    width:1211px;
    padding:15px 10px 0 10px;
    background: #ffffff url(../images/bg-right.gif) top right repeat-y;
}
#footer div{
    background-color:#009fe3;
    padding-bottom:5px;
    width:100%;
    float:left;
}
#footer div p{
    color:#ffffff;
    font-family:Tahoma;
    padding:6px 0 0 12px;
    float:left;
}
#footer div ul
{
    float:right;
    list-style:none;
    padding:4px 0 0 0;
}
#footer div ul li
{
    float:left;
    width:auto;
    background:url(../images/divider.gif) 0 0 repeat-y;
}
#footer div ul li.first
{
    background:none;
}
#footer div ul li a
{
    color:#ffffff;
    font-family:Tahoma;
    text-decoration:none;
    padding: 2px 12px 3px 12px;
    height:auto;
    display:block;
    float:left;
}
#footer div ul li a:hover
{
    text-decoration:underline;
}
/*form part*/
.formbox
{
    border:solid 1px #dbdbd8;
    margin-top:10px;
    color:#4c4d4f;
    height:auto;
}

.fixbottom
{
	padding-bottom: 20px;
}
.formbox h2
{
    background:#dbdbd8;
    padding:6px 0 6px 8px;
    color:#4c4d4f;
}
.formbox label
{
    padding-left:8px;
    float:left;
    margin-top:10px;
}
.formbox select
{
    float:left;
    margin-top:10px;
    margin-left:4px;
    color:#4c4d4f;
    border:#4c4d4f;
    font-size:11px;
}
.formbox select.choice
{
    width:85px;
}
.formbox select.hear
{
    width:146px; 
    clear:left; 
    font-size:11px;
}
.formbox .radiobutton
{
    clear:left;
    float:left;
    margin-left:8px;
    width:100%;
}
.radiobutton .radios
{
    display:block;
    margin-top:10px;
    float:left;
}
.formbox label
{
    display:block;
    margin-left:0;
    float:left;
}
.step2 label
{
    margin-right:20px;
    display:block;
    float:left;
}
.step2 input 
{
    border:solid 1px #dbdbd8;
    margin-right:20px;
	background: none;
}
.radiobutton div
{
    display:block;
    width:25%;
    float:left;
}
.radiobutton .othervalue
{
    float:left;
    border:solid 1px #dbdbd8;
    width:88px;
    margin-top:10px;
}
.notes
{
    width:100%;
    float:left;
    text-align:center;
    display:block
}
.clear
{
    clear:both;
}

.divider
{
    background:url(../images/line-divider.gif) bottom left repeat-x;
    width:100%;
    clear:left;
    height:10px;
    float:left;
}
.btnContinue
{
    float:right;
    margin-right:20px;
}
p.bluetxt
{
    color:#00aeef;
    clear:both;
    float:left;
    font-weight:bold;
}
.Submit
{
    float:right;
    margin:20px 0 0 0;
    padding;0;
}
/* FAQ SECTION */
/* #content h2
{
width:99%;
background:#dbdbd8;
padding:4px 2px 4px 1%;
margin-top:14px;
color:#4c4d4f;
font-weight:bold;
font-size:11px;
}*/
.faqh2 h2
{
width:99%;
background:#dbdbd8;
padding:4px 2px 4px 1%;
margin-top:14px;
color:#4c4d4f;
font-weight:bold;
font-size:11px;
}

.faqa a
{
color:#00aeef;
}
.faqlist
{
width:98.5%; /* width:99% changed 5/6/08 */
border:solid 1px #ddddda;
padding:0 0 0 1%;
margin-top:2px;
position:relative;
}
.faqlist p.q, .faqlist p.a
{
padding-left:0;
margin:8px 0 14px 0;
width:80%;

}
.faqlist p.a
{
color:#00aeef;
margin-top:4px;
}
.faqlist p.line
{
width:99%;
border-top:solid 1px #ddddda;

margin:0 1% 0 0;
padding:0;
line-height:4px;
height:10px;
}
.faqlist a.btnview, .faqlist a.btnclose
{
width:147px;
height:36px;
display:block;
text-indent:-9999em;
background:url(../images/buttons/view.png) no-repeat;
bottom:12px;
right:10px;
top:1px;
position:absolute;
}

.faqlist a.btnclose
{
top:45px;
background:url(../images/buttons/close.png) no-repeat;
}
/*********************************** donor page ******************************/
.notepad {
    background-image:url('/donations/images/bg-notepad.jpg');
    width:90%;
    margin-top:10px;
    padding-bottom:15px 
}
.notepad .cursive, .cursive
{
    clear:left;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 16px;
    color:#343235;
    font-weight:normal;
    font-style:italic;
    margin:25px;
	margin-top:15px;
}
.appeal-promo
{
    background:  url('../images/appeal-right.png') no-repeat;
    position:absolute;
    top:1px;
    right:0;
    width:245px;
    height:108px;   
}
.appeal-promo .mainimage a
{
    height:160px;
    background:none;
}
.appeal-mainimage a
{
    background: url(../images/appeal-right.png) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
/*The style rule below was created on 19-10-2010 to cater for feature box on anti-povery week on BT Corporate index page*/
.appeal-anti-poverty a
{
    background: url(../images/appeal-anti-poverty.png) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.appeal-text
{
    color:#494949;
    margin-left:8px;
    margin-top: 5px;
    z-index:10;
}

/* donor story feature box */
.latestappeal .donorstorybg
{
    background-image:url('/images/donor-story.jpg');
    width:170px;
	height:170px;
    margin-left:5px;
	margin-bottom:5px;
}
.donorstorybg .mainimage a
{
    height:160px;
    background:none;
}
/*********************************/
#content div.frame {
	position: relative;
	float: left;
	width: 183px;
	height: 134px;
	padding: 7px 0 10px 2px;
	margin: 5px 4px 0 7px;
}
#content div.frame p {
	width: 181px;

}