/* HOME PAGE GROW */

div#homePage {
  background: white url(../images/growHeader.gif) 0 24px no-repeat;
  }
  
div#growStages {
  padding-bottom: 29px;
  }
  
div#growStages a:hover {
  background-color: transparent;
  }

div#buttons {
  padding-left: 72px;  
 
  }  
  
div.PopDn, div.PopUp {
  width: 433px;
  z-index: 5;
  padding-left: 140px;
  }

img#goalArrow {
	margin-left: 90px; 
	}
	
img#realityArrow {
	margin-left: 153px; 
	}
	
img#obstaclesArrow {
	margin-left: 224px; 
	}
	
img#optionsArrow {
	margin-left: 297px; 	
	}

img#wayForwardArrow {
	margin-left: 379px; 
	}

div.PopDn ol, div.PopUp ol   {
  margin: 0.2em 0; 
  }
 
div.PopDn li,div.PopUp li  {
  margin-bottom: 0.2em;
  /*margin-left: 20px; */
  }

div#goalPopUp, 
div#realityPopUp, 
div#obstaclesPopUp,
div#optionsPopUp, 
div#wayForwardPopUp {
  position: absolute;
  top: 227px;  
  }
   
div.PopDn div , div.PopUp div {
  background-color: #eaeaf2;
  border: 1px solid #f60;
  padding: 16px 10px;  
  }
/*  This is the differnce that makes the popups  show or hide. */
/* PopUp is hidden */
.PopUp  { 
	left: -1000px; 
	}  
	
/* PopDn is visible */

.popDn {
    left: 140px; 
    }
  
/* HOME PAGE SIDEBAR */

div.sideBar#home {
  margin-top: -17px;
  }
  
a#bookCover:hover {
  background-color: transparent;
  }

/* someo fthe above, over ridden when in a form */  
form div#goalPopUp, 
form div#realityPopUp, 
form div#obstaclesPopUp,
form div#optionsPopUp, 
form div#wayForwardPopUp {
  position: static;
  float: left;  
  top: 0px;
  }
   
div.PopDn div , div.PopUp div {
  background-color: #eaeaf2;
  border: 1px solid #f60;
  padding: 16px 10px;  
  }
  
form .PopUp  { 
	left: 140px; 
	}