body {
    background-color: rgb(44.5, 113.7, 165.3);
    background-image: url("/css/imgs/backdrops-001.png");
    background-attachment: fixed;
    background-repeat: repeat;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
h3 {
    /* font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
    font-style: normal;
    font-size: 32px;
}
p {
    font-size: medium;
}












div {
    background-color: white;
}
.head {
    width: 1280px;
    margin: auto;
    margin-bottom: 2px;
    background-color: rgba(248, 255, 255, 0.85);
    border-radius: 5px;
}
.page {
    width: 1280px;
    margin: auto;
    padding-bottom: 10px;
    background-color: rgba(152, 180, 187, 0.85);
    border-radius: 5px;
}
.iframe_holder {
    width: 1280px;
    margin: auto;
    align-items: center;
    background: none;
    border-radius: 5px;
}
.animZone {
    background: none;
}
.characterDetails {
    /* background: none; */
    display:inline-flex;
    background-color: rgba(250, 248, 231, 0.85);
    margin: 10px 20px;
    width: 1240px;
    min-height: 500px;
    border-radius: 5px;
}
.exit {
    background-color: rgba(144, 144, 144, 0.85);
    color: azure;
    margin: 2px 2px;
    float:right;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: medium;
    border-radius: 2px;
    cursor: pointer;
}

.text {
    background: none;
}
.textLeft {
    background: none;
    margin: 0px 20px;
    float: left;
}
.textRight {
    background: none;
    margin: 0px 20px;
    float: right;
    max-width: 50%;
    text-wrap: wrap;
}
.imgAndText
{
    display: block;
    width: 1280px;
    background: none;
}
img {
    background-color: none;
    margin: 10px;
    width: 480px;
}
.imgLogo {
    width: 240px;
}
.imgLeft {
    float: left;
}
.imgRight {
    float: right;
}
iframe {
    border: none;
    margin: 0px 140px;
    width: 1000px;
    height: 720px;
}
button {
    background-color: rgba(152, 180, 187, 0.85);
    border-radius: 3px 3px;
    cursor: pointer;
}
button:hover {
    background-color: rgba(137, 145, 147, 0.85);
}
button:active {
    background-color: rgba(86, 109, 115, 0.85);
}
.topMenuButtons {
    background-color: rgba(152, 180, 187, 0.85);
    border: none;
    padding: 2px 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: large;
}

.pageButtons {
    background-color: rgb(158, 213, 255);
    border: none;
    padding: 5px 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}
.pageButtons:hover {
    background-color: rgb(160, 173, 184);
}