/* Layout Stylesheet */ 
h1{
  font-family: Garamond;
  letter-spacing: 7px;
  font-size: large;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;


    }
h2{
  font-family: Garamond;
  font-size: medium;
  letter-spacing: 3px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;


}
    
h3{
  font-family: Garamond;
  font-size: medium;
  color: Red;  
  
}

h4{
  font-family: Garamond;
  font-size: medium;
  color: white;  
  
}

p{
    font-family: Arial;
    font-size: medium;
}
ul
{
    font-family: Arial;
    font-size:medium;
}
html
{
    height: 100%;
}

body{
  text-align: center;
  min-width: 760px;
  height: 100%;
 }
 
 #wrapper
 {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    min-height: 100%;
    padding-bottom: 9em;
 }
 
 * html wrapper
{
height: 100%;
}

	 
#hdr
{
 background: url(top1.jpg); background-repeat: no-repeat;
 height:100px;
 width: 800px; 
 position: relative;
 
 } 
 
#options{
 background: url(images/options.jpg); background-repeat: no-repeat;
 height: 200px;
 width: 800px; 
 position: relative;
 
 }
 
 #page1{
 background: url(images/page1.png); background-repeat: no-repeat;
 height: 500px;
 width: 800px; 
 position: relative;
 
 }
 
 #page2{
 background: url(images/page2.png); background-repeat: no-repeat;
 height: 600px;
 width: 800px; 
 position: relative;
 
 }
 
 #page3{
 background: url(images/page3.png); background-repeat: no-repeat;
 height: 600px;
 width: 800px; 
 position: relative;
 
 }
 
 #step2spousechild{
 background: url(images/step2spousechildren.png); background-repeat: no-repeat;
 height: 650px;
 width: 800px; 
 position: relative;
 
 }
 
 #spouse{
 background: url(images/spouse.png); background-repeat: no-repeat;
 height: 400px;
 width: 800px; 
 position: relative;
 
 }
 
 #child1{
 background: url(images/child.png); background-repeat: no-repeat;
 height: 400px;
 width: 800px; 
 position: relative;
 
 }
 
#rh-col{ 
 position: absolute;
 top: 102px;  
 right: 0;
 width: 511px; 
 }
 
#lh-col{ 
 position: absolute;
 top: 102px;  
 right: 580;
 width: 260px; 
 }
 
   
#content{
 background: url(campbell10.jpg); background-repeat: no-repeat;
 top: 102px;  
 right: 0;
 width: 511px;
 height: 226px;
 }
 
 #content2{
 top: 102px;  
 right: 0;
 width: 511px;
 
 }

#rh-col3{
 position: absolute;
 top: 102px;  
 right: 0;
 width: 800px; 
 }
 
 #rh-col2{
 position: absolute;
 top: 30px;  
 right: 0;
 width: 511px; 
 }
 
 #order
 {
    background: url(hammock2.jpg); background-repeat: no-repeat;
 position: absolute;
 top: 30px;  
 right: 0;
 width: 511px; 
 }

#footer
{
position: relative;
margin-top: -7.5em;
} 
 
 #ad3{
    background: url(mountain.jpg); background-repeat: no-repeat;
    position: absolute;
    top: 400px;
    right: 0;
    width: 511px;
 }
 
 #ad{
    position: absolute;
    top: 600px;
    right: 0;
    width: 511px;
 }
 
 #ad2{
    position: absolute;
    top: 660px;
    right: 0;
    width: 511px;
 }
  #ad4{
    position: absolute;
    
    right: 0;
    width: 511px;
 }
 
 #new
 {
    position: absolute;
    top: 250px;
    right: 0;
    width: 511px;
 }