/* CSS Document */

* { 
margin: 0;
padding: 0;
}

#clear {
clear: both;
}

/*----------------------- GLOBAL STYLES -------------------------------*/

body {
background-color: #E3E0DD;
margin-bottom: 0;
padding-bottom: 0;
}

#nav {
	background-image: url(../images/navBckg.jpg);
	background-repeat: repeat-x;
	height: 62px;
	width: 100%;
	position: absolute;
	z-index: 2;
	visibility: visible;
	
} 

#nav ul {
float: left;
width: 844px;
padding-left: 140px;
} 

#nav ul li {
height: 62px;
background-image: url(../images/navBckg.jpg);
background-repeat: repeat-x;
list-style-type: none;
display: block;
float: left;
padding-top: 23px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
padding-right: 20px;
padding-left: 20px;
}

#nav ul li:hover {
background-image: url(../images/activeNav.jpg);
background-repeat: no-repeat;
}

#about #nav ul li.about, #story #nav ul li.story, #church #nav ul li.church,
#location #nav ul li.location, #donate #nav ul li.donate {
background-image: url(../images/activeNav.jpg);
background-repeat: no-repeat;
}

#logoTag {
	position: absolute;
	z-index: 3;
	width: 164px;
	height: 196px;
	float: left;
	visibility: visible;

	
}

#wrapper, #wrapper2 {
width: 100%;
background-image: url(../images/bodyBckg.jpg);
background-repeat: repeat-x;
float: left;
}

#mainContent {
margin-top: 62px;
margin-left: 200px;
width: 740px;
}

#mainContent2 {
margin-top: 62px;
width: 740px;
}

#footer {
background-image: url(../images/footerBckg.jpg);
background-repeat: repeat-x;
background-color: #7E6D58;
height: 73px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 12px;
margin-bottom: 0;
padding-bottom: 0;
height: 150px;
} 

.copyright {
padding-top: 8px;
padding-left: 34px;
}

#footer ul {
padding-top: 18px;
padding-left: 29px;
}

#footer ul li {
list-style: none;
float: left;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid #FFFFFF;
}

#footer ul li:hover{
background-color: #6F011E;
}

#footer ul li.last {
border-right: none;
}

#pfmLogo {
margin-left: 743px;
margin-top: -38px;

}

/*----------------------- INDEX STYLES -------------------------------*/


#aboutMore {
background-image: url(../images/wishListPhoto.jpg);
background-repeat: no-repeat;
width: 710px;
height: 295px;
}
 
#aboutMore p {
font-family: Georgia, "Times New Roman", Times, serif;
color: #7E6D58;
font-size: 20px;
padding-top: 225px;
padding-left: 395px;
line-height: 26px;
}

#aboutMore a {
text-decoration: none;
color: #7E6D58;
}

#highlightImg {
padding-bottom: 30px;
}

#smallHomeImg, #smallHomeImg2 {
padding-right: 9px;
}

#greyImg {
width: 710px;
border-top: 1px solid #7E6D58;
border-bottom: 1px solid #7E6D58;
margin-bottom: 30px;
height: 76px;
}


#storyCopy {
border-right: 1px solid  #7E6D58;
background-image:url(../images/storiesPhoto.jpg);
background-repeat: no-repeat;
float: left;
height: 76px;
width: 345px;
padding-right: 0;
margin-right: 0;
text-align: right;
}

#storyCopy p, #golfCopy p{
padding-right: 128px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #7E6D58;
font-size: 14px;
line-height: 23px;
}

#storyCopy h2, #golfCopy h2{
padding-right: 128px;
padding-top: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #6F011E;
line-height: 23px;
font-size: 18px;
}

#golfCopy h2, #golfCopy p {
padding-left: 133px;
padding-right: 0px;
text-align: left;
}

#golfCopy {
background-image:url(../images/golfPhoto.jpg);
background-repeat: no-repeat;
float: left;
height: 76px;
width: 348px;
padding-left: 0;
margin-left: 0;
}

/*----------------------- GIVE A GIFT STYLES -------------------------------*/

#stepBox {
width: 364px;
height: 100%;
margin-left: 550px;
background-color: #ecdfbc;
border: 6px solid #6B001F;
margin-top: 25px;
}

