body {
	padding-top:	0px;
	margin-top:	0px;
	color:		black;
/*	background-image:	url(grey-gradient.jpg); */
}
@media (max-width: 40em) {
body {
	margin-left:    .5em;
}
}
@media (min-width: 65em) {
body {
	margin-left:    auto;
	margin-right:   auto;
	width:          65em;
}
}

:link { color: #0000EE; }
:visited { color: #551A8B; }

#menu {
	line-height:	50%;
}

img.left { float: left; }
img.right { float: right; }
img.border0 { border-width: 0px; }
img.border1 { border-width: 1px; }

@media (min-width: 36em) {
.p1 {
	margin-top:     16px;
	margin-bottom:  8px;
	margin-left:	30px;
}

.p2 {
	margin-top:     8px;
	margin-bottom:  8px;
	margin-left:	30px;
}

.p3 {
	margin-top:     4px;
	margin-bottom:  4px;
	margin-left:	30px;
}

h1 { margin-left: -30px; }
h2 { margin-left: -30px; }
h3 { margin-left: -30px; }
}
@media (max-width: 36em) {
.p1 {
	margin-top:     16px;
	margin-bottom:  8px;
	margin-left:	0px;
}

.p2 {
	margin-top:     8px;
	margin-bottom:  8px;
	margin-left:	0px;
}

.p3 {
	margin-top:     4px;
	margin-bottom:  4px;
	margin-left:	0px;
}

h1 { margin-left: 0px; }
h2 { margin-left: 0px; }
h3 { margin-left: 0px; }

}

.center { text-align: center; }

@media (max-width: 40em) {
    div.menu { display: none }
}
@media (min-width: 40em) {
div.menu {
   text-align: left;
   background-color: #bd0000;
   border-style:solid;
   border-width:3px 0px 3px 0px;
   border-color: #bd0000;
   font-family: verdana, helvetica, sans-serif;
   font-size: small;
   font-weight: bold;
}

div.menu a.up, a.circle, a.down, a.right {
   border-style:solid;
   border-width:3px 6px 3px 6px;
   border-color:#bd0000;
   color: white;
   text-decoration: none;
}

div.menu a:hover {
    color: yellow;
    background-color: maroon;
    border-color: maroon;
}

div.menu br {display:none}

div.menu p {
   margin: 0 0 0 0;
}
}