body {
		 	background-image: url(tile.jpg);
		 	color: #d8eff1;
		 	background-color: #00008b;
		 	font-family: "Comic Sans MS", Arial, sans-serif;
		 }
		 #content a {font-family: arial;}
		 a:link {
		 	color: #add8e6;
		 }
		 a:visited {
		 	color: #87cefa;
		 }

		 a:hover {
		 	color: navy;
		 	background-color: #d8eff1;
			outline: thin solid navy;
		 }
		 /*img {outline: thick solid white}*/
		 h1 {font-family: arial;
		 		 text-align: center;
				 font-size: 130%}
				 
		 h2 {font-family: arial;
		 		 font-size: 115%;}

				 #menu {
				 	float:left;
					position: fixed;
					left: 0em;
					top:5em;
					white-space:nowrap}
					
					#content {
					width:70%;
					margin-left:20%;
					}
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
outline:none;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
/* buttons for the menu */

#button {
width: 20%;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: "Comic Sans MS",Arial, sans-serif;
background-color: #90bade;
color: #333;
/*float:left;
position:absolute;
top:1em;
left:0em;
margin-left;0*/}
#button ul {
list-style-type: none;
margin: 0;
padding: 0;
border: none;
}
#button li {
display:block;
}

#button li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #button li a {
width: auto;
}
#button li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
#button li a:focus {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}