/** xxxx **/
#divParentFrontPage
{
  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 : 1;
  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 **/
#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 #000000;
  overflow : auto;
}

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

/** xxxx **/
#divAwards
{
  text-align : left;
  position : absolute;
  left : 450px; 
  top : 0px;
  width : 500px;
  height : 600px;
  z-index : 2;
  border : 0px dotted #FF0000;
}

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

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


/** xxxx **/
#divFooterFrontPage
{
  text-align : center;
  position : absolute;
  left : 0px; 
  top : 610px;
  width : 1000px;
  height : 60px;
  z-index : 20;
  border : 0px dotted #000000;
}



/** xxxx **/
#divParent
{
  background : #FFFFFF;
  text-align : center;
  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;
}

/** this is for the title on the body / content page **/
#divTitle
{
  text-align : left;
  position : absolute;
  left : 60px; 
  top : 30px;
  width : 900px;
  height : 60px;
  z-index : 2;
  border : 1px dotted #000000;
}

/** xxxx **/
#divFolders
{
  text-align : right;
  position : absolute;
  left : 20px; 
  top : 100px;
  width : 140px;
  height : 400px;
  z-index : 1;
  border : 1px dotted #000000;
}

/** xxxx **/
#divPhotos
{
  text-align : left;
  position : absolute;
  left : 180px; 
  top : 100px;
  width : 760px;
  height : 425px;
  z-index : 1;
  border : 1px dotted #000000;
  overflow : auto;
}

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

/** 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 #000000;
}

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

/** 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 #000000;
}

/** this is for the photo navigation buttons **/
#divPhotoButtons
{
  text-align : center;
  position : absolute;
  left : 50%; 
  bottom : -40px;
  width : 400px;
  height : 30px;
  margin-left : -200px; /* half of the width */
  z-index : 1;
  border : 0px dotted #000000;
}

#divPhoto
{
  width : 1000px;
  height : 600px;
}