@charset "utf-8";
/* css Document */

body{
/*max-width was set to 1260px, assuming 1em =16px max-width is et to 78em, rounded down*/
/*min-width was set to 1260px, assuming 1em =16px min-width is et to 78em, rounded down*/
/*max-width:78em;
min-width:78em;*/
margin: 0px; padding: 0px; text-align: left;
background-color: #F5F5F5;
}

#wrapper{
position: relative;
width: 100%;height: 100%;
text-align: left;
max-width:78em;
min-width:78em;
}

#banner{
padding: 0px;
/*border: #000 thin solid;
*/margin: 0px;
width:99%;
/*background-color: #999;
*/}

#logo{
	padding:0.1em 0.2em 0.2em 0.1em;
	float:left;
}

#intro{
padding: 0px;
border: none;
margin: 0px;
/*background-color: #CCC;
*/text-align: left;
}

/*Horizontal Nav Bar*/

#hnavbar{
	width:100%;
	height:2.0em;
}
#hnavbar ul {
    list-style:none;
    margin:0; /* Demonstration purposes to keep navigation menu in top left corner. */
    padding:0;
}
 
#hnavbar ul li {
    float:left; /* Puts tabs on same line */
}
 
#hnavbar ul li a {
    display:block; /* Displays links on separate lines. */
    color:#000000;
    padding:5px 15px 5px 15px; /* 5px top, 15px right, 5px bottom, 15px left */
    border:#FFF thin solid; /* Separates dropdown links by whitespace */
    margin-left:1px; /* Separates tabs by whitespace */
    background-color:#CCCCCC;
    white-space:nowrap; /* Doesn't wrap words across separate lines if line is too long for parent's li width. This is for the dropdown menu. */
}
 
#hnavbar li:hover ul { /* Displays dropdown menu for specific li element, once mouse hovers over li element */
    position:absolute; /* Positions directly under the correct tab */
    display:block;
}
 
#hnavbar li:hover li { /* Keeps li elements same width in dropdown menu, since it's originally floating left, as specified in "ul li" selector */
    float:none;
} 
 
#hnavbar li:hover a {
    background-color:#252525; /* Changes background color of tab and dropdown links to shade of black when tab is hovered over */
    color:#FFFFFF; /* Changes text color of tab and dropdown links to white when tab is hovered over. */
}
 
#hnavbar a {
    text-decoration:none; /* So that links aren't underlined */
}

.page-article{
margin: 5px;
padding: 5px;
width:99%;
background-color: #FFF8DC;
}

#main-footer{
clear: both;
margin: 5px;
padding: 5px;
height: 2em;
width:99%;
/*background-color: #FCC; text-align: left;
border: thin solid #F90;
border-radius: 10px;
*/}

.page-section{
	float:left;
	width:99%;
	margin: 0.1em;
	padding:0.1em;
	border-bottom: thin solid;
	border-bottom-color:#F90;
	border-bottom-style: dashed;
}

.section-aside{
	float:right;
	width:20%;
	margin: 0.1em;
	border:thin solid #F90;
/*	border-radius: 10px;
*/	padding:0.1em;
}

h1{
font-size: 2.5em; font-weight: 600;margin: 5px; font-family: "Times New Roman", Times, serif;
}
h2 {
font-size: 1.6em; font-weight: 600;  font-family: "Times New Roman", Times, serif;margin: 5px;
}
h3 {
color: black;
font-size: 1.0em; font-weight: 700; Font-family: Arial, sans-serif;
margin: 5px;
}
h4 {
color: black;
font-size: 0.9em; font-weight: 600; Font-family: Arial, sans-serif;
margin: 5px;
}

p {
color: black;
font-size: 1.0em; Font-family: Arial, sans-serif;
margin: 5px;
}

strong {
color:black;
font-size:1.0em;
font-weight:600;
Font-family: Arial, sans-serif;
}
.bluetxt{color:blue;}
.redtxt{color:red;}
.greentxt{color:green;}

button{
display:block;
/*border-radius:10px;
*/background-color: #FEE8D3;
width:5em;
}
/*Table Styling*/
.Stable
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:70%;
border-collapse:collapse;
}
.Stable td, .Stable th 
{
font-size:1em;
border:1px solid #FFF;
padding:3px 7px 2px 7px;
}
.Stable th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#BDB76B;
color:#000000/*Black text */
}
.Stable tr:nth-child(odd){background-color:#F0E68C;}
.Stable tr:nth-child(even){background-color:#D3D3D3;}

a {
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	text-decoration: none;
	color: Blue;
	}
a:hover {text-decoration: none; color: #3333FF;
		background-color: #F5DA81;
		border: 1px solid #F5A9A9;}