/* Default Settings
----------------------------------------------- */
html, body {
border:0;
margin:0 auto;
padding:0;
text-align:center;
}

body {
font:62.5%/1.2 Helvetica, Arial, arial, sans-serif;
color:#7b7b7b;
text-align:center;
background:#a7aebe;
}

p { margin: 0.5em 0; }

h1, h2, h3, h4, h5, h6, h7 {
font:1em/1.1 Helvetica, Arial, arial, sans-serif;
margin:0 0 .5em 0;
}

h1 {
margin:40px 0 10px 0;
color:#777;
font-size:1.2em;
text-transform:uppercase;
}

h2 {
padding:10px 0 0 0;
color:#fff;
font-weight:bold;
font-size:2.5em;
text-transform:uppercase;
}

h3 {
display:block;
width:100%;
margin:20px 0 10px 0;
padding: 0 0 5px 0;
color:#1690c8;
font-weight:bold;
font-size:1.2em;
border-bottom: 1px dotted #1690c8;
}

h4 {
display:block;
padding: 0;
margin:2px;
color:#777;
font-weight:bold;
font-size:1.2em;
}

h5 {
display:block;
width:100%;
margin:20px 0 10px 0;
color:#1690c8;
font-weight:bolder;
font-size:0.9em;
}
/* Links
----------------------------------------------- */
a, a:link, a:visited { text-decoration:none; color: #777; }
a:hover { text-decoration:none; color:#000; }

/* Lists
----------------------------------------------- */
#content ul li {
}

/* General Layout
----------------------------------------------- */
.container {
margin: 100px auto 0 auto;
padding: 0 0 0px 0;
width: 922px;
font-size:1.2em;
color:#000;
text-align:center;
}

#top {
margin:0 auto;
width:100%;
height:110px;
background:url(cssimages/top-bgx.gif) repeat-x center bottom;
}

#top-inner {
margin:0 auto;
width:100%;
height:110px;
background:url(cssimages/top-banner-demo.gif) no-repeat center bottom;
}

#intro {
margin:0 auto;
width:100%;
height:289px;
background:#22252a;
}

#intro-inner {
margin:0 auto;
width:100%;
height:288px;
background:#000 url(cssimages/flash-banner-bgx.jpg) repeat-x center center;
text-align:center;
}

#intro-inner-thankyou {
margin:0 auto;
width:100%;
height:288px;
background:#000 url(cssimages/page-banner.jpg) no-repeat center center;
text-align:center;
}

#form-section {
margin:0 auto;
padding:0 0 20px 0;
width:100%;
background:#3a3b3f url(cssimages/form-bg.jpg) no-repeat center top;
}

#form-inner {
margin:0 auto;
width:512px;
padding:20px 0;
text-align:center;
/*background:#3a3b3f url(cssimages/form-bg.jpg) no-repeat center top;*/
background:#000;
}

#action-boxes { width:100%; margin:20px auto; min-height:400px; font-size:1.1em; color:#4b4b4b; line-height:1.5em; }

#action-donate {
float:left;
width:300px;
margin:0 10px 0 0;
}
#action-identity {
float:left;
width:300px;
margin:0 10px 0 0;
}
#action-forward {
float:left;
width:300px;
margin:0;
}

#foot {
margin: 50px 0 20px 0;
clear:both;
font-size:1em;
text-align:right;
color:#000;
width:100%;
text-align:center;
}

.center-bold { margin: 0 0 5px 0; text-align:center; font-weight:bold; font-size:1.1em; }

.box1-main { font-size:1.5em; color:#4b4b4b; line-height:2em; }
.box2-main {  }
.box3-main { font-size:1.5em; color:#4b4b4b; line-height:2em; }

.box1-thankyou { font-size:1.5em; color:#4b4b4b; line-height:2em; }
.box2-thankyou { font-size:1.5em; color:#4b4b4b; line-height:2em; }
.box3-thankyou { font-size:1.5em; color:#4b4b4b; line-height:2em; }

a:link.viewbtn, a:visited.viewbtn, a:active.viewbtn 
{ margin:0 auto; display:block; width:300px; height:100px; background: transparent url(http://www.personhood.net/campaigns/memorial/cssimages/view-wall.gif) no-repeat 0px 0px; }

a:hover.viewbtn
{ margin:0 auto; display:block; width:300px; height:100px; background: transparent url(http://www.personhood.net/campaigns/memorial/cssimages/view-wall.gif) no-repeat 0px -100px; }

/* Make a donation
--------------------------------------------------------*/
.button1 {
margin:0; padding:0;
width:300px; height:88px;
background: url(cssimages/btn-make.gif) no-repeat 0 0;
position: relative;
margin-bottom:10px;
}
.button1 li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
.button1 li, .button1 li a { height:88px; display:block; }

#make-a-donation { left: 0px; width:300px; }
#make-a-donation a:hover { background: transparent url(cssimages/btn-make.gif) no-repeat 0px -88px; }

/* Give an identity
--------------------------------------------------------*/
.button2 {
margin:0; padding:0;
width:300px; height:88px;
background: url(cssimages/btn-give.gif) no-repeat 0 0;
position: relative;
margin-bottom:10px;
}
.button2 li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
.button2 li, .button2 li a { height:88px; display:block; }

#give-an-identity { left: 0px; width:300px; }
#give-an-identity a:hover { background: transparent url(cssimages/btn-give.gif) no-repeat 0px -88px; }

/* Tell a friend
--------------------------------------------------------*/
.button3 {
margin:0; padding:0;
width:300px; height:88px;
background: url(cssimages/btn-tell.gif) no-repeat 0 0;
position: relative;
margin-bottom:10px;
}
.button3 li { margin: 0; padding: 0; list-style: none; position: absolute; top:0px; }
.button3 li, .button3 li a { height:88px; display:block; }

#tell-a-friend { left: 0px; width:300px; }
#tell-a-friend a:hover { background: transparent url(cssimages/btn-tell.gif) no-repeat 0px -88px; }

/* BOXES BELOW BUTTONS
--------------------------------------------------------*/
.form-middle { margin:0; padding:0; width:100%; background:url(cssimages/btn-mid.gif) repeat-y center center; }
.form-top { width:100%; background:url(cssimages/btn-top.gif) no-repeat center top; }
.form-bot { width:100%; background:url(cssimages/btn-bot.gif) no-repeat center bottom; }

.form-padding { padding:30px 20px; }

.donate-form { margin:20px auto; width:136px; }
.myform {  }
.donate-img   { margin:0; padding:0; width:136px; height:41px; }

.clear { clear:both; }
.error-msg { margin:10px 0; color:#777; font-size:1.1em; }