@charset "utf-8";
/* CSS Document */

body{
background: url(images/skybgd.jpg) repeat-x bottom #4d8ac1;
text-align: center;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
color: #333;
line-heiht: 135%;
margin: 0px;
}

a:link, a:visited, a:hover
{
text-decoration: underline;
color: #375d97;
overflow: hidden;
}

a:hover{
text-decoration: none;
}

h1, h2, h3,h4, h5, h6, p, ul, li{
margin: 0;
padding: 0;
}

ul, li{
list-style: none;
}

form{
position: relative;
float: left;
}

#masthead h1 a, #masthead h2, input.arrowsubmit{ 
behavior: url(scripts/iepngfix.htc) 
}

img
{
border: 0;
}

#bodytext .date
{
font-family: Georgia, Times, serif;
font-weight: bold;
color: #d07a2e;
font-size: 14px;
}

/************************* LAYOUT STYLES ******************************/

#wrapper{
background: #78b466 url(images/site_bgd.png) repeat-y left;
width: 900px;
margin: 20px auto;
border: 9px solid #fdeab6;
text-align: left;
}

.home #wrapper{
background-image: url(images/site_bgd_home.png);
}

#masthead{
width: 900px;
padding: 0 0;
float: left;
background: url(images/masthead.jpg) no-repeat top left #FDEAB6;
height: 190px;
}

.harmonyfund #masthead{
background-image:url(images/masthead2.jpg);
}

#masthead h1{
float: left;
font-size: 70%;
padding: 30px 0 0 0px;
}

#masthead h1 a{
width: 296px;
height: 137px;
text-indent: -9999px;
background: url(images/logo.png) no-repeat top left;
float: left;
}
.harmonyfund #masthead h1{
padding-top: 15px;
}
.harmonyfund #masthead h1 a{
background:url(images/logo_harmony.png) no-repeat top left;
height: 155px;
width: 402px;
margin-left: 32px;
}

#rightmast{
width: 500px;
float: right;
}

.harmonyfund #rightmast{
width: 300px;
}

#masthead form{
float: right;
margin: 20px 0 0 0;
height: 27px;
position:relative;
}

#masthead h2#tagline{
text-align: left;
text-indent: -9999px;
display: block;
width: 500px;
height: 115px;
font-size: 90%;
background:url(images/tagline.png) no-repeat bottom right;
float: left;
}

.harmonyfund #masthead h2#tagline{
background: none;
width: 300px;
}

#navigation{
background: #d07a2e;
width: 900px;
float: left;
}

.harmonyfund #navigation{
background: #b67fc9;
}

#navigation li{
border-right: 1px solid #fdeab6;
float: left;
}

#navigation a{
font-size: 100%;
font-weight: normal;
color: #fff;
padding: 12px 15px 14px 15px;
float: left;
text-indent: -9999px;
background: no-repeat 15px 14px;
height: 16px;
}

#navigation a:hover{
text-decoration:none;
background-color:#b95700;
}

.harmonyfund #navigation a:hover{
background-color: #995bae;
}

#navigation #homelink a{
padding-left: 25px;
padding-right: 25px;
background-image:url(images/nav_home.png);
width: 38px;
background-position: 26px 14px;
}

.harmonyfund #navigation #homelink a{
background-image:url(images/nav2_home.png);
}

#donatelink a{
background-image: url(images/nav_donate.png);
width: 70px;
background-color: #f7473d;
}

#greatlink a{
background-image: url(images/nav_great.png);
width: 204px;
}

.harmonyfund #greatlink a{
background-image:url(images/nav2_great.png);
}

#aboutlink a{
background-image: url(images/nav_about.png);
width: 60px;
}

.harmonyfund #aboutlink a{
background-image:url(images/nav2_about.png);
}

#harmonylink a{
background-image: url(images/nav_harmony.png);
width: 96px;
}

.harmonyfund #harmonylink a{
background-image:url(images/nav2_harmony.png);
background-color:#995bae;
}

#giveawaylink a{
background-image: url(images/nav_giveaway.png);
width: 92px;
}

.harmonyfund #giveawaylink a{
background-image: url(images/nav2_giveaway.png);
}

#navigation #donatelink a:hover, .donate #donatelink a{
background-color: #df2318;
}

.home #homelink a, .garc #greatlink a, .about #aboutlink a, .giveaway #giveawaylink a{
background-color:#b95700;
}

#maincontent{
width: 900px;
float: left;
}

#left{
width: 700px;
float: left;
padding-left: 0px;
}

#slideshow{
float: left;
width: 700px;
}

#highlights{
width:675px;
float: left;
padding: 25px 0 25px 25px;
margin-top: 22px;
}

.ribbon
{
background: url(../../../img/ribbon_2ways.png) 0 0 no-repeat;
width: 742px;
height: 93px;
position: relative;
/* top: -12px; Use this when shorter movie is available and remove the bottom padding-top:136px */
top: 123px;
left: -45px ;
text-indent: -9999px;
z-index: 1000;
}


.partner
{
background: url(../../../img/charity_partner.png) 0 0 no-repeat;
width: 92px;
height: 94px;
position: relative;
top: 3px;
left: 199px;
text-indent: -9999px;
z-index: 1000;
}

#highlights .box{
width: 315px;
background:url(images/highlight_bottom.png) no-repeat bottom center;
float: left;
margin-right: 11px;
margin-left: 3px;
/* padding-top: 30px; Use this when shorter movie is available and remove the bottom padding-top:136px */
padding-top: 167px;
}

#highlights .box h1{
float: left;
font-size: 75%;
}

#highlights .box img{
float: left;
}

#highlights .box h1 a{
text-indent: -9999px;
height: 80px;
width: 209px;
background: center no-repeat;
float: left;
}

#highlights #greatbox h1 a{
background-image:url(images/heading_great.png);
width: 300px;
}

#highlights #harmonybox h1 a{
background-image:url(images/heading_harmony.png);
width: 300px;
}

#highlights .box p{
text-align: center;
padding: 0 20px 20px 20px;
font-size: 70%;
line-height: 140%;
}

/* ---------------------- Newsbox ------------------------ */
#newsbox{
width: 650px;
float: left;
background: url(images/news_bgd.png) 25px 100% repeat-y;
padding: 0 25px;
}

#newsbox h1{
width: 100%;
background:url(images/news_top.png) top right no-repeat;
height: 70px;
text-indent: -9999px;
}

#newsbox ul{
background: url(images/news_bottom.png) bottom right no-repeat;
padding: 10px 25px 25px 25px;
float: left; 
width: 600px;
}

#newsbox li{
border-top: #6f9543 dashed 1px;
float: left;
width: 600px;
padding: 20px 0;
font-size: 100%;
}

#newsbox li img{
float: left;
margin: 0 15px 5px 0;
border: #fff solid 1px;
}

#newsbox li h2{
font-size: 85%;
line-height: 140%;
margin: 5px 0;
}

#newsbox li p{
line-height: 140%;
font-size: 70%;
}

#right{
width: 200px;
float: right;
padding-top: 0px;
position: relative;
}

