@charset "UTF-8";

* {
box-sizing: border-box;
}

body {
background: #E2D6B4;
font-family: Arial, Calibri, Times New Roman;
font-size: 100%;
color: black;
margin: 0;
}

/* The #frame is the box container for normal pages, which holds all of the content EXCEPT the initial H1 text, the header menu and the footer. */
#frame {
background: #EAE3CE;
color: #4A452A;
font-size: 18px;
font-family: Candara, Arial;
text-align: justify;
width: 97%;
padding: 10px 20px;
margin: auto auto;
border: 1px solid #494842;
border-radius: 20px;
}

#frame:hover {
background-color: white;
}

.intro {
float: left;
width: 0.7em;
font-size: 400%;
font-family: algerian, courier;
line-height: 80%;
}

/*p:nth-child(1) {
color: red;
}*/

img {
vertical-align: bottom;
margin: 0;
padding: 0;
}

button {
background: white;
color: blue;
display: inline;
border: 3px ridge black;
}

.new {
background: green;
color: purple;
}

.closed {
background: red;
color: yellow;
}

h1, h2, h3, h4, h5, h6 {
font-family: Chenier, Times New Roman, Arial;
text-align: center;
letter-spacing : 0.1em;
font-weight: normal;
}

h1 {
color: #000;
font-size: 5.0em;
/*font-size: 200%;*/
}

h1 span {
color: #7030A0;
}

h1.error {
color: red;
}

h1.error span {
color: blue;
}

h1:hover {
background: #FEE599;
}

ol.h1 {
list-style-type: lower-greek;
}

h2 {
color: blue;
/*font-size: 175%;*/
font-size: 4.0em;
}

h3 {
color: purple;
/*font-size: 150%;*/
font-size: 3.0em;
}

h3 span {
color: navy;
font-weight: bold;
line-height: 1em;
margin-right: 11px;
display: block;
float: left;
font-size: 1.4em;
margin-top: -0.1em;
}

h4 {
color: green;
/*font-size: 125%;*/
font-size: 2.5em;
}

h5 {
color: yellow;
/*font-size: 110%;*/
font-size: 2.0em;
}

h6 {
color: orange;
/*font-size: 100%;*/
font-size: 1.5em;
}