/* Reset all styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Global styles */

body {
  background: url(images/background.gif) top center;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  margin: 0 auto;
}

a {
  color: #d71921;
}

form label,
form a {
  text-transform: uppercase;
}

#header {
  background: url(images/header.gif) no-repeat top left;
  height: 101px;
  width: 915px;
  margin: 0 auto 0 auto;
}

#header #logo {
  display: block;
  float: left;
  height: 70px;
  margin: 20px 0 0 0;
  width: 290px;
}

#header #slogan {
  display: block;
  float: right;
  height: 30px;
  margin: 50px 75px 0 0;
  width: 340px;
}

#navigation {
  background: url(images/navigation.gif) no-repeat;
  list-style-type: none;
  margin: 0 auto 0 auto;
  width: 821px;
  height: 47px;
}

#navigation li {
  background: url(images/heart_large.gif) no-repeat top left;
  float: left;
  height: 20px;
  margin: 9px 0 0 18px;
  padding: 0 0 0 22px;
  text-transform: uppercase;
}

#navigation li a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#navigation li a:hover {
  color: #dfbf71;
}

#content {
  background: url(images/content.gif) repeat-y;
  width: 821px;
  margin: 0 auto 0 auto;
}

#primary {
  float: left;
  margin: 0 0 15px 15px;
  padding: 50px 20px 0 20px;
  width: 480px;
}

#primary h1 {
  color: #d71921;
  font-size: 16px;
  text-transform: uppercase;
}

#primary p {
  line-height: 16px;
  margin: 20px 0;
}

#secondary {
  float: right;
  margin: 0 18px 0 15px;
  width: 250px;
  z-index: 1;
}

#secondary form {
  background: url(images/form.gif) no-repeat top left;
  height: 155px;
  margin: 0 0 0 0;
  padding: 75px 20px 10px 30px;
}

#secondary label {
  color: #640000;
  display: block;
  margin: 10px 0 4px 0;
}

#secondary input {
  display: block;
  font-size: 12px;
  margin: 0 0 12px 0;
  width: 173px;
}

#secondary form a {
  color: #640000;
}

#secondary form a:hover {
  text-decoration: none; 
}

#secondary #donate_online {
  margin: 0 0 0 5px;
}

#secondary a#via_paypal {
  color: #fff;
  float: right;
  font-size: 10px;
  margin: 75px 0 0 140px;
  position: absolute;
  text-transform: uppercase;
  z-index: 101;
}

#secondary a#via_paypal:hover {
  text-decoration: none; 
}

#footer {
  background: url(images/footer.gif) no-repeat;
  color: #b4a28c;
  font-size: 11px;
  height: 40px;
  width: 821px;
  margin: 0 auto;
  z-index: 1;
}

#footer a {
  color: #b4a28c;
}

#footer .left {
  float: left;
  margin: 10px 0 0 15px;
}

#footer .right {
  float: right;
  margin: 10px 20px 0 0;
}

.clear {
  clear: both;
  height: 1px;
}

#content ul {
  list-style-type: none;
  margin: 0 0 0 10px;
}

#content ul li {
  background: url(images/heart_small.gif) no-repeat 0 2px;
  line-height: 14px;
  margin: 12px 0 12px 0;
  padding: 0 0 0 25px;
}

/* Home page */

#left {
  background: url(images/left.gif) no-repeat top;
  float: left;
  margin: 0 0 20px 8px;
  width: 452px;
}

#left p {
  line-height: 14px;
  margin: 0 20px 0 28px;
}

#left p a {
  font-weight: bold;
  text-decoration: none;
}

#left p a:hover {
  text-decoration: underline;
}

#slideshow {
  margin: 14px 0 20px 28px;
  overflow: hidden;
  position: relative;
  height: 249px;
  width: 399px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#content ul#actions {
  list-style-type: none;
  margin: 17px 20px 0 43px;
}

#content ul#actions li {
  background: url(images/heart_small.gif) no-repeat 0 2px;
  line-height: 14px;
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
}

#right {
  background: url(images/right.gif) no-repeat top;
  float: left;
  margin: 0 0 20px 0;
  width: 346px;
  z-index: 1;
}

#right form {
  margin: 238px 0 0 5px;
  padding: 55px 20px 0 25px;
  height: 158px;
  width: 272px;
}

#right label {
  color: #640000;
  display: block;
  margin: 10px 0 4px 0;
}

#right input {
  display: block;
  margin: 0 0 10px 0;
  width: 260px;
  font-size: 12px;
}

#right form a {
  color: #640000;
}

#right form a:hover {
  text-decoration: none; 
}

#right #donate_now {
  float: left;
  position: fixed;
  margin: 15px 0 0 -5px;
  z-index: 15;
}

#right a#paypal {
  color: #fff;
  float: right;
  font-size: 11px;
  margin: 65px 0 0 225px;
  position: absolute;
  text-transform: uppercase;
  z-index: 101;
}

#right a#paypal:hover {
  text-decoration: none; 
}

a#learn_more {
  color: #fff;
  display: block;
  margin: 205px 30px 0 0;
  float: right;
  text-align: right;
  text-transform: uppercase;
}

a#learn_more:hover {
 text-decoration: none; 
}