/* ---------------------- Widget ------------------------ */
.widget{
padding: 0px 20px 5px 20px;
text-align: center;
color: #fff;
float: left;
width: 160px;
position: relative;
}

.widget p{
font-size: 70%;
line-height: 130%;
margin-bottom: 10px;
}

.widget h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
margin: 25px 0 12px 0;
text-indent: -9999px;
background: top center no-repeat;
width: 160px;
}
#donationad h3{
background-image:url(images/heading_donation.png);
height: 19px;
}

#magazine h3{
background-image:url(images/heading_ourmag.png);
height: 19px;
}

#magazine div, #donationad img{
border: 1px solid #fff;
}

#magazine div a.cover-emagazine:link, #magazine div a.cover-emagazine:visited, #magazine div a.cover-emagazine:hover
{
background: url(../../../img/cover-jumpingforjoy.jpg) 0 0 no-repeat;
width: 158px;
height: 216px;
display: block;
text-indent: -9999px;
}

#magazine div a.cover-emagazine:hover
{
background: url(../../../img/cover-jumpingforjoy.jpg) -158px 0 no-repeat;
}

.email-subscription-form
{
text-align: center;
margin-left: 8px;
padding-top: 5px;
}

.email-subscription-form input.txt
{
margin-top: 5px; 
border:1px solid #fff; 
background: #fff; 
padding: 4px 2px;
}

.email-subscription-form input.txt:hover
{
background: #fcf79f;
border:1px solid #fcf79f; 
}

/* arrow monthly */
#right #arrow
{
background: url(../../../img/donate/donate-side-note.png) 0 0 no-repeat;
width: 177px;
height: 138px;
margin-top: 730px;
margin-left: -9px;
float: left;
text-indent: -9999px;
}
#donationad img{
margin-bottom: 5px;
}

#login input{
margin-bottom: 10px;
float: left;
}

#login #membersubmit{
float: left;
text-align: center;
}
#login div{
float: left;
position: relative;
}

#community h3{
background-image:url(images/heading_onlinecom.png);
height: 44px;
}

#community input{
display: inline;
}

#social{
padding-top: 20px;
width: 160px;
float: left;
}

#social .icon{
height: 36px;
width: 160px;
float: left;
padding: 10px 0 0 0;
}

#social img{
float: left;
margin: -10px 5px 5px 0;
}

#social a{
font-size: 70%;
color: #fff;
}

#spacer{
height: 25px;
clear: both;
}

#footer{
color: #fff;
font-size: 70%;
}

#footer a{
font-weight: bold;
color: #fff;
}

#footer .credit a{
font-weight: normal;
}

#footer p{
margin-top: 15px;
}

#footer p.credit{
margin-top: 3px;
margin-bottom: 15px;
}

/* ------------------------------- SUBPAGE STYLES -------------------------------  */

#content{
padding-left: 25px;
width: 675px;
float: left;
}

/* Rescue Story page - in order to fit the bear donation on the top left. */
.rescue-story
{
margin-top: 0px;
}

#breadcrumb{
padding: 25px 25px 0px 0px;
color: #666;
font-size: 70%;
}

#sharebuttons{
float: right;
margin: 25px 25px 0 0;
font-size: 70%;
background-color: #ffefc4;
color: #6b7369;
padding: 5px 10px 10px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
/*behavior: url(http://www.animalrescuechase.com/css/border-radius.htc); */
    border-radius: 8px;
}

/* \*/
* html #sharebuttons{
margin-right: 13px;
}

/* */  
a.print{
padding: 0 3px 0 16px;
background:url(images/icon_print.png) no-repeat left center;
font-weight: normal;
}

a.email{
padding: 0 0 0 24px;
background:url(images/icon_email.png) no-repeat 3px 1px;
font-weight: normal;
}

#content h1{
color: #d07a2e;
font-size: 180%;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 10px 25px 20px 0px;
margin: 0;
}

.harmonyfund #content h1{
color: #995bae;
}

#content .intro{
float: left;
width: 650px;
margin-bottom: 20px;
margin-top: -212px;
}

#garcintro{
height: 312px;
background: no-repeat top right #d8f3bc;
background-image: url(images/garcintro_right.png);
}

#harmonyintro{
height: 556px;
background: no-repeat top right #d8f3bc;
background-image: url(images/harmonyintro_right.png);
margin-top: -220px; /* For the Bear Heart Ad */
}

/* Giveaway page */
#giveawayintro
{
background: #d8f3bc;
}

#giveawayintro .dog a:link, #giveawayintro .dog a:visited, #giveawayintro .dog a:hover
{
background: url(../../../img/giveaway/btn-dog.png) 0 0 no-repeat;
width: 219px;
height: 295px;
float: left;
margin-top: 30px;
margin-left: 10px;
display: block;
text-indent: -9999px;
}

#giveawayintro .dog a:hover
{
background: url(../../../img/giveaway/btn-dog.png) 0 -300px no-repeat;
}

#giveawayintro .prizes li
{
margin: 0;
float: left;
}

#giveawayintro .prizes li.grand-prize a:link, #giveawayintro .prizes li.grand-prize a:visited, #giveawayintro .prizes li.grand-prize a:hover,
#giveawayintro .prizes li.first-prize a:link, #giveawayintro .prizes li.first-prize a:visited, #giveawayintro .prizes li.first-prize a:hover,
#giveawayintro .prizes li.second-prize a:link, #giveawayintro .prizes li.second-prize a:visited, #giveawayintro .prizes li.second-prize a:hover
{
background: url(../../../img/giveaway/btn-grandprize.png) 0 0 no-repeat;
width: 110px;
height: 122px;
text-indent: -9999px;
display: block;
margin-right: 17px;
margin-left: 20px;
}

#giveawayintro .prizes li.first-prize a:link, #giveawayintro .prizes li.first-prize a:visited, #giveawayintro .prizes li.first-prize a:hover
{
background: url(../../../img/giveaway/btn-firstprize.png) 0 0 no-repeat;
margin-left: 0;
}

#giveawayintro .prizes li.second-prize a:link, #giveawayintro .prizes li.second-prize a:visited, #giveawayintro .prizes li.second-prize a:hover
{
background: url(../../../img/giveaway/btn-secondprize.png) 0 0 no-repeat;
margin-left: 0;
}

#content .intro h2{
text-indent: -9999px;
background: no-repeat 0px 30px;
margin: 0px 0 0 0;
padding: 30px 0 15px 0;
height: 33px;
display: block;
float: left;
}

#content #garcintro h2{
background-image: url(images/heading_welcomeheroes.png);
width: 247px;
float: right;
}

#garcintro #Welcome-Heros
{
width: 286px;
float: right;
}

#content #harmonyintro h2{
background-image: url(images/heading_love.png);
width: 313px;
float: right;
}

#content #giveawayintro h2{
background-image:url(images/heading_win.png);
width: 308px;
}

#content #giveawayintro h2{
width: 401px;
}

#content .intro p
{
font-size:75%;
line-height:140%;
margin:10px 20px;
}

#harmonyintro .copy
{
width: 350px;
float: right;
}

