/** xxxx **/
#divParentFrontPage
{
  /**background-image : url(./images/rectangle.gif);**/
  text-align : left;
  position : absolute;
  left : 50%; 
  top : 50%;
  width : 1000px;
  height : 600px;
  margin-top : -300px; /* half of the height */
  margin-left : -500px; /* half of the width */
  z-index : 1;
  border : 0px dotted #000000;
}

/** xxxx **/
#divSearchEngineInfo
{
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 0px;
  width : 1000px;
  height : 600px;
  z-index : 2;
  border : 0px dotted #000000;
}

/** xxxx **/
#divSlideShow
{
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 0px;
  width : 1000px;
  height : 600px;
  z-index : 2;
  border : 0px dotted #000000;
}

/** xxxx **/
#divSlideShowCover
{
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 0px;
  width : 1000px;
  height : 600px;
  z-index : 10;
  border : 0px dotted #000000;
}



/** xxxx **/
#divParent
{
  /** background-image : url(../images/rectangle.gif); **/
  text-align : left;
  position : absolute;
  left : 50%; 
  top : 50%;
  width : 1200px;
  height : 700px;
  margin-top : -350px; /* half of the height */
  margin-left : -600px; /* half of the width */
  z-index : 1;
  border : 1px dotted #FFCC00;
}

/** xxxx **/
#divTitle
{
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 100px;
  width : 400px;
  height : 60px;
  z-index : 2;
  border : 0px dotted #F00000;
}

/** xxxx **/
#divFolders
{
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 180px;
  width : 300px;
  height : 360px;
  z-index : 1;
  border : 0px dotted #F00000;
}

/** xxxx **/
#divPhotos
{
  text-align : left;
  position : absolute;
  left : 260px; 
  top : 100px;
  width : 940px;
  height : 580px;
  z-index : 1;
  border : 0px dotted #F00000;
  overflow : auto;
}

/** xxxx **/
#divPhotoCover
{
  background-image : url(../images/spacer.gif);
  text-align : left;
  position : absolute;
  left : 180px; 
  top : 100px;
  width : 840px;
  height : 500px;
  z-index : 2;
  border : 0px dotted #000000;
  overflow : auto;
}

/** xxxx **/
#divHeaderFrontPage
{
  text-align : center;
  position : absolute;
  left : 0px; 
  top : -25px;
  width : 1000px;
  height : 30px;
  z-index : 20;
  border : 0px dotted #F00000;
}


/** xxxx **/
#divPhotoFolderListBackground
{
  background-image : url(../images/photo-folder-list-background.jpg);
  text-align : left;
  position : absolute;
  left : 0px; 
  top : 0px;
  width : 1000px;
  height : 600px;
  z-index : 2;
  border : 0px dotted #F00000;
  overflow : auto;
}

/** xxxx **/
#divPhotoFolderList
{
  text-align : left;
  position : absolute;
  left : 50px; 
  top : 0px;
  width : 600px;
  height : 600px;
  z-index : 2;
  border : 0px dotted #F00000;
}

/** this is for the footer at bottom left **/
#divFooterLeft
{
  text-align : left;
  position : absolute;
  left : 10px; 
  top : 615px;
  width : 300px;
  height : 30px;
  z-index : 1;
  border : 0px dotted #F00000;
}

/** xxxx **/
#divFooterCenter
{
        text-align : center;
        position: absolute;
        left : 50%;
  top : 615px;
/*        bottom : -45px; */
        width : 20%;
        height : 30px;
        margin-left : -10%; /* half of the width */
        border : 0px dotted #F00000;

/*
  text-align : center;
  position : absolute;
  left : 0px; 
  top : 615px;
  width : 1000px;
  height : 30px;
  z-index : 1;
  border : 1px dotted #F00000;
*/
}

/** this is for the footer at bottom right **/
#divFooterRight
{
  text-align : right;
  position : absolute;
  right : 10px; 
  top : 615px;
  width : 300px;
  height : 30px;
  z-index : 20;
  border : 0px dotted #F00000;
}