body {
margin:  0px; 
padding: 0px;
background-color: #ffffff;
background-image: url(grayblueback.jpg);
}


#head { 
color: #fff;
background-color: #fffff0;
background-image: url(grayblueback.jpg);
margin: 0;
border: 2px solid #6e7b8b;
}

#head h1 {
padding: 0;
margin: 0;
color: #00688b;
font-size: 30px;
}



#text {
font-size: 24px;
font-family:  'comic sans ms', arial, sans-serif;
}

#content { 
margin:0px auto;
padding: 30px;
}

#content p {
padding: 8px;
font-weight: 400;
font-size: 18px;
font-family:  'comic sans ms', arial, sans-serif;
}


.right {
float: right; /* place on right side */
margin-left: 10px; 
padding: 5px;
}

.left {
float: left; /* place on left side */
margin-left: 10px; 
padding: 5px;
}

a:link {
text-decoration: none;
color:  #8B4513;
} 

a:visited {
text-decoration: none;
color: #00008b;
} 

a:hover {
text-decoration: none;
color: #8B814c;
} 

a:active { 
	color: #333333;
	}


img.right {
float: right; /* place image on right side */
margin-left: 15px; 
padding: 5px;
}

.imagecenter {
text-align: center;
margin-top: 30px;
margin-bottom: 10px;
}

img.left {
float: left; /* place image on left side */
margin-right: 40px;
margin-bottom: 40px;
padding: 5px;
}

.rimagecenter {
text-align: center;
margin-top: 50px;
margin-right: 300px;
margin-bottom: 15px;
margin-left: 300px;
}

#foot {
clear: both;
margin: 0px;
padding: 10px;
background-color: #8B2252;
border-top: 2px solid  #000;
border-bottom: 2px solid  #000;
}

#foot h3 { 
color:  #000000;
font: 95% helvetica, arial;
text-align: right; 
padding: 10px;
margin: 0;
}

#navtop ul {
padding: 0;
margin: 0;
color: #fff;
background-color: #bebebe;
list-style-type: none;
text-align: center;
float: left;
width: 100%;
}

#navtop li {
display: inline;
}

#navtop li a {
float: left;
width: 7.4em;
padding: 2px;
color: #00688b;
text-decoration: none;
border-right: 1px solid #fff;
}


#navtop li a:hover {
color: #000;
background-color: #b9d3ee;
border-right: 1px solid #fff;
}



#nav { padding: 0 0 1px 0; } 




#dropmenudiv {
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 15px Times;
line-height:18px;
z-index:100;
}



#dropmenudiv a{
width:100%;
display: block;
background-color: #00688b;
text-align: center;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}



#dropmenudiv a:hover{ /*hover background color*/
background-color: #bebebe;
}





.copyright  { 
color: #000;
font: 75% 'Comic Sans MS', Arial, sans-serif;
top: -5px;
}

#entrancecontent {
color: #00688b;
background-color: #fffff0;
background-image: url(creammat.jpg);
border: 1px solid #000;
width: 80%;
padding: 10px;
margin: 5px 20px;
}

#entrancecontent p {
padding: 8px;
font-weight: 400;
font-size: 18px;
font-family:  'comic sans ms', arial, sans-serif;
}