#content  a.button
{
text-indent: -9999px;
text-align: left;
height: 45px;
border: 0;
display: block;
background: no-repeat top left;
float: left;
margin-top: 0;
}

#content #harmonyintro a#donatebutton{
background-image: url(images/button_donate.png);
width: 110px;
margin-left: 15px;
}

#content  a#donatebutton2{
background-image: url(images/button_donate2.png);
width: 110px;
float: right;
margin: 20px 275px 0 0;
}

/* \*/
* html #content  a#donatebutton2{
margin: 0 137px 0 0;
}

/* */

#content #harmonyintro a#rescueworkbutton{
background-image: url(images/button_rescuework.png);
width: 193px;
margin-left: 10px;
}

#content #giveawayintro a#entercontestbutton{
background-image: url(images/button_entercontest.png);
width: 193px;

}

#buttons{
margin: 20px 0 20px 0;
float: left;
width: 675px;
}

#buttons div{
float: left;
width: 122px;
background:url(images/garcbtn_bottom.png) no-repeat bottom left;
margin-right: 10px;
}

#buttons h3{
font-size: 75%;
text-align: center;
margin: 8px 7px 3px 7px;
line-height: 120%;
}

#buttons h3 a{
color: #fdeab6;

}

#buttons p{
color: #fff;
font-size: 70%;
text-align: center;
padding: 0px 10px 10px 10px;
line-height: 130%;
}

#bodytext{
width: 650px;
float: left;
}

#bodytext h1, .harmonyfund #bodytext h1{
color: #468836;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 0 10px 0;
padding: 0;
font-size: 135%;
font-weight: normal;
}

#bodytext h2, .harmonyfund #bodytext h2 
{
color:#382705;
font-family:Georgia,Times,serif;
font-size:110%;
font-weight:normal;
line-height:120%;
margin:15px 0 10px;
padding:0;
}

#bodytext h3, .harmonyfund #bodytext h3 
{
color:#F7473D;
font-family: Arial, Sans-serif;
font-size:100%;
font-weight:normal;
line-height:120%;
margin:15px 0 10px;
padding:0;
}

.div {
border-bottom:1px dashed #CDCAAB;
clear:both;
padding:20px 0 10px;
}

#bodytext p{
font-size: 12px;
margin-bottom: 13px;
line-height: 150%;
}

#bodytext h4{
color: #b95700;
text-transform: uppercase;
font-weight: normal;
font-size: 70%;
margin-top: 20px;
}

#bodytext ul, #subnav ul, #bodytext ol, #subnav ol{
font-size: 75%;
margin-top: 10px;
}

#bodytext li, #subnav li{
padding: 0 0 0 13px;
margin: 4px 0 0 0;
background:url(images/bullet_blue.png) no-repeat 0 6px;
line-height: 150%;
}

#bodytext li
{
margin: 4px 0 10px 30px;
background:url(/img/bullet_general.png) no-repeat 0 8px;
}

#bodytext ol li
{
list-style-type: decimal;
margin: 0 0 15px 0;
background: none;
padding-left: 0;
}


/* \*/
* html #subnav ul{
height: 0;
}
/* */

#subnav li{
background-image:url(images/bullet_green.png);
}

#subnav a{
color: #fff;
}



#right #subnav h4{
text-transform: uppercase;
font-weight: normal;
font-size: 70%;
margin-top: 20px;
color: #dbffd2;
text-align: left;
width: 173px;
}

#subnav ul{
text-align: left;
}

#subnav ul a:link, #subnav ul a:visited, #subnav ul a:hover
{
text-decoration: none;
}

#subnav ul a:hover
{
color: #448634; /* darker green */
}

#bodytext #charity-box ul.charitylistings{
width: 310px;
float: left;
margin: 20px 0 10px -20px;
font-size: 100%;
}

#bodytext #charity-box ul.leftlistings{
padding-right: 30px;
border-right: 1px dashed #9ed861;
margin-right: 15px;
margin-left: -30px;
}

#bodytext #charity-box ul.charitylistings li{
padding: 0;
background: 0;
width: 310px;
float: left;
height: 120px;
}

#bodytext ul.charitylistings li img{
float: left;
border: 1px solid;
margin-right: 10px;
}

#bodytext ul.charitylistings h2{
font-size: 75%;
line-height: 130%;
min-height: 21px;
padding: 0 0 0 27px;
background: no-repeat left center;
width: 139px;
float: left;
}

/* \*/
* html #bodytext ul.charitylistings h2{
padding: 3px 0 3px 27px;
}

/* Number */

#bodytext ul.charitylistings h2
{
font-family: "Lucida Grande", Arial, Sans-serif;
}

#bodytext ul.charitylistings h2#no1{
background-image: url(images/no1.png);
}

#bodytext ul.charitylistings h2#no2{
background-image: url(images/no2.png);
}

#bodytext ul.charitylistings h2#no3{
background-image: url(images/no3.png);
}

#bodytext ul.charitylistings h2#no4{
background-image: url(images/no4.png);
}

#bodytext ul.charitylistings h2#no5{
background-image: url(images/no5.png);
}

#bodytext ul.charitylistings h2#no6{
background-image: url(images/no6.png);
}

#bodytext ul.charitylistings h2#no7{
background-image: url(images/no7.png);
}

#bodytext ul.charitylistings h2#no8{
background-image: url(images/no8.png);
}

#bodytext ul.charitylistings h2#no9{
background-image: url(images/no9.png);
}

#bodytext ul.charitylistings h2#no10{
background-image: url(images/no10.png);
}

#bodytext ul.charitylistings h2#no11{
background-image: url(images/no11.png);
}

#bodytext ul.charitylistings h2#no12{
background-image: url(images/no12.png);
}

#bodytext ul.charitylistings h2#no13{
background-image: url(images/no13.png);
}

#bodytext ul.charitylistings h2#no14{
background-image: url(images/no14.png);
}

#bodytext ul.charitylistings h2#no15{
background-image: url(images/no15.png);
}

#bodytext ul.charitylistings h2#no16{
background-image: url(images/no16.png);
}

#bodytext ul.charitylistings h2#no17{
background-image: url(images/no17.png);
}

#bodytext ul.charitylistings h2#no18{
background-image: url(images/no18.png);
}

#bodytext ul.charitylistings h2#no19{
background-image: url(images/no19.png);
}

#bodytext ul.charitylistings h2#no20{
background-image: url(images/no20.png);
}

#bodytext ul.charitylistings h2#no21{
background-image: url(images/no21.png);
}

#bodytext ul.charitylistings h2#no22{
background-image: url(images/no22.png);
}

#bodytext ul.charitylistings h2#no23{
background-image: url(images/no23.png);
}

#bodytext ul.charitylistings h2#no24{
background-image: url(images/no24.png);
}


#bodytext ul.charitylistings p{
margin: 0 10px 0 0;
font-size: 70%;
line-height: 1.3em;
width: 160px;
float: left;
}

/* \*/
* html #bodytext ul.charitylistings p{
position: relative;
}

