@charset "UTF-8";
/* CSS Document */
html{
height:100%;
}
body {
background: url(../Media/Images/clouds1.jpg) no-repeat center center fixed;
background-size: cover;
overflow: hidden;
margin: 0;
min-height:100%;
}
h1 {
font-size: 2rem;
font-weight: 700;
text-align: center;
}
h2 {
font-size: 1.4rem;
font-weight: 600;
text-align:left;
}
h3 {
font-size: 1.3rem;
font-weight: 500;
text-align: left;
font-style: italic;
}
h4 {
font-size: 1.2rem;
font-weight: 400;
text-align: left;
text-decoration: underline;
}
h5 {
font-size: 1rem;
font-weight: 400;
font-style: italic;
text-align: left;
}
h6 {
font-size: 0.9rem;
font-weight: 400;
text-align: center;
}
#standard-page-box {
position: absolute;
overflow: hidden;
opacity: 1;
/* The next style elements dictate the size and position of the content page-box window in relation
to the size of the container, which reflects the size of thr browser window */
top: 1rem;
right: 1rem;
bottom: 1rem;
left: 1rem;
max-width: 75rem;
min-width: 50rem;
margin-left: auto;
margin-right: auto;
border: solid #0A53B8;
border-width:0.3rem;
border-radius: 1.375rem;
z-index:1;
}
#standard-page-header-box {
position:relative;
height: 3.0rem;
background-color: #acbbd3;
opacity:0.8;
z-index:10;
}
#standard-page-header-text {
position:relative;
height:2.2rem;
color:black;
font-size:1.5rem;
letter-spacing: 1.0rem;
font-style: oblique;
text-align: center;
font-weight: 700;
/* Position text in center of div vertically */
top: 50%;
transform: translateY(-50%);
z-index:11;
}
#standard-page-article-box {
position: absolute;
top:6.0625rem;
right: 0;
bottom: 1.8rem;
left: 0;
overflow: auto;
padding-left: 1rem;
padding-right: 1rem;
color: #000000;
background-color: white;
z-index:10;
}
#standard-page-footer-box {
position: absolute;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
height:1.8rem;
bottom:0;
width:100%;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
/* Not necessary if body background color is the same */
background-color: #315ca5;
z-index:10;
opacity:1;
}
#standard-page-footmatter {
top:0;
bottom:0;
width:auto;
/*left:50%;
/* transform:translateX(-50%);*/
/*top: 50%;
/* transform: translateY(-50%);*/
}
#standard-page-footmatter span {
display:inline-block;
float:left;
width: auto;
height:auto;
margin:0;
text-decoration: none;
font-size: 1rem;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
#standard-page-footmatter a {
text-decoration: none;
margin:0;
padding:0;
}
/* Footer Colors */
#previousPageLink{
text-align:right;
}
#previousPageLink a {
color: white;
}
#currentPageNumber{ /* There is no tag in this div */
padding-left:1rem;
padding-right: 1rem;
text-align:center;
color:#ffbb99;
}
#nextPageLink{
text-align:left;
}
#nextPageLink a{
color: white;
}
/*video{
width: 100%;
height: 100%;
}*/