/** 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);
  /* background-attachment: fixed; */
  /* background-repeat: repeat; */
  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;
}

/** special advert **/
#divLowerLeftBox
{
  background-image : url(../images/Elephant_Reunion_by_Alwyn_Coates.jpg);
  text-align : left;
  position : absolute;
  left : 100px; 
  bottom : 100px;
  width : 340px;
  height : 220px;
  padding : 10px;
  z-index : 2;
  border : 1px solid #CCCCCC;
}
#divLowerLeftBox  h3
{
  font-family: Arial, sans-serif;
  color : #EEEEEE;
  font-size: 14pt;
}
#divLowerLeftBox  p
{
  font-family: Verdana, sans-serif;
  color : #EEEEEE;
  font-size: 11pt;
}

/** xxxx **/
#divAwards
{
  text-align : left;
  position : absolute;
  left : 420px; 
  top : 0px;
  width : 550px;
  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;
}

/**
this is used on the press release page
**/
#divMenuLeft
{
    border: #FFCC00 0px dotted;
    float: left;
    width: 220px;
    margin-top: 80px;
    margin-left: 50px;
    margin-bottom: 20px;
}

/**
this is used on the press release page
**/
#divContentRight
{
    border: #FFCC00 0px dotted;
    float: right;
    width: 600px;
    margin-top: 80px;
    margin-right: 50px;
    margin-bottom: 20px;
}


/**
this is used on the site map page
**/
.divSiteMapThumbnail
{
    /** width: 60px; **/
    float: left;
    border: 0px solid #666666;
    margin: 0 10px 15px 0;
    padding: 5px;
    text-align: center;
}

/**
this is used on the site map page
**/
.divSiteMapThumbnailNarrow
{
    float: left;
    border: 0px solid #666666;
    margin: 0 0px 15px 0;
    padding: 5px 0 5px 0;
    text-align: center;
}


/**
this is used on the site map page
**/
.brSiteMapClearBoth
{
    clear: both;
}

/**
this is used on the press release page to push the div holding in image to the left
**/
.divImgLeft
{
    text-align: center;
    font-size: 8pt;
    float : left;
    border : 0px solid #EEEEEE;

    margin-left : 0px;
    margin-right : 20px;
    margin-top : 5px;
    margin-bottom : 10px;

    padding-left : 0px;
    padding-right : 0px;
    padding-top : 5px;
    padding-bottom : 10px;
}


/** ------------------------------ END OF FILE ---------------------------- **/