/* CSS Document */
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  background:url(../images/backgroundimg.gif);
  background-repeat:repeat;
}

p {
  margin:3px 0 15px 0;
}
.clr {
  clear:both;
  margin:0 !important;
}
#wrapper {
  width: 1004px;
  margin:0 auto;
}
#wrapper2 {  
  padding:0 0 0 17px;
  background:url(../images/bg_shadow_left.png) repeat-y 2px 0;  
}
#wrapper3 {
  padding:0 11px 0 0;
  width:100%;
  background:url(../images/bg_shadow_right.png) repeat-y 99.8% 0;
  position:relative;
}
#wrapper4 {
  background:#fff;
  position:relative;
  width:980px;
}
#footer {
  clear:both;
  height:17px;
  width:994px;
  padding:0 0 0 18px;
  background: url(../images/bg_shadow_bottom_left.png) no-repeat 2px 0;  
}

#footer .middle {
  width:978px;
  float:left;
  height:17px;
  background: url(../images/bg_shadow_bottom.png) repeat-x;
}
#footer .right {  
  float:right;
  height:17px;
  width:16px;
  background: url(../images/bg_shadow_bottom_right.png) no-repeat top right;
  padding:0;
}

#left {
  float:left;
  background:url(../images/bg_left.jpg)  no-repeat 0 0;  
  height:601px;
  width:308px;
  padding-left:15px;
  z-index:2;
}

#content {
  position:relative;
  background:url(../images/bg_kids.jpg) #fff no-repeat;
  width:637px;
  float:left;
  padding:260px 10px 0 10px;  
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav {
  margin:0 auto;  
  text-align:center;
  z-index:3;
}
.top {
  width:265px;
  background:url(../images/bg_shadow_right.png) repeat-y top right;
}
#nav .top .bg {
  margin:0;
  width:250px;
  padding:35px 0 0 0;
  background:#ffffde;
}
#nav .bottom {  
  height:19px;
  width:265px;
  background:url(../images/bg_shadow_bottom_right.png) no-repeat top right;
}
#nav .bottom .middle {
  background:url(../images/bg_shadow_bottom.png) repeat-x 0 0;
  height:19px;
  width:250px;
}
#nav .bottom .right {
  
  height:19px;
}

#logo {
  padding:0 0 25px 0;
}

#tagline_area {
  position:absolute;
  clear:both;
  width:600px;
  padding:0 0 10px 0;
  bottom:10px;
  left:330px;
}
#tagline_area p {
  margin:0;
}
#tagline_area P.tagline {
  color:rgb(140,198,63);
  font-size:24px;
  
}


.blue {
  
  color:rgb(43,56,143);
}
h1 {
  color:#ff6600; /* rgb(241,90,36); */
  font-weight:normal;
}
h1.donate {
  margin-bottom:0;
}
h2 {
  color:rgb(43,56,143);
  font-style:italic;
  font-size: 12px;
  font-weight:normal;
  margin:0;
}

h2 .name {
  font-weight:bold;
  font-style:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
h2.donate {
  color:rgb(27,110,192);
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  margin:0;
}
h3 {
  color:rgb(141,199,63);
  margin:20px 0 0 0;
}

.scrollable {
  width:610px;
  padding:0 10px 0 0;
  height:210px;
  overflow:auto;
}

p.first {
  margin-top:15px; 
}
a.donate {
}
#content ul {
  
}
p.bioimg {
  text-align:right;
  width:240px;
}
p.bioimg img {
  border:solid 2px rgb(27,117,187);
}

/* Menu */
UL.menu {
  position:relative;
  list-style:none;
  margin:0 auto;
  padding:0;
  width:238px;
}

UL.menu li {
  border-top:solid 3px rgb(179,179,179);
  width:238px;
  padding:10px 0;
  text-align:center;
  position:relative;
}

UL.menu LI:hover,
UL.menu LI.sfHover{
  visibility:inherit;
  background:rgb(139,197,63);  
}

UL.menu a { 
  text-decoration:none;
}

UL.menu ul {
  position:absolute;
  list-style:none;
  padding:0;
  left:245px;
  top:0;
  background:rgb(139,197,63);
  color:#fff;
  z-index:999;
}

UL.menu li a,
UL.menu li a:hover,
UL.menu li a:visited,
UL.menu li a:active {
  color:#ff6600;
  font-size:14px;
}
UL.menu ul li {
  text-align:left;
  border:0;
  width:140px;
  padding-left:28px;
}
UL.menu ul li a,
UL.menu ul li a:active,
UL.menu ul li a:hover,
UL.menu ul li a:visited {
  color:#fff;
  font-weight:bold;
  font-size:14px;
}
UL.menu ul li:hover,
UL.menu ul li.sfHover {
  background:rgb(132,164,78);
}

UL.menu li:hover ul,
UL.menu li.sfHover ul {
  position:absolute;
  z-index:999;
  left:245px;
  top:0;
}

.sf-sub-indicator {
  display:none;
}
/* DONATE */
.amounts {
  background:url(../images/bg_curls.png) 0 -15px no-repeat #ededed;
  width: 620px;
  height:100px;
}
.amounts p {
  float:left;
  width:90px;
  font-size:14px;
  padding:30px 10px 0 10px;
  text-align:center;
}
.amounts p.clr {
  padding:0;
}
.amounts ul {
  list-style:none;
  margin:0;
  padding:0;
}
.amounts li {
  float:left;
  font-size:14px;
  padding:28px 0;
  margin:13px 15px 0 0;
  text-align:center;
  width:70px;
  background:rgb(29,119,207);
  color:#fff;
}
.amounts li.odd {
  background:rgb(65,141,211);
}
.amounts a,
.amounts a:visited,
.amounts a:hover,
.amounts a:active {
  color:#fff;
  text-decoration:none;
}

.amounts.recurring li {
  width:87px;
  background:rgb(150,206,45);
}
.amounts.recurring li.odd {
  background:rgb(173,213,102);
}
.amounts li:hover,
.amounts li.odd:hover{
  background-color:#ff6600; 
}

.donate-bottles {
  width:200px;
  height:305px;
  border:solid 1px rgb(171,202,95);
  padding:12px 12px 0 12px;
  margin-left:12px;
  background:url(../images/bottles.jpg) no-repeat 5px bottom #fff;  
  color:rgb(65,141,211);
  font-size:15px;
}
.donate-bottles p {
  line-height:20px;
}