/* Form - Contact us page */
#bodytext form
{
background-color: #d1eeff;
border: 1px solid #b1d7ed;
padding: 30px 20px 20px 20px;
margin: 20px 0 20px 0;
float: left;
width: 610px;
}

#bodytext form div
{
width: 300px;
float: left;
padding-bottom: 10px;
}

#bodytext form div.full, #bodytext form div.center
{
width: 600px;
}

#bodytext form div.center
{
padding-top: 15px;
text-align: center;
}

#bodytext form div.clear
{
width: 600px;
}

#bodytext form#contactform label, #bodytext form#rescue-showcase-form label, #bodytext form label
{
width: 0;
text-align: right;
font-size: 12px;
float: left;
padding: 3px 5px 0 0;
}

#bodytext form#contactform label, #bodytext form#rescue-showcase-form label
{
width: 60px;
}

#bodytext form div.full label
{
width: 600px;
padding: 15px 0 5px 0;
text-align: left;
}

#bodytext form input, #bodytext form select, #bodytext form textarea
{
width: 220px;
border: 1px #d2e0e8 solid;
padding: 6px;
font-size: 12px;
font-family: Arial, verdana, sans-serif;
color: #333;
}

#bodytext form textarea
{
width: 500px;
}

#bodytext form select.state, #bodytext form select.country
{
width: auto;
margin-left: 10px;
}

#bodytext form div.full input
{
width: 585px;
}

#bodytext form div p
{
padding: 0 0 0 63px;
font-size: 70%;
margin: 0;
width: 220px;
line-height: 120%;
}

.required
{
color: red;
}

/* -------------------------- Form Buttons ----------------------- */

#bodytext form input#contactformsubmit
{
background: #1974aa;
padding: 5px 10px 8px 10px;
color: #fff;
width: 80px;
font-size: 12px;
height: 29px;
}

/* -------------------------- Right Column Icon ----------------------- */

.bird{
background:url(images/divider_bird.png) no-repeat bottom center;
}

.butterfly{
background:url(images/divider_butterfly.png) no-repeat bottom center;
}

.alignright{
float: right;
margin: 22px 0 5px 15px;
}

.alignleft{
float: left;
margin: 22px 15px 5px 0;
}

/* Added by IKT */

/* Search box style */
.search_txt
{
border: 1px solid #ccc;
padding: 5px;
width: 135px;
margin-left: 10px;
margin-top: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}

/* AddThis Button */
.addthis_button
{
position: relative;
top: 4px;
left: 5px;
}

/* Photo */
.photo
{
padding: 7px;
margin: 0 15px 5px 10px;
}

.caption
{
font-size: 100%;
font-style: italic;
font-family: Georgia, Times, serif;
text-align: center;
line-height: 130%;
color: #3e3907;
}


/* Float left or right */
.float-left
{
float: left;
}

.float-right
{
float: right;
}


/* Photo Style with float right and left -- FOR CMS */
.photo-float-left
{
float: left;
    padding: 5px 15px 15px 15px;
}

.photo-float-right
{
float: right;
    padding: 5px 15px 15px 15px;
}


/* Style for blockquote */
blockquote, .quote /* .quote is for SurrealCMS so they can select this style from their WYSIWYG tool */
{
margin: 1em 2em;
border: 1px dashed #e0dba6;
background: #fefce6 url(/assets/images/quote.png) 10px 10px no-repeat;
padding: 15px 15px 15px 100px;
font-style: italic;
font-size: 110%;
}

blockquote p:first-letter, .quote p:first-letter /* .quote is for SurrealCMS so they can select this style from their WYSIWYG tool */

{
float: left;
margin: .2em .3em .1em 0;
font-family: "Monotype Corsiva", "Apple Chancery", fantasy;
font-size: 220%;
font-weight: bold;
color: #468836;
}

blockquote p:first-line, .quote p:first-line /* .quote is for SurrealCMS so they can select this style from their WYSIWYG tool */
{
font-variant: small-caps;
font-size: 110%;
}


/* ------------- Search Box -------------- */
form#searchbox
{
margin: 10px 0 10px 25px;
}

form#searchbox .txt
{
width: 120px;
border: 1px solid #ccc;
padding: 3px;
font-size: 12px;
color: #333;
}

#search-btn
{
position: relative;
top: 9px;
}

form#searchbox .txt:focus, form#searchbox textarea:focus
{
background: #f3edba;
outline: none;
border: 1px solid #538943;
-webkit-box-shadow: 0px 0px 10px #5f954e;
-moz-box-shadow: 0px 0px 10px #5f954e;
}

/* ------------------ Home page slideshow --------------------- */

.slideshow .copy
{
position: relative;
top: -250px;
left: 250px;
z-index: 1000;
font-size: 85%;
font-color: #333;
line-height: 160%;
width: 410px;
}

/* ------------------- Harmony Fund > Image Slider --------------------- */

/* Easy Slider */

#slideshow
{
background: #D1EEFF;
border: 1px solid #B3DAEF;
margin: -202px 0 20px 0;
padding: 0 10px 0 15px;
width: 620px;
height: 350px;
clear: both;
overflow: hidden;
box-shadow:inset 0 0 30px #b9d7e9;
-moz-box-shadow:inset 0 0 30px #b9d7e9;
-webkit-box-shadow:inset 0 0 30px #b9d7e9;
}

#slider
{
margin-top: -40px;
}

#slider .pic
{
width: 330px;
float: left;
}

#slider .pic img
{
background: #fff;
padding: 5px;
border: 1px solid #ccc;
text-align: right;
box-shadow: 4px 4px 4px #afccdd;
-moz-box-shadow: 4px 4px 4px #afccdd;
-webkit-box-shadow: 4px 4px 4px #afccdd;
}

#slider .description
{
width: 230px;
height: 259px;
overflow: auto;
margin-left: 366px;
}

#slider .description p
{
color: #333;
font-family: "Lucida Grande", Arial, sans-serif;
font-size: 95%;
line-height: 145%;
}

#slider ul, #slider li
{
margin:35px 0 0 0;
padding:0;
list-style:none;
}

#slider li
{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:598px;
height: 500px;
overflow:hidden; 
}

/* numeric controls */
ol#controls
{
height: 28px;
margin: 1em 0;
padding: 0;
position: relative;
top: -173px;
left: 10px; 
}

ol#controls li
{
margin: 0 10px 0 0; 
padding: 0;
float: left;
list-style: none;
height: 28px;
line-height: 28px;
}

ol#controls li a
{
float:left;
height:22px;
line-height:22px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 8px;
text-decoration:none;
font-size: 10px;
}

ol#controls li.current a
{
background:#5DC9E1;
color:#fff;
}

ol#controls li a:hover
{
background:#5DC9E1;
color:#fff;
}

ol#controls li a:focus
{
outline: none;
}

/* ------------------------ Easy Slider ------------------------ */

a.icon_photo:link, a.icon_photo:visited, a.icon_photo:hover
{
background: url(/img/harmony_fund/icon_photo.png) 0 -4px no-repeat;
padding: 6px 0 6px 36px;
display: block;
text-decoration: underline;
}

