/*------------------------------------- width amends for header and footer  ------------------------------------*/
body.jghp3 #navigation, #logInDetails {right:20px; }
body.jghp3 #backToTop {display:none;}
body.jghp3 #footer {width:940px!important; right:10px; }
body.jghp3 .jg-logo {background-image:url(images/logos/justgiving/jg-logo-large.jpg); background-position:0 0; background-repeat:no-repeat; display:block; float:left;
height:58px; left:-10px; top:30px; overflow:hidden; text-align:left; width:278px; text-indent: -999em; display:block; position:absolute; }
body.jghp3 .jg-logo img { display:none;}

/*------------------------------------- homepage b  ------------------------------------*/
#homeWrapperOuter {width:940px; border-top:1px dotted #333;  padding:20px 0; position:relative; margin-top:50px;  }
#homeWrapperBtm { clear:both; width:940px; float:left; padding: 0; }
#homeWrapperBtm h2.section {color:#3e51a3; font-weight:bold; font-size:1.6em; padding: 0px 0 25px 0; margin:0 0 8px 0; line-height:normal; 
background:url(images/graphics/embelish/arrows-grey-rule.gif) no-repeat bottom left;  }


/*general*/
#homeWrapperOuter a img {border: 0px}
#homeWrapperOuter p { color:#000; font-weight:normal; font-size:1.3em;   }
#homeWrapperOuter .hide {display:none}
#homeWrapperOuter .offscreen {position:absolute; top:-10000px; left:-10000px;}
#homeWrapperOuter .margin-right { margin-right:20px; }
#homeWrapperOuter .margin-btm { margin-bottom:15px; }


/*box large*/
#homeWrapperOuter .box-large { width: 640px; float:left; _background-image:none !important; }
#homeWrapperOuter .home-main-heading { width:490px; float:left;  }
#homeWrapperOuter h1 {color:#3e51a3; font-weight:500; font-size:3em; display:inline; line-height:1.4;   }
#homeWrapperOuter h1 span {font-size:0.4em; text-align:right; padding-left:15px;}


/*box small top*/
#homeWrapperOuter .top-box-small { width:299px; float:left; border-left:1px dotted #a6a5a5;  padding:0 0 12px; background:#fff;   }
#homeWrapperOuter .top-box-small p { padding:5px 0 8px 10px;  border-bottom:1px dotted #a6a5a5; color:#999; float:right; font-size: 1.2em;      }
#homeWrapperOuter .top-box-small p span { float:left; width: 190px }
#homeWrapperOuter .top-box-small p strong { font-weight:bold; font-size:1.5em; color:#3e51a3; float:right;  }


/*user updates*/
#homeWrapperOuter #active-fundraisers-home {clear:both; height:65px; overflow: visible; float: right; width: 298px   }
#homeWrapperOuter #active-fundraisers-home div.user-updates { background:#fff; width:220px; /*height:68px;*/ height:65px;   }
#homeWrapperOuter #active-fundraisers-home h2 {font-size:1.4em; color:#000; font-weight:normal; padding:0; margin:0; line-height:1; text-align:right; float: left; width: 184px }
#homeWrapperOuter #active-fundraisers-home img { float:right; padding:0 0 0 10px;margin-right:-78px;}
#homeWrapperOuter #active-fundraisers-home p {float:left; border:none; padding:15px 0 0 0; font-size:1.2em;  text-align:right; }
#homeWrapperOuter #active-fundraisers-home p,#homeWrapperOuter #active-fundraisers-home h2 { width: 220px}
#homeWrapperOuter #active-fundraisers-home strong { font-weight:normal; font-size:1.1em; float:none; } 


