body {
    background: #774b26;
    color: #774b26;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

#wrap {
    float: left;
    width: 806px; height: 571px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
    overflow: hidden;
}

#sidebar {
    float: left;
    margin-top: 6px;
    margin-left: 6px;
    width: 184px;
    height: 565px;;
    line-height: 0px;    /* must specify so that spaces between divs don't grow with font size */
    font-size: 0px;      /* have to set font-size because Safari must use this, and not line-height */
    display: inline;     /* compensate for IE margin-doubling bug with floats */
}

#lullaboosTag {
    width: 184px;
    height: 138px;
}

#menu {
    width: 184px;
    height: 369px;    /* there seems to be a bug with Firefox 1.5 and Safari on Mac */
                      /* the height here should be 415, but the copyright then appears 6px lower */
                      /* than it should.  works fine in Mac IE 5.2 and Win IE 6.0 */
                      /* end result is that copyright line is 6px too high in Mac/Win IE, oh well */
}

#menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#menu li {
    margin-top: 6px;
}

#menu div {
    display: block;
    width: 184px;
    height: 19px;
}

#store {
    margin: 0px 0px 23px 0px;
}

.toggleinfo {
    cursor: pointer;
}

#copyright {
}

#main {
    float: right;
    margin-top: 6px;
    width: 610px; height: 565px;
    background: url(../images/mainBackground.gif) 0 0 no-repeat;
    font-size: 0px;
    line-height: 0px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
}

#top {
    margin-top: 8px;
    margin-bottom: 8px;
}

#heading {
    margin-left: 19px;
    font-size: 30px;
    line-height: 40px; /* must specify pixels (not 1.33 factor) due to Firefox 1.x bug */
    color: #88c6ed;
    height: 40px;
    overflow: hidden;
}

#label {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    overflow: hidden;
}
a:active, a:link, a:visited {
    color: #774b26;
    text-decoration: none;
}
a:hover {
    color: #88c6ed;
    text-decoration: none;
}

#bottom {
    position: relative;
    margin: 8px 19px 8px 19px;
    font-size: 12px;
    line-height: 18px;
    overflow: auto;
}

.floatright {
    float: right;
    width: 200px;
    margin: 0 10px 10px 10px;
}

.floatleft {
    float: left;
    width: 200px;
    margin: 0 10px 10px 0px;
}

.leftcaption {
    clear: left;
    text-align: left;
}

.rightcaption {
    clear: right;
    text-align: left;
}

.nocaption {
    clear: both;
}

#vdiv1 {
    display: table;
    height: 100%;
    overflow: hidden;
    _position: relative;
}
#vdiv2 {
    display: table-cell;
    vertical-align: middle;
    _position: absolute;
    _top: 50%;
}
#vdiv3 {
    _position: relative;
    _top: -50%;
}

/* #vdiv1 { height: 100%; overflow: hidden; position: relative; } */
/* #vdiv1[id] { display: table; position: static; } */
/* #vdiv2 { position: absolute; top: 50%; } */
/* #vdiv2[id] { display: table-cell; vertical-align: middle; position: static; } */
/* #vdiv3 { position: relative; top: -50%; } */
/* #vdiv3[id] { position: static; } */