a.icon_photo:hover
{
text-decoration: none;
}

/* Donate BTN */
.btn-donate
{
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}
/* View other organization BTN */

.view-other-org
{
width: 180px;
text-align: center;
float: right;
position: relative;
top: 29px;
margin-right: 10px;

}

.view-other-org a:link, .view-other-org a:visited, .view-other-org a:hover
{
background: #D1EEFF;
border:1px solid #B3DAEF;
padding: 8px;
color: #375D97;
font-size: 12px;
display: block;
text-decoration: none;
}

.view-other-org a:hover
{
background: #c1e1f4;
color: #333;
}

/* ================== Donation landing page ==================== */

#donate-choice
{
width: 660px;
float: left;
margin-bottom: 30px;
}

#donate-choice .today, #donate-choice .monthly
{
width: 228px;
float: left;
background: #f3da95;
border: 2px solid #e8c66a;
text-align: center;
padding: 0 15px 15px 15px;
margin-top: 15px;
}

#donate-choice .today p, #donate-choice .monthly p
{
text-align: left;
}


#donate-choice .today
{
margin-left: 26px;
background: #d4e0a2;
border: 2px solid #b9cd64;
}

#donate-choice .or p
{
width: 90px;
float: left;
text-align: center;
font-size: 180%;
font-weight: bold;
}

.supp-fav
{
position: relative;
top: 50px;
left: 517px;
background: url(../../../img/donate/share-their-love.png) 0 0 no-repeat;
width: 157px;
height: 139px;
text-indent: -9999px;
z-index: 1000;
}

.jumping-for-joy
{
position: relative;
top: 105px;
left: 371px;
background: url(../../../img/donate/heart_jumpingforjoy.png) 0 0 no-repeat;
width: 153px;
height: 132px;
text-indent: -9999px;
z-index: 1000;
}

a.btn-donatenow
{
margin-left: 250px;
margin-bottom: 20px;
}

a.btn-donatenow:link, a.btn-donatenow:visited, a.btn-donatenow:hover
{
background: url(../../../img/donate/btn_donatenow.png) 0 0 no-repeat;
display: block;
text-indent: -9999px;
width: 176px;
height: 48px;
}

a.btn-donatenow:hover
{
background: url(../../../img/donate/btn_donatenow.png) 0 -48px no-repeat;
display: block;
text-indent: -9999px;
width: 176px;
height: 48px;
}

#donate-choice .today h3, #donate-choice .monthly h3
{
font-size: 25px;
font-family: Georgia, Times, serif;
color: #375d97;
}

#donate-choice .monthly h3
{
color: #f7473d;
}

#donate-choice .today h3 a:link, #donate-choice .today h3 a:visited, #donate-choice .today h3 a:hover 
{
color: #375d97;
text-decoration: none;
font-size: 25px;
font-weight: normal;
}

#donate-choice .today h3 a:hover 
{
text-decoration: underline;
}

#donate-choice .monthly h3 a:link, #donate-choice .monthly h3 a:visited, #donate-choice .monthly h3 a:hover 
{
color: #f7473d;
text-decoration: none;
font-size: 25px;
font-weight: normal;
}

#donate-choice .monthly h3 a:hover 
{
text-decoration: underline;
}

.donation-form
{
background: #fdeab6;
}
/* ------------------------ Donation Form ------------------------ */

.instructions
{
font-family: Arial;
color: red;
}

/* ------------------------ Board of Directly page ------------------------ */
.name
{
font-family: Georgia, times, serif;
color: #3c3409;
font-size: 14px;
}


/* ------------------------ Rescue Showcase section ------------------------ */

/* Story page */

.rescue-showcase .content
{
font-size: 12px;
line-height: 135%;
}

.rescue-showcase .photo
{
float: right;
width: 320px;
margin: 5px 15px 15px 15px;
}

.rescue-showcase .other-stories
{
background: #fdeab6;
border: 1px solid #e9d292;
padding: 10px 20px;
margin-top: 20px;
clear: both;
}

.other-stories a:link, .other-stories a:visited, .other-stories a:hover
{
color: #f8473d;
text-decoration: underline;
font-weight: normal;
}

.other-stories a:hover
{
color: #fff;
background: #f8473d;
text-decoration: none;
}

#pagination
{
margin-top: 10px;
clear: both;
}

/* ---------------------- Question icon -------------------------- */
a.question:link, a.question:visited, a.question:hover
{
background: #1663ac;
border: 1px solid #085094;
color: #fff;
width: 15px;
height: 15px;
text-decoration: none;
text-align: center;
padding: 0 5px;
}

a.question:hover
{
background: #3484d1;
border: 1px solid #085094;
}

/* --------------------------- Jumping for Joy page ---------------------------- */
#jumping-box
{
background: #fef3d6;
border: 1px solid #f8eac4;
padding: 25px 15px 10px 40px;
line-height: 135%;
margin: 20px 10px;
float: left;
}

#jumping-box p
{
font-size: 21px;
line-height: 160%;
color: #483911;
font-family: Georgia, Times, serif;
margin-top: 15px;
}

.btn
{
margin: 40px 0 0 200px;
}

a.visit-donation:link, a.visit-donation:visited, a.visit-donation:hover
{
background: url(../../../img/joyful/btn_visitdonation-page.gif) 0 0 no-repeat;
width: 253px;
height: 48px;
display: block;
text-indent: -9999px;
}

a.visit-donation:hover
{
background: url(../../../img/joyful/btn_visitdonation-page.gif) 0 -48px no-repeat;
width: 253px;
height: 48px;
}

/* ----------------------- Rescue Showcase section --------------------------- */

.required
{
color: red;
}

/* Upload page */
form#rescue-showcase-form input.textfield
{
background: #fff;
border: 1px solid #ccc;
padding: 5px;
width: 350px;
}

form#rescue-showcase-form div
{
width: 600px;
clear: both; 
}

form#rescue-showcase-form .btn-submit
{
background: #1974aa;
padding: 5px;
color: #fff;
width: 69px;
margin-left: 65px;
}

form#rescue-showcase-form .description
{
font-size: 10px;
padding-top: 5px;
clear: both;
width: auto;
}

form#rescue-showcase-form .message p
{
background: #d3eba0;
border: 1px solid #b1d06f;
padding: 10px 15px;
width: 475px;
margin-left: 65px;
line-height: 135%;
}

form#rescue-showcase-form h2
{
color: #1974aa;
font-size: 20px;
font-family: Arial, verdana, sans-serif;
margin: 0 0 10px 30px;
}

form#rescue-showcase-form p
{
margin: 0 0 30px 30px;
}

a.change-password:link, a.change-password:visited, a.change-password:hover
{
background-color:#D1EEFF;
border:1px solid #B4D9EE;
padding: 6px 10px;
color: #3a90c3;
width: 150px;
text-decoration: none;
float: right;
text-align: center;
position: relative;
top: 29px;
left: -10px;
}

a.change-password:hover
{
background: #8dc6e7;
}