#stepBox h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #FFFFFF;
background-color: #6B001F;
padding-top: 6px;
padding-bottom: 6px;
width: 344px;
padding-left: 12px;
padding-right: 8px;
padding-bottom: 13px;
border-bottom: 1px solid #ecdfbc;
}

#stepBox p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #7E6D58;
padding-top: 6px;
padding-bottom: 6px;
line-height: 22px;
padding-left: 12px;
padding-right: 8px;
}

#stepBox a {
text-decoration: none;
}

#stepBox h1.stepThree {
border-bottom: none;
padding-bottom: 3px;
}

#christmasTree {
margin-top: -115px;
padding: 0;
float: left;
}

/*----------------------- FORM STYLES -------------------------------*/

fieldset {
width: 344px;
margin-top: 6px;
border: none;
}

label {
color: #7E6D58;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin-left: 10px;
margin: 0;
}

input {
background-color: #e3dac5;
color:  #6B001F;
border: 1px solid #7E6D58;
height: 18px;
}

.required {
color: #6B001F;
}

#leftDonorForm {
margin-left: 18px;
width: 134px;
line-height: 24px;
float: left;
}

#rightDonorForm {
margin-left: 25px;
line-height: 24px;
width: 134px;
float: left;
margin-bottom: 10px;
}

.submit {
background-image:url(../images/adoptButton.jpg);
background-repeat: no-repeat;
width: 162px;
height: 32px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
margin-left: 90px;
margin-top: -25px;
margin-bottom: 10px;
}

/*----------------------- ADDITIONAL STYLES -------------------------------*/

#step1 {
	width: 364px;
	height: 100%;
	background-color: #ecdfbc;
	border: 6px solid #6B001F;
	margin-top: 25px;
	visibility: visible;
}

#step1 h1 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F; 
border-bottom:1px solid #ecdfbc;
}

#step1 p {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
padding:6px 8px 12px 6px; 
line-height: 22px;
background-color:#ecdfbc; 
color: #7E6D58;border: 6px solid #6B001F;
}

#step1 h2 {
font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

#step1 h3 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

#step2{
width: 364px;
height: 100%;
background-color: #ecdfbc;
border: 6px solid #6B001F;
margin-top: 25px;
visibility: hidden;
}

#step2 h1 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F; 
border-bottom:1px solid #ecdfbc;
}

#step2 p {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
padding:6px 8px 12px 6px; 
line-height: 22px;
background-color:#ecdfbc; 
color: #7E6D58;
border: 6px solid #6B001F;
}

#step2 h2 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

#step2 h3 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

#step2form { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
padding:6px 8px 12px 6px;
line-height: 16px;
background:#ecdfbc; 
color: #7E6D58;
border: 6px solid #6B001F;
}

#step3 {
	width: 364px;
	height: 100%;
	background-color: #ecdfbc;
	border: 6px solid #6B001F;
	margin-top: 25px;
	visibility: hidden;
}

#step3 h1 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F; 
border-bottom:1px solid #ecdfbc;
}

#step3 p {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
padding:6px 8px 12px 6px; 
line-height: 22px;
background-color:#ecdfbc; 
color: #7E6D58;
border: 6px solid #6B001F;
}

#step3 h2 {font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

#step3 h3 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
padding:6px 8px 12px 6px; 
background-color:#6B001F; 
color: #FFFFFF;
border: 6px solid #6B001F;
}

.thank {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:20px;
color:#6B001F;
}

.req {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:12px; 
font-weight:bold; 
color:#6B001F;
}


#name 
 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 26px; 
color: #6B001F;
text-align: center;
line-height: 32px;
}

#age
 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
color: #484033;
text-align: center;
line-height: 32px;
}

#wishlist1
h2 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
color: #6B001F;
text-align: center;
line-height: 32px;
}

#toy
 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
color: #484033;
text-align: center;
line-height: 32px;
}

#clothes
 {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 16px; 
color: #484033;
text-align: center;
line-height: 32px;
}

#nav a {
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
text-decoration: none;
}

a {
color: #6F011E;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h3 {
color: #6F011E;
font-size: 16px;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

