html, body 
{
    margin:0; padding:0 0 0 0;
    background:#fff url(../images/bg_page.gif) center top no-repeat;
    font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#008179;
}
body { padding-bottom:20px }
img { border:0 }
a { color:#008179 }
a:link, a:visited { text-decoration:underline }
a:hover, a:active { text-decoration:none }
h1 
{
    color:#BA9DCA;
    margin:30px 0 0 50px;
    height:55px;
    text-indent:-3000px;
    padding:0 0 10px 0;
    background-position:left top;
    background-repeat:no-repeat;
    margin-left:325px
}
h1.charity { margin-left:80px }
/* Page Headers
-----------------*/
h1.what { background-image:url(../images/hdr_what.gif) }
h1.why { background-image:url(../images/hdr_why.gif) }
h1.shelter { background-image:url(../images/hdr_shelter.gif) }
h1.steps { background-image:url(../images/hdr_steps.gif) }
h1.mouth { background-image:url(../images/hdr_mouth.gif) }
h1.how { background-image:url(../images/hdr_how.gif) }
h1.donation { background-image:url(../images/hdr_donation.gif) }
h1.overindulged { background-image:url(../images/hdr_overindulged.gif) }
h1.tell { background-image:url(../images/hdr_tell.gif) }
h1.thank { background-image:url(../images/hdr_thank.gif) }
h1.homepage
{
    height:360px; height:230px; text-indent:-3000px; margin-left:0;
    background:transparent url(../images/hp_logo.gif) left top no-repeat
}

/* Main positioning
-----------------*/
#siteWrapper, #siteWrapper_hp, #siteWrapper_nologo
{
    position:relative;
    width:740px;
    margin-left:auto;
    margin-right:auto;
    background:#fff url(../images/bg.gif) center top no-repeat;
}

#siteWrapper_hp { background:#fff url(../images/hp_bg.gif) center top no-repeat }
#siteWrapper_nologo { background:#fff url(../images/bg_nologo.gif) center top no-repeat  }

#colLeft_hp { float:left; margin-left:50px; width:240px; display:inline; text-align:center }
#colRight_hp, #colRightRosemary { float:right; width:410px }
#colRight_hp p { width:350px }
#colLeft, #colLeftDonate, #colLeft_hp { float:left; margin-left:50px; width:240px; display:inline /* Fix ie double margin bug*/ }

.minusHdr { margin-top:-85px }
#colRight_hp { margin-top:-100px }

#calSofa { margin-left:-20px }

#colRight, #colRightDonate { float:right; width:410px }
#colRight p { width:300px }
#colSingle { margin-left:80px }
#colSingle p { width:600px }
#colRightRosemary p { width:200px }
.rosemaryImg { float:right; z-index:100 }
#footer { clear:both; font-size:.7em; text-align:right; padding-top:40px }

#colLeftDonate { margin-left:80px; width:400px }
#colRightDonate { width:200px }

#colLeft a { display:block; text-align:center }

/* Top Navigation
-----------------*/
ul#siteNav, ul#siteNav_hp , ul#charityLogoList
{
    margin:0; padding:0;  padding:10px 0 0 10px; display:block;
    list-style-type:none; list-style-position:inside;
}
ul#siteNav { margin-left:80px; height:240px }
ul#siteNav li, ul#siteNav li a, ul#siteNav_hp li, ul#siteNav_hp li a, ul#charityLogoList li a, ul#charityLogoList li
{
    display:inline;
    float:left;
    margin:0 33px 0 0;
    padding:0;
    height:26px;
    background-position:left top;
    background-repeat:no-repeat;
    text-indent:-2000px; 
    /*overflow:hidden;*/ /* Removed for Safari */
}

li a:link.tn_home, li a:visited.tn_home, li.li_home { background-image:url(../images/tn_home.gif); width:44px }
li a:link.tn_what, li a:visited.tn_what, li.li_what { background-image:url(../images/tn_whatis.gif); width:138px }
li a:link.tn_why, li a:visited.tn_why, li.li_why { background-image:url(../images/tn_why.gif); width:85px }
li a:link.tn_how, li a:visited.tn_how, li.li_how { background-image:url(../images/tn_howto.gif); width:110px }
li a:link.tn_contact, li a:visited.tn_contact, li.li_contact  { background-image:url(../images/tn_contact.gif); width:67px }

/* Table formatting
-----------------*/
table { border:0 }
td { vertical-align:top; text-align:left; }
td.lbl { font-weight:bold; padding-right:10px }
td.frmLbl { padding-right:10px; width:250px }
td.tdDonate { padding:5px 0 }
#lnkTell 
{
    display:block; width:101px; height:29px; text-indent:-4000px;
    background:#F0852A url(../images/btn_tell.gif) left top no-repeat;
}

/* Form
-----------------*/
form { margin:0; padding:0 }
input, .txtArea { background:#F9BE8A; border:1px solid #F0852A; width:180px; padding:4px; font-family:Arial }
#btnTell, #btnDonate { padding:0; width:101px; height:29px }
.frmSmall { width:50px }
.error { color:#ff0000; padding-bottom:20px }
#totalAmount { font-weight:bold }

/* List formatting
-----------------*/
ul#charityLogoList { height:330px; width:180px; margin:auto }
ul#charityLogoList li a, ul#charityLogoList li { width:180px; background-position:center; height:110px }
li a.shelter { background-image:url(../images/shelter.png); height:36px; }
li a.steps { background-image:url(../images/steps.png); height:110px;  }
li a.mouth { background-image:url(../images/mouth.png); height:57px;  }
.logoRight { float:right; margin-top:60px; }
a.cLinkSteps, a.cLinkShelter, a.cLinkMouth
{
    margin-top:60px;
    display:block;
    float:left;
    width:435px;
    height:100px;
    background:#fff url(../images/steps_web.gif) left bottom no-repeat;
    text-indent:-4000px
}
a.cLinkShelter { height:50px; background-image:url(../images/shelter_web.gif) }
a.cLinkMouth { clear:both; width:610px; height:57px; background-image:url(../images/mouth_web.gif); margin-top:0 }
ol.normalList li { padding:5px 0 }


#whyLogoDisplay { width:100% }
#whyLogoDisplay td { text-align:center; vertical-align:top }


ul#charityLogoListHori { clear:both; height:110px; width:680px; margin:0; padding:0; padding-top:40px }
ul#charityLogoListHori li a, ul#charityLogoListHori li
{ 
    float:left; display:inline; width:220px; background-position:center; height:110px;
    background-repeat:no-repeat; text-indent:-4000px
}


.topRight { position:absolute; right:0px; top:330px }


ul#calc { list-style:none outside none; padding:0; margin:0 }
ul#calc li { float:left; width:150px; margin:0; padding-left:25px; padding-bottom:20px; background:transparent url(../images/bullet.gif) left top no-repeat; }


ul#charityLogoListHori li a.shelter { background-position:right; }
ul#charityLogoListHori li a.steps { background-position:left; }