body {
    background-image: url('globe.jpg');
    height: 100%;
    width: 100%;
    margin: 0%;
    padding: 0%;
    display: block;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
}

/* START main navbar */
.navbar {
  list-style-type: none;
  padding: 0px;
  margin: 10px 10px 20px 0px;
  overflow: hidden;
  background-color: #1F818C; 
  width: 100%;
  list-style-type: none;
  text-align: center;
}
.navbar a {
  list-style-type: none;
  padding: 0px;
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 15px 102px;
  text-decoration: none;
  font-family: "apple chancery";
}
.navbar a:hover {
  background: #ddd;
  color: black;
}
/* END main navbar */
/* START text navbar */
.text_navbar {
  overflow: hidden;
  background-color: #1F818C;
  position: fixed; 
  margin: 50px 1000px 50px 15px ;
  width: 10%;
}
.text_navbar a {
  float: left;
  display: block;
  color: white;
  text-align: left;
  padding: 15px 20px;
  text-decoration: none;
  font-family: "apple chancery";
}
.text_navbar a:hover {
  background: #ddd;
  color: black;
}
/* END text navbar */


/* h1-4 style the headings of the manual html pages, 
 * h5-h6 is used to style the headings within the xslt transformed xml*/
h1 {
    background-color: #5E6A8C;
    font-weight: bold;
    font-size: 60px;
    font-family: "blippo";
    color: white;
    text-align: center;
    margin: 15px 18% 0px 18%;
    padding: 4px 0px 4px 0px;
}
h2 {
    background-color: #5E6A8C;
    font-weight: bold;
    font-size: 40px;
    font-family: "apple chancery";
    color: white;
    text-align: center;
    margin: 15px 13% 0px 13%;
    padding: 4px 0px 4px 0px;
}   
h3 {
    background-color: #5E6A8C;
    font-size: 25px;
    font-style: italic;
    font-family: "apple chancery";
    color: white;
    margin: 25px 77% 25px 2%;
    padding: 5px 15px 5px 15px;
}
h4 {
    background-color: #4f4f4f;
    font-size: 15px;
    color: white;
    width: 7%;
    margin: 25px 90% 25px 2%;
    padding: 5px 15px 5px 15px;
}
h5 {
    background-color: #5E6A8C;
    font-size: 25px;
    font-style: italic;
    font-family: courier, monospace;
    color: white;
    text-align: center;
    margin:0px 15% 0px 15%;
    padding:2px 5% 2px 5%;
}

h6 {
    background-color: #5E6A8C;
    font-size: 25px;
    font-style: italic;
    font-family: "apple chancery";
    color: white;
    margin-left: 20%;
    margin-right: 24%;
    padding: 10px;
}

p {
    background-color: #F2F2EB;
    color: #333333;
    margin: 15px 600px 0px 30px;
    padding: 5px 15px 5px 15px;
}

ul, ol {
    background-color: #1F818C;
    color: white;
    margin: 15px 600px 0px 30px;
    padding: 5px 15px 5px 30px;
}

table, th, td {
    background-color: #F2F2EB;
    color: #333333;
    border: 2px solid;
    width: 40%;
    border-collapse: collapse;
    margin: 15px 50% 20px 3%;
    padding: 5px 15px 5px 10px;
}
/* ========START Corpus styling =======*/
div[class="text"] {
    background-color: #F2F2EB;
    color: #333333;
    display: block;
    width: 65%;
    margin: 20px 5% 10px 15.5%;
    padding: 2%;
    text-align: justify;
} 

div[class="scene"], div[class="meta"] {
    width: 95%;
    display: flex;
    flex-direction: column;
    margin: 2%;
    padding: 5px 5px 10px 5px;
} 

sp {
    font-weight: bold;
}
span[class="stage"] {
    font-style: italic;
}

span.class {
    display: inline-block;
}

/* ======END Corpus styling===== */
/* ======START Analysis Styling====== */
.bar-graph {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 3%;
    margin-bottom: 3%;
    height: 550px;
    width: 90%;
    overflow-x: auto;
    background-color: white;
}
.pie-chart {
    margin-left: 14%;
    margin-right: 14%;
    margin-top: 3%;
    margin-bottom: 0;
    height: 400px;
    width: 65%;
    padding: 10px;
    background-color: white;
}
.red {background-color:red;} 
.blue{background-color:blue;} 
.yellow{background-color:yellow;}
.pie-key{border-color:white; 
    margin-left:30%; margin-right:30%; margin-top: -4px;}

.p_analysis {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10%;
}

/* ========END Analysis Styling========= */