body {
background-color: #eef0c1;
border-left: solid 100px rgb(102, 78, 62);
border-right: solid 100px rgb(102, 78, 62);
border-top: solid 5px rgb(102, 78, 62);
border-bottom: solid 5px rgb(102, 78, 62)
}

.heading {
font-variant: small-caps;
margin-bottom: 0
}

.header {
font-size: 16pt
}

.attention {
font-style: italic
}

img {
display: block
}

#menu {
background-color: #e7d98d;
color: #333;
border: solid 1px gray;
width: 12em;
float: left
}

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

#menu li {
margin: 0;
padding: 0.25em 0.5em 0.25em 1em;
border-top: 1px solid gray;
width: 100%;
display: block
}

#menu li a{
display: block;
text-decoration: none;
width: 100%
}

#menu li:hover {
background-color: white
}

html>body #menu li {
width: auto;
}

#content {
padding: 0.0em 0.0em 0.0em 15em
}

#content ul {
padding: 0;
margin-top: 0
}

#header {
background-color: #9db5bd
}

#footer {
clear: both;
background-color: #9db5bd;
padding: 0.0em 0.0em 0.01em 0.0em;
text-align: center;
color: gray
}

.footnote 
{
    font-size: small
}

.mission {
font-variant: small-caps;
font-size: 60%
}

.highlight {
color: Blue
}

.important {
color: red
}

#contentframe
{
	float: right;
	display: inline
}


#row
{
	clear: left;
}

#bio
{
  float: left;
  display: inline;
  width: 25%;
  font-style: italic;
  margin-left: 20px;
  margin-top: 20px;
}

#bio img
{
	float: left;
	display:inline;
	width: 100%
}

#bio p {
  text-align: center
}

p.text 
{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px
}