p#logged-in
{
float: left;
font-size: 10px;
background: #d5ee9e;
border: 1px solid #c8e28f;
padding: 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

/* Index page (Rescue showcase) */

#rescue-showcase-section h1
{
font-size: 27px;
margin-bottom: 5px;
line-height: 29px;
color: #d07a2e;
font-family: Georgia, Times, serif;
}

#rescue-showcase-section .thumb
{
float: left;
width: 100px;
padding: 10px 10px 5px 0;
}

#rescue-showcase-section h2 a:link, #rescue-showcase-section h2 a:visited, #rescue-showcase-section h2 a:hover
{
color: #549345;
font-size: 19px;
font-family: Arial, verdana, sans-serif;
margin: 0;
padding: 0;
text-decoration: none;
}

#rescue-showcase-section h2 a:hover
{
color: #d07a2e;
}

#rescue-showcase-section .name
{
font-size: 11px;
color: #f7473d;
margin: -10px 0 0 0;
padding: 0;
}

#rescue-showcase-section .date
{
font-size: 11px;
margin-bottom: 3px;;
}

#rescue-showcase-section .story
{
clear: both;
}

/* Login page */

#rescue-showcase-section #loginboxes
{
margin-top: -316px;
float: left;
}

#rescue-showcase-section .login-box
{
width: 250px;
height: 290px;
float: right;
background: #d1eeff;
border: 1px solid #b1d7ed;
padding: 0 30px;
}

#rescue-showcase-section .login-box form
{
width: 250px;
float: right;
background: none;
border: none;
margin-top: -20px;
}

#rescue-showcase-section .login-box form #btn-submit, #rescue-showcase-section form #btn-submit
{
background: #1974aa;
border: 1px solid #0b5c8b;
padding: 5px 10px;
color: #fff;
width: auto;
margin: 10px 0 0 100px;
}

#rescue-showcase-section .login-box form input
{
width: 180px;
}

#rescue-showcase-section .login-box form label
{
padding-left: 10px;
}

#rescue-showcase-section .new-user-box
{
background: #f3da95;
border: 1px solid #ddc173;
width: 250px;
height: 290px;
float: left;
padding: 0 30px;
margin-right: 15px;
}

#rescue-showcase-section .new-user-box h2, #rescue-showcase-section .login-box h2
{
font-size: 23px;
color: #d07a2e;
font-family: Arial, verdana, sans-serif;
text-align: center;
margin-top: 30px;
}

#rescue-showcase-section .login-box h2
{
color: #0b5079;
margin-top: 33px;
}

#rescue-showcase-section a.btn-register:link, #rescue-showcase-section a.btn-register:visited, #rescue-showcase-section a.btn-register:hover
{
background: #f7473d;
padding: 6px 10px;
border: 1px solid #d32218;
color: #fff;
text-decoration: none;
text-align: center;
margin-left: 70px;
margin-top: 60px;
font-weight: normal;
}

#rescue-showcase-section a.btn-register:hover
{
background: #db271c;
border: 1px solid #b30d04;
}

/* ----- Forgot password ---- */

form#rescue-showcase-form input#btn-submit
{
background: #1974aa;
padding: 6px 10px;
border: 1px solid #0b5c8b;
width: auto;
color: #fff;
margin-left: 196px;
}

/* ----- Register page ---- */

form#rescue-showcase-form div#form-box input
{
margin-left: 10px;
}

form#rescue-showcase-form div#form-box label
{
width: 220px;
}

form#rescue-showcase-form #checkbox
{
width: 20px;
}

#thanks-registering
{
background:none repeat scroll 0 0 #D3EBA0;
border:1px solid #B1D06F;
line-height:135%;
padding:18px 25px;
width:600px;
margin: 25px 0;
}

#thanks-registering p
{
font-size: 14px;
}

#thanks-registering a.btn-login:link, #thanks-registering a.btn-login:visited, #thanks-registering a.btn-login:hover
{
text-decoration: none;
background: #2d72c1;
border: 1px solid #2366b2;
padding: 8px 10px;
color: #fff;
margin-top: 20px;
}

#thanks-registering a.btn-login:hover
{
background: #508ccf;
border: 1px solid #4681c3;
}

/* Delete Page */

/* ------ Table style - General ------*/
.admin
{
margin-top: 30px;
}


table.Data
{
border-collapse: collapse;
border: 1px solid #1974aa;
background: #fff;
margin: 10px 0px;
width: 100%;
}

table.Data th
{
background-color: #d1eeff;
color: #1974aa;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #1974aa;
border-left:  1px dashed #1974aa;
padding: 7px;
line-height: 115%;
text-align: center;
}

table.Data td
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
border-bottom: 1px solid #1974aa;
border-left:  1px dashed #1974aa;
padding: 5px 10px;
}

/* Change Password */

#form-change-password form#rescue-showcase-form div label
{
width: 200px;
}

#form-change-password form#rescue-showcase-form input.btn-submit
{
width: auto;
margin-left: 210px;
}

/* error message */

.error
{
color: red;
padding: 5px; 
width:500px;
}

#bodytext form div p.error
{
width: 500px;
}

.complete-message
{
color: #333;
border: 1px solid #cde28f;
padding: 20px 20px 20px 60px; 
width: 400px;
background: #ddf1a2 url(../../../img/smile-happy.png) 10px center no-repeat;
}

#photo-upload
{
width: 400px;
}

#photo-upload h3
{
margin-left: 60px;
font-weight: bold;
margin-bottom: 5px;
}

#bodytext form #photo-upload p
{
width: auto;
font-size: 12px;
margin-bottom: 15px;
}

#photo-upload div label
{
width: 150px;
}

/* Next and Prev link */

div a.prev
{
float: left;
margin-top: 30px;
}

div a.next
{
float: right;
margin-top: 30px;
}

div a.pre-next:link, div a.pre-next:visited, div a.pre-next:hover
{
background: #1974AA;
border: 1px solid #106090;
color: #fff;
font-size: 11px;
text-decoration: none;
padding: 5px;
}

div a.pre-next:hover
{
background: #5aa0c9;
border: 1px solid #106090;
color: #fff;
font-size: 11px;
text-decoration: none;
padding: 5px;
}

/* Contact page - subscribe to email magazine */
#subscribe
{
width:600px;
font-size:12px;
}

#subscribe td.check
{
width: 20px;
}

#subscribe td.label
{
width: 530px;
}

/* ---------------------------- Ads on the right column ---------------------------- */

/* Ad on the right column */
.ad-right-column
{
clear:both;
}

/* Care2 Widget */
.ad-care2
{
margin-left: 9px;
margin-bottom: 9px;
}

.google-ads-468-60
{
text-align: center;
padding-top: 25px;
margin-top: 25px;
clear: both;
}

/* Superhero ad */
.ad-superhero
{
width: 182px;
margin-left: -10px;
margin-top: 25px;
background: url(../../../img/ad/ad_superhero_bg.png) 0 0 repeat-y;
clear: both;
}

.ad-superhero h1
{
background: url(../../../img/ad/ad_superhero_top.jpg) 0 0 no-repeat;
width: 182px;
height: 145px;
text-indent: -9999px;
display: block;
}

