body {
	margin: 0px;
	padding: 0px;
	background-color: #444;
	color: #444;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


hr {
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}


#header {
	margin: 0.5em 0.5em;
	padding: 0.2em 0.2em 0.1em 0.2em;
	border: 1px solid gray;
	background-color: #437a90;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#headtext {
	font-size: 3em;
	font-weight: bold;
	font-style: normal;
	margin: 0 4em 0 4em;
	padding: 0em 0 0em 0;
}

#header img {
	float: left;
	padding: 0.2em;
	margin: 0.0em 0em 0em 0em;
	background-color: #FFFFFF;
}

#container {
	margin: 0.5em 0.5em;
	background-color: #336793;
	background-color: #437a90;
	border: 1px solid gray;
	text-align: center;
}

#content {
	width: 40em;
	margin: 1em 1em 1em 21em;
	border: 1px solid gray ;
	padding: 0.5em;
	background-color: #fafafa;
	color: #000;
	text-align: left;
}

#headshot {
}

.thumbs {             /* container for all thumbs */
  width: 36em;         
  margin: auto;   
  padding: 0.5em;
  background-color: #fffFFF;
  color: #000;
  border: 1px solid gray;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting
*/
  height: 9.5em;    /* high enough for image plus 2-line caption */
  width: 9.5em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 1px solid #faebd7;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: inherit;
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  width: 8em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding: 0;
}

#navbar {
	background-color: #FFFFFF;
	float: left;
	width: 17em; 
	padding: 0.1em 0.1em;
	margin: 1em 1em 1em 1em;
	border: 1px solid gray;
	font-size: 1em; 
}
#navbar h1 {
	font-size: 1.2em;
}

.contact {
	border: 1px solid gray;
	padding: .1em;
	margin: 0;
	padding: 0;
	background-color: #98a1a9;
	color: #222;
} 

.contact ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.contact a {
	/*color: #333;*/
}

#navlist {
   padding: 0 0.1em 0 0.1em;
   color: #000000;
   border: none;
   list-style-type: none;
}

#navlist ul
{
   list-style-type: none;
   text-align: left;
   padding: 0;
   margin: 0;
}

#navlist li
{
   text-align: left;
}

#navlist a
{
   display: block;
   background-color: #444444;
   color:  #FFFFFF;
   text-decoration: none;
   font-weight: normal;
   border-bottom: 1px solid gray;
   border-top: 1px solid gray;
   padding: 0.2em 1em 0.2em 0.5em;
	margin: 1px 0 0 0;
	font-size: 1.2em;
	width: 12.2em;
}

#navlist li a:hover
{
   background-color: white;
   color: black;
}

#navlist li li a
{
   display: block;
   background-color: #557387;
   background-color: #555555;
   color:  #FFFFFF;
   text-decoration: none;
   font-weight: normal;
   padding: 0.1em 0.1em 0.1em 0.1em;
   border-bottom: 1px solid gray;
	font-size: 1em;
	width: 14.2em;
	margin: 1px 0 0 2em;
}
#navlist li li li a
{
   display: block;
   background-color: #64879E;
   background-color: #636363;
   color:  #FFF;
   text-decoration: none;
   font-weight: normal;
   padding: 0.1em 0.1em 0.1em 0.1em;
   border-bottom: 1px solid gray;
   border-top: 1px solid gray;
   margin: 0.1em 1em 0.1em 0;
	font-size: 1em;
	width: 12.2em;
	margin: 1px 0 0 4em;
}

#footer {
   clear: both;
   margin: 0.5em 0.5em;
   padding: 0.5em;
	background-color: #437a90;
   border: 1px solid gray;
   text-align: center;
}

#footer a {
	border-bottom: none;
}