html,
body {
    font-family      : Georgia, serif;
    font-size        : 16px;
    color            : #474414;
    background-image: url(background.gif);
    background-repeat: repeat;
    margin           : 0;
    padding          : 0;
    height           : 100%;
    overflow         : scroll;
}
a {
    color           : #580000;
    text-decoration : underline;
}
p {
    margin-top    : 15px;
    margin-bottom : 15px;
}

.grPagePic {
		width : 320px;
		float : right;
	  display : block;

}

#wrapper {
    width            : 75%; /*702px*/
    margin-left      : auto;
    margin-right     : auto;
    /*height           : 100%;*/
    min-height       : 1060px;
    display: grid;
    grid-template-columns: auto auto

}

#story {
    display: none;
}

#hostwrapper {
    float: left;
    /*position         : absolute;*/
    width            : 702px;
    height           : 100%;
    background-image : url(scroll.png);
    background-size: cover;
    padding-left: 40px;
    padding-right: 40px;
}

/*    padding-top: 240px;
*/

#bpcheader {
    position        : relative;
    width            : 100%;
    color           : white;
    background-color : black;
}

#bpcheader a {
    color           : white;
    text-decoration : none;
}

#host {
    position         : relative;
    width            : 702px;
    height           : 1060px;
    margin-left      : auto;
    margin-right     : auto;
    /* overflow-y: auto; */
}

#title {
    position         : relative;
    font-size        : 0;
    font-weight      : bold;
    color            : #580000;
    width            : 430px;
    height           : 106px;
    background-image : url(title.png);
    background-size  : 100% 100%;
    margin-left      : 180px;
    margin-top       : 120px;
}

#interactionHost {
    position            : absolute;
    overflow            : auto;
    margin              : 0;
    padding             : 5px;
    padding-top         : 15px;
    background-image    : url(interaction.png);
    background-size: cover;
    background-repeat   : no-repeat;
    background-position : center top;
    border-bottom       : none;
    height              : 24px;
}
#interactionHost ul,
#inventoryHost ul {
    display : block;
    margin  : 0;
    padding : 0;
}
#interactionHost li {
    float           : left;
}

#interactionHost li,
#inventoryHost li {
    margin          : 0;
    padding         : 0;
    margin-right    : 10px;
    list-style-type : none;
}
#interactionHost li a,
#inventoryHost li a {
    color : #bb9f3d;
}
#inventoryHost li a {
    margin-left: 40px;
    margin-top: 10px;
}
#inventoryHost {
    overflow         : auto;
    position         : relative;
}

#LeftWrapper {
    float: left;
    display: grid;
    grid-template-columns: auto
  
}

#inventoryHostWrapper {
    float: left;
    width            : 218px;
    height           : 212px;
    color            : #bb9f3d;
    /*left             : 50%;*/
    margin-left      : 0px; /*-580px*/
    top              : 100px;
    /*position         : absolute;*/
    background-image : url(small-scroll-2.png);
}
#inventoryHostWrapper h2 {
    padding-top: 10px;
    font-size  : 18px;
    width      : 218px;
    text-align : center;
    margin     : 0;
}

#footer {
    width            : 218px;
    height           : 212px;
    font-size        : 0px;
    top              : 100px;
    /*left             : 50%;*/
   /*padding-top      : 20px;*/
    /*margin-left      : 420px;*/
    /*position         : fixed;*/
    background-image : url(small-scroll.png);
}
#footer a {
    text-decoration     : none;
    border              : 0;
    color               : #bb9f3d;
    font-weight         : bold;
    font-size           : 20px;
    position            : relative;
    background-image    : url(lilium.png);
    background-repeat   : no-repeat;
    background-position : left center;
    height              : 29px;
    margin-left         : 35px;
    padding-left        : 25px;
    text-shadow         : 1px 1px #645521;
}

#footer h2 {
    text-decoration     : none;
    border              : 0;
    color               : #bb9f3d;
    font-weight         : bold;
    font-size           : 20px;
    position            : relative;
    margin-left         : 35px;
    padding-left        : 25px;
}
#listPages {
    margin-top  : 30px;
}
#undoHost {
    margin-top  : 60px;
}
#saveHost {
/*    margin-top  : 70px;
*/
    display: none;
}
#restoreHost {
/*    margin-top  : 120px;
*/
    display: none;
}
#resetHost {
/*    margin-top  : 170px;
*/
    margin-top  : 90px;
}
#citations {
    margin-top  : 120px;
}
#undoStageHost {
    display: none;
}