body {background-color: #FFFFFF; 

font-family: "Comic Sans MS", sans-serif, times;
}

.mainbody {
text-align: left;
background-color: #FFFFFF;
color: #000000;
width: 100%;
margin-left: auto;
margin-right: auto;
min-height: 600px;
border: 3px #FFFFFF ridge;
height: 100%;
}

.mainbody h1, h2, h3, h4 {
	color: #000000;
}

.sidebarnav {
	width: 20%;
	background-color: #FF0000; /*red*/
	height: 100%;
	float:left;
	min-height: 600px;
}

.maintext {width: 80%; 
	text-align: center;
	float:right;
	height: 100%;
	vertical-align: top;
	background-color: #FFFFFF;
	display:block;
	min-height: 600px;
	
}

header {text-align: left;
background-color: #0000FF; /*blue*/
width: 100%;
margin-left: auto;
margin-right: auto;
border: 3px #1f1e2c ;
}

header h4{
	text-align: left;
}

footer {text-align: center;
background-color: #FFFF00; /*yellow*/
width:100%;
margin-left: auto;
margin-right: auto;
border: 3px #1f1e2c ;
}


nav { width:70%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: "Comic Sans MS", cursive, sans-serif;
}


.nav1{ margin-top: 100px;
	font-size: 16px;
}

.nav2 li {
	display: inline; 
	padding: 20px; 
}

.nav1,
.nav1 ul,
.nav1 ul li,
.nav1 ul ul, 
.nav2, 
.nav2 ul,
.nav2 ul li,
.nav2 ul ul
{
  list-style: none; 
  padding: 2px;
}

.nav1 ul, .nav2 ul {
  position: relative;

}

.nav1 ul li, .nav2 ul li {
  vertical-align: middle;
}
.nav1 ul li:hover, .nav2 ul li:hover{
  position: relative; 
}
.nav1 ul ul, .nav2 ul ul{
  visibility: hidden; /* hide sub menus by default */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #990000; 
  border: 2px black solid;
  text-align: center;
}
.nav1 ul ul ul, .nav2 ul ul ul {
  top: 0px; 
  left: 99%;
}
.nav1 ul li:hover > ul {
  visibility: visible; /* show sub menu */
  color: black;
}

.nav2 ul li:hover > ul {
  visibility: visible; /* show sub menu */
  color: black;
}
.nav1 ul ul, .nav2 ul ul {
  top: 0px;
  left: 99%;
}

nav a:visited {
	color: #000000;
	text-decoration: none;
}
nav a:link {
	color: #000000;
	text-decoration: none;
}

nav a:hover {
	color: #000000;
}

a:link {
	color: #990000;
}

a:visited {
	color: #990000;
}

a:hover {
	color: #ff1919;
}

.email:link {
	color: #000000;

}

.padding {
	padding-left: 30px;
	padding-right: 30px; 
	text-align: left;
}
