html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a
body
{ /* Main Page Settings */
font-family: Georgia, "Times New Roman", serif;
color: #004080;
background-color: #ffffff; /*
max-width: 49em; */
max-width: 100%;
}
#article
{ /* Positioning Synopses for The Anniversary in novels.html */
position: absolute;
z-index: 15;
padding-top: 0px; /*top right bottom left*/
padding-left: 161px;
margin-top: 192px;
margin-left: 92px; /*
width: 854px; */
width: 100%;
}
#c1
{ /* to Centre something used in excerpts */
text-align: center;
}
#c2
{ /* to Centre something used in excerpts */
text-align: center;
}
#c3
{ /* to Centre something used in excerpts */
text-align: center;
}
#c4
{ /* to Centre something used in excerpts */
text-align: center;
}
h1 {
font-size: 150%;
padding: 0;
}
img {
max-width: 100%;
}
p {
font-size: 100%;
}
#Mel
{ /* Positioning and sizing for Melanie Jpeg in index.html */
height: 12%;
margin: 0.1%;
padding-top: 0;
font-weight: normal;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #004080;
background-color: #ffffff;
}
#navcontainer ul li a:hover
{
color: #004080;
background-color: #ffffff;
}
#navcontainer1 ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer1 ul li {
display: list-item;
}
#navcontainer1 ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #004080;
background-color: #ffffff;
}
#navcontainer1 ul li a:hover
{
color: #004080;
background-color: #ffffff;
}
#indextext1
{
margin-top:5em;
margin-left: 0;
max-width: 100%;
}
#sgjpg
{
margin-top: 200px;
margin-left: 0px;
}
#sgtext
{ /* Positioning Synopses for The Anniversary in novels.html */
padding-left: 100px;
margin-top: 192px;
margin-left: 102px;
width: 800px;
}
#sgtextbook
{ /* Positioning Synopses for The Anniversary in novels.html */
position: absolute;
z-index: 15;
padding-left: 100px;
margin-top: 1040px; /* 840 */
margin-left: 102px;
width: 800px;
}
#sgtrai
{
position:absolute;
z-index:15;
margin-top: 675px;
margin-left: 275px;
}
.TextWrap {
float: left;
margin: 1em;}
.TextWrap1 {
float: right;
margin: 1em;}
#ina {
text-align: center;
}
#inb {
text-align: center;
}
#inc {
text-align: center;
}
#ind {
text-align: center;
}
#ine {
text-align: center;
}
#inf {
text-align: center;
}
#ing {
text-align: center;
}
#inh {
text-align: center;
}
#ini {
text-align: center;
}
#inj {
text-align: center;
}
#ink {
text-align: center;
}
#inl {
text-align: center;
}
#inm {
text-align: center;
}
#inn {
text-align: center;
}
#ino {
text-align: center;
}
#inp {
text-align: center;
}
ul {list-style: none;padding: 0px;margin: 0px;}
ul li {display: block;position: relative;float: left;border:1px solid #ffffff}
li ul {display: none;}
ul li a {display: block;background: #ffffff;padding: 5px 10px 5px 10px;text-decoration: none;
white-space: nowrap;color: #004080;}
ul li a:hover {background: #ffffff;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}
li:hover a {background: #ffffff;}
li:hover li a:hover {background: #ffffff;}
#drop-nav li ul li {border-top: 0px;}
 #aPlayer > audio { width: 100% }
        /* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
       /* HIDE DOWNLOAD AUDIO BUTTON */
     #aPlayer {
           overflow: hidden;width: 390px;
        }

    #aPlayer > audio { width: 420px; }
}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {

      #aPlayer {
           overflow: hidden;width: 390px;
        }

    #aPlayer > audio { width: 420px; }
}
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}