.ad-superhero p
{
font-family: "Lucida Grande", Arial, verdana, sans-serif;
font-size: 12px;
line-height: 130%;
color: #fff;
padding: 5px 5px 5px 15px;
text-align: left;
}

.ad-superhero p a:link, .ad-superhero p a:visited, .ad-superhero p a:hover
{
color: #fff;
text-decoration: underline;
}

.ad-superhero p a:hover
{
color: #b6d8f7;
text-decoration: none;
}

.ad-superhero .bottom
{
background: url(../../../img/ad/ad_superhero_bottom.jpg) 0 0 no-repeat;
width: 182px;
height: 54px;
}

.ad-superhero .bottom a.donate:link, .ad-superhero .bottom a.donate:visited, .ad-superhero .bottom a.donate:hover
{
width: 182px;
height: 54px;
display: block;
text-indent: -9999px;
}

/* Basket (Bear) ad */
.ad-basket
{
width: 191px;
margin-left: -11px;
margin-top: 20px;
background: url(../../../img/ad/ad_basket_bg.png) 0 0 repeat-y;
}

.ad-basket h1
{
background: url(../../../img/ad/ad_basket_top.jpg) 0 0 no-repeat;
width: 191px;
height: 163px;
text-indent: -9999px;
display: block;
}

.ad-basket p
{
font-family: "Lucida Grande", Arial, verdana, sans-serif;
font-size: 12px;
line-height: 130%;
color: #fff;
padding: 5px 22px 5px 11px;
text-align: left;
}

.ad-basket p a:link, .ad-basket p a:visited, .ad-basket p a:hover
{
color: #fff;
text-decoration: underline;
}

.ad-basket p a:hover
{
color: #b6d8f7;
text-decoration: none;
}

.ad-basket .bottom
{
background: url(../../../img/ad/ad_basket_bottom.jpg) 0 0 no-repeat;
width: 191px;
height: 85px;
}

.ad-basket .bottom a.donate:link, .ad-basket .bottom a.donate:visited, .ad-basket .bottom a.donate:hover
{
width: 191px;
height: 54px;
display: block;
text-indent: -9999px;
}

/* Youtube link */
#youtube
{
width: 176px;
height: 143px;
clear: both;
padding-top: 20px;
padding-bottom: 60px;
margin-left: 7px;
}

#youtube h3
{
color: #dbffd2;
font-size: 18px;
font-family: Georgia, serif;
font-weight: normal;
font-style: italic;
text-align: center;
padding-bottom: 10px;
}

#youtube p
{
color: #dbffd2;
font-size: 12px;
text-align: center;
padding-top: 5px;
}

#youtube a:link, #youtube a:visited, #youtube a:hover
{
background: url(../../../img/youtube.jpg) 0 0 no-repeat;
width: 176px;
height: 143px;
display: block;
text-indent: -9999px;
}

#youtube a:hover
{
background: url(../../../img/youtube.jpg) 0 -143px no-repeat;
}

/* Heart shaped donate button on home page */
#donate-heart
{
clear: both;
margin: 60px 0 0 15px;
}


#donate-heart a:link, #donate-heart a:visited, #donate-heart a:hover
{
background: url(../../../img/btn-heart-donate.png) 0 0 no-repeat;
width: 161px;
height: 138px;
display: block;
text-indent: -9999px;
}

#donate-heart a:hover
{
background: url(../../../img/btn-heart-donate.png) 0 -134px no-repeat;
}

/* Home page video promotion Sept. 29 2010 - remove after promotion is over */
#promo-video
{
margin-bottom: -222px;
}

#promo-video .watch-mini a:link, #promo-video .watch-mini a:visited, #promo-video .watch-mini a:hover
{
background: url(/assets/templates/slideshow/mini-video.png) 0 0 no-repeat;
width: 152px;
height: 140px;
position: relative;
top: -370px;
left: 9px ;
text-indent: -9999px;
z-index: 1;
display: block;
}

/* Harmony Fund page - Right column adding video Where Heroes Roam campaign */

#where-hero-roam
{
clear: both;
margin: 100px 0 0 5px;
}

#where-hero-roam a:link, #where-hero-roam a:visited, #where-hero-roam a:hover
{
background: url(../../../img/side-where-heros-roam.jpg) 0 0 no-repeat;
width: 189px;
height: 213px;
display: block;
text-indent: -9999px;
border: none;
}

#where-hero-roam a:hover
{
background: url(../../../img/side-where-heros-roam.jpg) 0 -217px no-repeat;
}

/* Advice section */

#advice-section .photo
{
text-align: center;
}

/* Facebook and Tweet buttons on the Story pages */
.fb-tweet-btns
{
width: 310px;
margin-bottom: 15px;
}

/* Rescue Showcase page */
.btn-submit-rescue-stories
{
float: right;
width: 201px;
margin-top: 15px;
}

.btn-submit-rescue-stories-each
{
float: right;
margin: 5px 25px 20px 0;
width: 150px;
}

.btn-submit-rescue-stories a:link, .btn-submit-rescue-stories a:visited, .btn-submit-rescue-stories a:hover
{
background: url(../../../img/rescue_showcase/btn-submit-stories.png) 0 0 no-repeat;
width: 201px;
height: 116px;
display: block;
text-indent: -9999px;
}

.btn-submit-rescue-stories a:hover
{
background: url(../../../img/rescue_showcase/btn-submit-stories.png) 0 -112px no-repeat;
}

/* $2 Rescue with Title */

a#two-dollar-ads:link, a#two-dollar-ads:visited, a#two-dollar-ads:hover
{
background: url(../../../img/rescue_showcase/10dollar-rescue-ads-dogrunning.jpg) 0 0 no-repeat;
width: 284px;
height: 231px;
text-indent: -9999px;
display: block;
}

a#two-dollar-ads:hover
{
background: url(../../../img/rescue_showcase/10dollar-rescue-ads-dogrunning.jpg) 0 -234px no-repeat;
}

/* $2 Rescue ONLY SHOWS on Page ID 191 */

a#two-dollar-ads-dogs:link, a#two-dollar-ads-dogs:visited, a#two-dollar-ads-dogs:hover
{
background: url(../../../img/rescue_showcase/2dollar-rescue-ads-dogs.jpg) 0 0 no-repeat;
width: 284px;
height: 231px;
text-indent: -9999px;
display: block;
}

a#two-dollar-ads-dogs:hover
{
background: url(../../../img/rescue_showcase/2dollar-rescue-ads-dogs.jpg) 0 -234px no-repeat;
}

/* $2 Rescue ONLY SHOWS on Page ID 234 */

a#two-dollar-ads-tnr:link, a#two-dollar-ads-tnr:visited, a#two-dollar-ads-tnr:hover
{
background: url(../../../img/rescue_showcase/2dollar-rescue-ads-tnr.jpg) 0 0 no-repeat;
width: 284px;
height: 231px;
text-indent: -9999px;
display: block;
}

a#two-dollar-ads-tnr:hover
{
background: url(../../../img/rescue_showcase/2dollar-rescue-ads-tnr.jpg) 0 -234px no-repeat;
}

