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

body{
max-width:78em;
min-width:78em;
margin: 0px; padding: 0px; text-align: left;
background-color: #F5F5F5;
}

#banner{
padding: 0px;
border: none;
margin: 0px;
width:100%;
}

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

/*Horizontal Nav Bar*/

#hnavbar{
	width:98%;
	height:3.0em;
}
ul {
    list-style:none;
    margin:0; /* Demonstration purposes to keep navigation menu in top left corner. */
    padding:0;
}
 
ul li {
    float:left; /* Puts tabs on same line */
}
 
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. */
}
 
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;
	z-index:+1; /*Stops drop down being hidden by main box*/
}
 
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;
} 
 
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. */
}
 
a {
    text-decoration:none; /* So that links aren't underlined */
}
 
.dropdown {
    display:none; /* Anything in dropdown class doesn't appear initially when page loads */
}
 
.dropdown li:hover a {
    text-decoration:underline; /* Underlines link if li element in dropdown menu is hovered over */
}
 
.dropdown li a:hover {
    background-color:#CCCCCC; /* Changes background color of link in dropdown menu to grey when we hover over link */
    color:#000000; /* Changes text color of link in dropdown menu to black when we hover over link */
}

#main-section{
margin: 5px;
padding: 5px;
width:98%;
}

#bottom-section{
margin: 0px;
padding: 5px;
width:98%;
}
#mainbox {
  position:relative;
  float:left;
  display: block;
  width: 45em;
  height:24.5em;
  margin-right: 1em;
  padding: 0.9em;
  background-color: #CCCCCC;
}

.minor_box{
	position:absolute;
	width: 20em;
	height:1.8em;
	color: #F00;
	background-color:#333;
}
/*minor box links*/
.minor_box a {
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 600;
	text-decoration: none;
	color: #FF0;
	}
.minor_box a:hover {
	color: #FFF;
	background-color: rgba(0,128,255,0.5);
	}

#main-footer{
clear: left;
margin: 5px;
padding: 5px;
width:98%;
border: thin #F90 solid;
text-align: left;
}

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: none;
/*border-radius:10px;
*/background-color: #FEE8D3;
width:5em;
}