/*box small*/
#homeWrapperOuter .box-small { width:298px; float:left; padding-bottom:20px; border:1px dotted #fff; min-height:100px; height:auto !important;  height:100px; }
#homeWrapperOuter .box-small h2 { padding:6px 15px 4px 15px; border-bottom 1px solid #fff; border-bottom:1px solid #fff; font-size:1.8em; color:#fff; font-weight:bold; letter-spacing:.02em;  }
#homeWrapperOuter .box-small ul { padding:8px 0 14px 15px; color:#fff; }
#homeWrapperOuter .box-small ul li { font-size:1.5em; padding:0 0 3px 0; margin:0;  }
#homeWrapperOuter .box-small p {padding:8px 15px; color:#fff; font-size:1.5em;   }
#homeWrapperOuter .box-small p a span { font-size:1em; line-height:20px; height:auto; }
#homeWrapperOuter .box-small .slidingdoor-button.blue.small span, #homeWrapperOuter .box-small .slidingdoor-button.orange.small span {padding:9px 16px 11px 9px; }
#homeWrapperOuter .box-small .button-wrap {padding:0 15px;  }
#homeWrapperOuter .orange-bgd {padding-bottom:42px; }


/*box med*/
#homeWrapperOuter .box-med {width: 588px; float:left; border:1px dotted #a6a5a5; padding:17px 15px 16px 15px; color:#fff; font-weight:bold; font-size:1.5em; }
#homeWrapperBtm .box-med h2 {color:#2A42C6; font-weight:bold; font-size:1.2em; border:none}
#homeWrapperOuter .box-med p { font-size:0.9em; margin-bottom:14px; color: #1C1C1C;    }
#homeWrapperOuter .box-med p span { display: block; padding-top:5px;  }


/*box colours*/
#homeWrapperOuter .purple-bgd { background:#3f51a3; }
#homeWrapperOuter .blue-bgd { background:#36b0cb; }
#homeWrapperOuter .green-bgd { background:#91b83e; }
#homeWrapperOuter .orange-bgd { background:#f27024; }
#homeWrapperOuter .white-bgd { background:#fff; }

/* buttons */
div.button-wrap a.button-med { width:119px; height:33px;  display:block; padding:0; margin:0; text-decoration:none; text-indent:-99999px; }
div.button-wrap .purple {background:url(images/buttons/sprite-text.png) no-repeat -262px 0;}
div.button-wrap .purple:hover { background:url(images/buttons/sprite-text.png) no-repeat -262px -62px;  }
div.button-wrap .orange {background:url(images/buttons/sprite-text.png) no-repeat -431px 0;}
div.button-wrap .orange:hover {background:url(images/buttons/sprite-text.png) no-repeat -431px -62px; }


/*social links*/
#weAreOn { clear:both; width:265px; position:absolute; top:-65px; right:0;   }
#weAreOn h2 { color:#999; float:left; font-size:1.1em; padding:8px 10px 0 0; margin:0;   } 
#weAreOn ul { float:right; margin:0; padding:0; }
#weAreOn ul li {float:left; margin:0; padding:0; }
#weAreOn ul li a {padding:6px 0 0 27px;  float:left;  margin-right:6px; display:block; text-indent:-99999px; 
background-color: transparent;
background-image:url(images/graphics/icons/socialMediaIcons.png);
background-repeat: no-repeat;}
#weAreOn ul li a.last { margin-right:0; }
#weAreOn ul li a:hover {  }

#weAreOn ul li.twitter a {background-position:0 0; }
#weAreOn ul li.facebook a {background-position: -43px 0; }
#weAreOn ul li.delicious a {background-position: -87px 0; }
#weAreOn ul li.youtube a {background-position:-131px 0;}
#weAreOn ul li.flickr a {background-position: -170px 0; }
#weAreOn ul li.digg a {background-position:-215px 0; }

/*-------------------------------------  search ------------------------------------*/
#homeWrapperOuter .charity-search {float:left; width:250px; margin:20px 0 0 15px; _display:inline;  }
#homeWrapperOuter .charity-search form {float:left; padding:0; margin:0; width:250px; }
#homeWrapperOuter .charity-search fieldset {margin:0; padding:0; float:left; border:none;}
#homeWrapperOuter .charity-search label { font-weight:normal; margin-right:0px; color:#000; font-weight:bold; }
#homeWrapperOuter .charity-search input.txt {font-size:1.3em; font-weight:bold; width:183px; height:28px; float:left; border-right:1px solid #cfcece; border-bottom:1px solid #cfcece; border-left:1px solid #cfcece; color:#999; padding-left:5px;}

