/** xxxx **/
#divParent
{
    text-align : left;
    left : 50%; 
    width : 1000px;
    margin-left : -500px; /* half of the width */
    top : 0px;
    position: relative;
    /* height: 100%; */
    z-index : 1;
    border : 1px solid #DDDDDD;
}

#divParentPrintView
{
    background-color : #FFFFFF;
    padding : 20px;
    text-align : left;
    position: relative;
    z-index : 1;
    border : 1px solid #DDDDDD;
}

/**
**/
#divPhotoHeader
{
    text-align : left;
    width : 100%;
    height : 180px;
    z-index : 1;
    border : 0px dotted #F00000;
}

#divPhotoHeaderLogo
{
    float: left;
    text-align : left;
    padding-top: 15px;
    padding-left: 50px;
    top : 10px;
    width : 250px;
    height : 150px;
    z-index : 2;
    border : 0px dotted #F00000;
    display: inline;
}

#divPhotoHeaderSlideShow
{
    float: right;
    width : 650px;
    height : 180px;
    z-index : 1;
    border : 0px dotted #F00000;
    display: inline;
}

/* this is for the horizontal advert banner region at the bottom of the page */
#divAdvertBanner
{
    clear: both;
    text-align : left;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    width : 900px;
    height : 80px;
    z-index : 1;
    border : 0px dotted #F00000;
}

#divFooter
{
    clear: both;
    text-align : left;
    padding-top: 10px;
    padding-bottom : 10px;
    padding-left: 50px;
    padding-right: 50px;
    width : 900px;
    /*height : 45px;*/
    z-index : 1;
    border-top : 1px solid #EEEEEE;
    background-color : #FFFFFF;
}


#divMenu
{
    background-image : url(../images/menu-background.png);
    left: 0px;
    bottom: 0px;
    BORDER: #FF0000 0px dotted;
    background-color : #DDDDDD;
    padding-left: 50px;
    padding-right: 0px;
    WIDTH: 950px;
    HEIGHT: 40px;
    /** font sizing on Mac and Linux means we need overflow hidden but it hides the drop-down menu **/
    /** overflow : hidden; **/
}

#divSubParent
{
    background-color : #FFFFFF;
    BORDER: #FFCC00 0px dotted;
    width : 100%;
    /* height: 100%; */
}

#divContentContainer
{
    background-color : #FFFFFF;
    BORDER: #FFCC00 0px dotted;
    margin: 0px;
    padding: 0px;
    width : 100%;
}

#divMenuLeft
{
    border: #FFCC00 0px dotted;
    float: left;
    width: 160px;
    /* height: 100%; */
    MARGIN-top: 20px;
    MARGIN-bottom: 20px;
    MARGIN-LEFT: 50px;
    display: inline;
}

#divContent
{
    border: #FFCC00 0px dotted;
    float: right;
    width : 700px;
    MARGIN-top: 20px;
    MARGIN-bottom: 20px;
    margin-right: 50px;
    display: inline;
}


#divColumnLeft
{
    border: #FFCC00 0px dotted;
    float: left;
    width: 430px;
    margin-bottom: 20px;
}

#divColumnRight
{
    border: #FFCC00 0px dotted;
    float: right;
    width: 430px;
    margin-bottom: 20px;
}

#divColumnLeftSmall
{
    border: #FFCC00 0px dotted;
    float: left;
    width: 300px;
    margin-bottom: 20px;
}

#divColumnRightLarge
{
    border: #FFCC00 0px dotted;
    float: right;
    width: 560px;
    margin-bottom: 20px;
}

#divContactColumnLeft
{
    border: #FFCC00 0px dotted;
    float: left;
    width: 300px;
    margin-bottom: 20px;
}

#divContactColumnRight
{
    border: #FFCC00 0px dotted;
    float: right;
    width: 550px;
    margin-bottom: 20px;
}

#divFrontPageBodyContainer
{
    background-image : url(../images/healing-hands.jpg);
    background-repeat : no-repeat;
    /* background-image : url(../images/young-lady-sitting-in-lotus-position-on-beach.jpg); */
    border: #DDDDDD 1px solid;
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
}

#divFrontPageBodyLeft
{
    float: left;
    /*width: 450px;*/
    width: 520px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline;
}

/******************************************************************************/