/* On Donation page - $2 Ad campaign */
#donation-two-dollar-campaign
{
text-align: center;
clear: both;
}

#bodytext #donation-two-dollar-campaign h2
{
color: #468836;
font-size: 28px;
margin-bottom: 2px;
font-weight: bold;
}

#donation-two-dollar-campaign .tag
{
font-size: 17px;
font-family:Georgia, Times, serif;
font-style: italic;
margin-bottom: 4px;
}

/* Buttons on Story page */
.btn-submit-rescue-stories-each a:link, .btn-submit-rescue-stories-each a:visited, .btn-submit-rescue-stories-each a:hover
{
background: url(../../../img/rescue_showcase/btn-submit-stories-each.png) 0 0 no-repeat;
width: 150px;
height: 88px;
display: block;
text-indent: -9999px;
}

.btn-submit-rescue-stories-each a:hover
{
background: url(../../../img/rescue_showcase/btn-submit-stories-each.png) 0 -87px no-repeat;
}

/* View showcase button */
.btn-view-showcase
{
float: left;
width: 282px;
margin-right: 15px;
margin-left: 20px;
margin-top: 20px;
}

.btn-view-showcase a:link, .btn-view-showcase a:visited, .btn-view-showcase a:hover
{
background: url(../../../img/rescue_showcase/btn-view-showcase.png) 0 0 no-repeat;
width: 282px;
height: 209px;
display: block;
text-indent: -9999px;
}

.btn-view-showcase a:hover
{
background: url(../../../img/rescue_showcase/btn-view-showcase.png) 0 -209px no-repeat;
}

/* Donate at Harmony page button */
.btn-give-harmony
{
float: left;
width: 307px;
margin-top: 9px;
}

.btn-give-harmony a:link, .btn-give-harmony a:visited, .btn-give-harmony a:hover
{
background: url(../../../img/rescue_showcase/btn-give-harmony.png) 0 0 no-repeat;
width: 307px;
height: 221px;
display: block;
text-indent: -9999px;
}

.btn-give-harmony a:hover
{
background: url(../../../img/rescue_showcase/btn-give-harmony.png) 0 -224px no-repeat;
}

/* Donate - 16 Great Reason to Give button */

.donate-reason-to-give
{
float: left;
width: 307px;
margin-top: 9px;
margin-left: 150px;
}

.donate-reason-to-give a:link, .donate-reason-to-give a:visited, .donate-reason-to-give a:hover
{
background: url(../../../img/harmony_fund/btn-16reason-give.png) 0 0 no-repeat;
width: 307px;
height: 221px;
display: block;
text-indent: -9999px;
}

.donate-reason-to-give a:hover
{
background: url(../../../img/harmony_fund/btn-16reason-give.png) 0 -224px no-repeat;
}

/* $2 Hero button on Showcase index page */
#btn-2hero-yes
{
position: relative;
margin-left: -105px;
float: left;
width: 190px;
}

#btn-2hero-yes a:link, #btn-2hero-yes a:visited, #btn-2hero-yes a:hover
{
background: url(../../../img/rescue_showcase/btn-2hero-yes.png) 0 0 no-repeat;
width: 181px;
height: 182px;
text-indent: -9999px;
display: block;
}

#btn-2hero-yes a:hover
{
background: url(../../../img/rescue_showcase/btn-2hero-yes.png) 0 -181px no-repeat;
}

/* Bear heart "Give" ad */
#bear-heart-hf-inside,
#bear-heart-login,
#bear-heart-home,
#bear-heart-internal,
#bear-heart-news,
#your-pet-ad
{
width: 254px;
height: 225px;
position: relative;
z-index: 10;
margin-top: -9px;
margin-left: -173px;
}

#bear-heart-hf-inside a,
#bear-heart-login a,
#bear-heart-home a,
#bear-heart-internal a,
#bear-heart-news a,
#your-pet-ad a
{
background: url(../../../img/bear-heart-give.png) 0 0 no-repeat;
width: 254px;
height: 225px;
text-indent: -9999px;
display: block;
cursor: pointer;
}

#your-pet-ad
{
position: relative;
left: -25px;
top: 68px;
top: 0px\9;
margin-left: 0;
margin-bottom: 70px;
}

#your-pet-ad a
{
width: 270px;
height: 255px;
}

#bear-heart-login
{
margin-top: 113px;
}

#bear-heart-home
{
margin-top: -302px;
margin-left: -112px;
}

#bear-heart-internal
{
margin-top: -223px;
margin-left: -222px;
z-index: 10000;
}

#bear-heart-news
{
margin-top: -223px;
margin-left: -242px;
z-index: 10000;
}

/* ----------- Video page ------------- */

.youtube-video
{
width: 300px;
height: 360px;
vertical-align: top;
float: left;
margin-right: 20px;
}

#bodytext .youtube-video h2
{
font-size: 16px;
margin-bottom: 8px;
color: #ff3716;
line-height: 100%;
font-weight: bold;
}

#bodytext .youtube-featured-video h2
{
font-size: 18px;
margin-bottom: 0;
color: #ff3716;
line-height: 120%;
font-weight: bold;
}

#bodytext .youtube-video p
{
line-height: 125%;
}

.generic-btn
{
margin: 25px 0;
}

.generic-btn a:link,
.generic-btn a:visited,
.generic-btn a:hover
{
background: #fc5b98 url(../../../img/btn-heart.png) 8px 11px no-repeat;
border: 1px solid #ecb9cc;
padding: 8px 10px 8px 28px;
color: #fff;
font-size: 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
width: auto;
text-decoration: none;
cursor: pointer;
}

.generic-btn a:hover
{
background: #f6d0df url(../../../img/btn-heart.png) 8px 11px no-repeat;
border: 1px solid #ecb9cc;
color: #ca7b99;
}

/* News More water melon */
/* Donate - 16 Great Reason to Give button */

.btn-morewatermelon
{
float: left;
width: 307px;
margin-top: 9px;
margin-left: 150px;
}

.btn-morewatermelon a:link, .btn-morewatermelon a:visited, .btn-morewatermelon a:hover
{
background: url(../../../img/news/aug-2011/btn-more-watermelon.png) 0 0 no-repeat;
width: 307px;
height: 221px;
display: block;
text-indent: -9999px;
}

.btn-morewatermelon a:hover
{
background: url(../../../img/news/aug-2011/btn-more-watermelon.png) 0 -224px no-repeat;
}

/* Donate button on Harmony Fund image slider */
a.heart-donate
{
background: url(../../../img/harmony_fund/donate-heart.png) 0 0 no-repeat;
width: 120px;
height: 87px;
text-indent: -9999px;
display: block;
}

a.heart-donate:hover
{
background: url(../../../img/harmony_fund/donate-heart.png) 0 -88px no-repeat;
}

.warning-box
{
background: #e96573;
padding: 0 20px;
border: 1px solid #d35462;
width: 600px;
margin-bottom: 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

.warning-box p
{
color: #fff;
font-size: 14px;
font-weight: bold;
}