body
{
    margin: 0;
    color: #403200;
    background-color: #eee;
    background-image: url('/shared/images/page-bg.gif');
}

p
{
    max-width:430px;
    margin-left:auto;
    margin-right:auto;
}

#loadingmessage
{
    display: none;
}
img
{
    border: none;
}
a
{
    color: #403200;
    white-space:nowrap;
}
a:hover
{
    color: #A83E3E;
}
h1
{
    color: #7A651D;
    font-family: 'tpro' , 'Times New Roman' , Times, serif; /* watch out for FLIR default fonts for Opera (9.62) */
}
.tbold
{
    font-family: 'tbold' , 'Times New Roman' , Times, serif; /* watch out for FLIR default fonts for Opera (9.62) */
}

/* cumulative height: 26 margin */
#sizerdiv
{
    margin: 13px auto; /* this centers the wrappers in standards browsers */
    min-width: 800px; /* ie7 at least, needs some sort of width otherwise the egdes just come all the way down past anything below the sizerdiv ("hasLayout" relevant?) */
    max-width: 1226px;
    position: relative; /* to permit shift up */ /* top: -18px; */
}
.leftedge
{
    padding-left: 13px;
    background-image: url('/shared/images/shadow-left.gif');
    background-repeat: repeat-y;
}
.rightedge
{
    padding-right: 13px;
    background-image: url('/shared/images/shadow-right.gif');
    background-position: top right;
    background-repeat: repeat-y;
}

/* cumulative height: 13 vis height for top edges, 13 vis + 13 space left under shifted-up bottom */
.bottomedge, .topedge
{
    height: 26px; /* MPJ:TODO check: probably optional, probably doesn't help IE5 */
    position: relative; /* to allow positioning of right corner shadows  */
    margin: 0 26px; /* create space on each side for the corner shadow images */
}
.topedge
{
    background-image: url('/shared/images/shadow-top.gif');
}
.bottomedge
{
    margin-top: -13px;
    background-image: url('/shared/images/shadow-bottom.gif');
}
.bottomleft, .topleft
{
    position: relative; /* needs to be relative so that the containing 'bottomedge' div has some content in it to give it a width! */
    left: -26px;
}
.bottomright, .topright
{
    position: absolute;
    right: -26px;
}

/* cumulative distance from top of window: -13 margin + 90 padding + 710 height = 787 */
#pagewrapper /* MPJ:TODO NB height set by JS, default css?? (surely auto is correct?) But without JS to set height I bet contentbg won't show... we'll see */
{
    position: relative; /* to permit shift down */ /* top: 13px; /* shift down so that bg image fits into the bottomedge correctly */
    z-index: 1;
    margin-top: -13px;
    padding: 65px 25px 25px; /* BTW, vertical padding or a border required for benefit of collapsing margins that would otherwise extend above/below boundaries of content div */
    background-repeat: no-repeat;
    background-position: center center;
    height: 710px;
    min-width: 1px; /* MPJ:TODO fix for IE6. /* IE7 bug fix - stops contents disappearing when JS sets height to 'auto' (hasLayout?) */
    background-image: url('/shared/images/palazzo-ducale-garden-1.jpg'); /* default, replaced on each page individually */
}

/* cumulative distance from top of window: 2 border */
#contentwrapper
{
    /* max-height:100%; /* optional */
    position: relative; /* for contentbg translucent bg placement */
    max-width: 738px;
    border: 1px solid #bbb;
    margin: 0 auto; /* this centers the wrappers in standards browsers */ /* width: 100%; /* will probly come in handy */ /* background-image: url('/shared/images/content-bg.png'); */
}


#contentbg
{
    position: absolute; /* top:0px; /* for positioning, vital for IE7, at least */ /* left:0px; /* for positioning, vital for IE7, at least */
    width: 100%;
    height: 100%; /* border: 1px solid #bbb; */ /*background-color: Green;*/
    background-color: #F0EAD2;
    opacity: 0.8; /* MPJ:TODO Chrome needs this delayed like IE. filter:alpha(opacity=80); /* fade out AFTER faded in?! */
    /* filter:alpha(opacity=80); /* IE, but text fades in with artefacts. See comments in JS */
}

/* cumulative distance from top of window: 51 */
#headerstrip
{
    position: relative; /* for z-index to go above contentbg translucent bg placement */
    padding: 18px 18px 15px;
    height: 18px; /* for title image */
    text-align: center;
    z-index: 1;
}
#coatofarms
{
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -30px;
    z-index: 3;
}

/* cumulative distance from top of window: 16 padding + 14 height = 30 */
#mainmenu
{
    position: relative; /* for z-index to go above contentbg translucent bg placement */
    z-index: 1; /* above contentbg  */
    height: 14px;
    padding: 8px;
    background-image: url('/shared/images/menu-bg.png');
    text-align: center;
    font-size: 14px;
    line-height: 14px;
}
#mainmenu a
{
    color: #403200;
    margin: 0 8px; /* vertical-align:middle; /* Opera 9.26? */
}
#mainmenu a:hover
{
    color: #FFFFFF;
}

/* cumulative distance from top of window: (668 max-height) */
#content
{
    position: relative; /* for z-index to go above contentbg translucent bg placement */
    z-index: 1; /* above contentbg  */
    text-align: center;
    max-height: 627px; /* 710 pagewrapper height -2 contentwrapper border -51 headerstrip -30 mainmenu*/
    padding: 0 25px;
    overflow: auto;
}

/* cumulative height: 15 */
#copyright
{
    height: 15px;
    line-height: 15px;
    font-size: 15px;
    text-align: center;
    color: #C8C8C8;
}
#copyright a
{
    color: #C8C8C8;
    text-decoration: none;
}
#copyright a:hover
{
    color: #A83E3E;
}

.notextheight
{
    font-size: 0px;
    line-height: 0%;
}