#container-page, #container-pageform {
	position: relative;
	width: 750px; 
/*	width: 100%; */
	height: 450px;
	z-index: 10;
	text-align: left;
	top: 5px;
	margin-right: auto;
	margin-left: auto;
	border: 1px #bebebe solid;
	background-color: #ddd9d4;
}
#container-pageform {
	height: 600px;
}
#container-white {
	position: absolute;
	left: 0px;
	top: 0px;	
	width: 750px; 
	height: 128px;
	background-color:#FFFFFF;
	z-index: 50
}
/* this is the long ribbon */
#container-ribbon {
	position: absolute; 
 	width: 356px; 
	height: 23px; 
	left: 0px; 
	top: 18px; 
		background-color: #ddd9d4;

/*	background: #cbd5c5; */
	text-align: left;
	vertical-align: middle;
	z-index: 120;
}
#container-color1, #container-color2, #container-color3,
#container-ribbon1, #container-ribbon2, #container-ribbon3 {
	position: absolute;
	width: 110px;
	height: 33px;
	top: -5px;
}
#container-ribbon1, #container-ribbon2, #container-ribbon3 {
	top: -6px;
}
#container-color1, #container-ribbon1 {
	left: 12px;
}
#container-color2, #container-ribbon2 {
	left: 122px;
}
#container-color3, #container-ribbon3 {
	left: 232px;
}
#container-color1, #container-color2, #container-color3 {
/*	background-color: #c3ccbd; */
	z-index: 130;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50) ; 
}
#container-color3 {
/*	background-color: #717388; */
	background-color: #575057;

}
#container-color2 {
	background-color: #9a8973;
}
#container-color1 {
	background-color: #93675e;
}
#container-ribbon1, #container-ribbon2, #container-ribbon3 {
	z-index: 150;
}
/* this is for the organ mountains picture */
#container-pic1, #container-pic2, #container-pic3, #container-thanks {
	position: absolute;
	left: 25px;
	top: 31px;
	width: 558px;
	height: 82px;
	text-align: right;
/*	border: solid black 1px;} */}
#container-pic1 {
	background-repeat: no-repeat;
	z-index: 100;
	background-image: url(images/sunrise.jpg);
}
#container-pic2 {
	background-repeat: no-repeat;
	z-index: 101;
	background-image: url(images/day.gif);
}	
#container-pic3 {
	background-repeat: no-repeat;
	z-index: 102;
	background-image: url(images/evening.jpg); 
}
#container-thanks {
	background-repeat: no-repeat;
	z-index: 102;
	background-image: url(images/photo.jpg); 
}
/* this is the internal container to vertically center the links in the ribbon */
.container-valign {
	position: absolute;
	text-align: center;
	width: 110px;
	height: 33px;
	vertical-align: middle;
	/* must be same height as container and only works for one line stuff*/
	line-height:  33px;
	z-index: 160;
	left: 2px;
}
#container-text {
	position: absolute;
	left: 25px;
	top: 145px;
	width: 350px;
	height: 200px;
	text-align: left;
}

#container-form {
	position: absolute;
	left: 403px;
	top: 148px;
	width: 300px;
	height: 360px;
	text-align: left;
}

/* this displays the bounding "you are here" and picture only for correct body title*/
/* also no link if you are here*/
/* page one */
#page1-1 #container-color2, #page1-1 #container-color3, 
#page1-1 #container-pic2, #page1-1 #container-pic3, #page1-1 #container-thanks,
#page1-1 #container-ribbon1 a,
#page1-1 #container-ribbon2 span,
#page1-1 #container-ribbon3 span {display: none} 
/* page two */
#page2-1 #container-color1, #page2-1 #container-color3, 
#page2-1 #container-pic1, #page2-1 #container-pic3, #page2-1 #container-thanks,
#page2-1 #container-ribbon2 a,
#page2-1 #container-ribbon1 span,
#page2-1 #container-ribbon3 span {display: none} 
/* page three */
#page3-1 #container-color1, #page3-1 #container-color2, 
#page3-1 #container-pic1, #page3-1 #container-pic2, #page3-1 #container-thanks,
#page3-1 #container-ribbon3 a,
#page3-1 #container-ribbon1 span, 
#page3-1 #container-ribbon2 span {display: none} 
/* thanks */
#thanks #container-color1, #thanks #container-color2, #thanks #container-color3, 
#thanks #container-pic1, #thanks #container-pic2, #thanks #container-pic3,
#thanks #container-ribbon1 span, 
#thanks #container-ribbon2 span,
#thanks #container-ribbon3 span {display: none}