body { 
		 width: 900px;
		 color: black;
		 background-color: #dec6a5;
		 font-family: "Book Antiqua", serif;
}

* a:link {
		  color: #0000cd;
		  background-color: inherit;
		  text-decoration: none;
}

* a:visited {
		  color: #400040;
      background-color: inherit;
		  text-decoration: none;
}

* a:hover {
		  color: fuchsia;
		  background-color: inherit;
		  text-decoration: none;
			visibility: inherit; /* workaround IE bug: wake up a:hover img */
}

* a:link img {
		  border-width: 2px;
			border-color: #0000cd;
		  margin-right: 8px;
}

* a:visited img {
		  border-width: 2px;
		  border-color: #400040;
		  margin-right: 8px;
}

* a:hover img {
		  border-width: 2px;
		  border-color: fuchsia;
		  margin-right: 8px;
}


h1 {
   clear: left;
	 padding-top: 1em;
	 padding-right: 1em;
	 padding-bottom: 1em;
	 padding-left: 1em;

	 border-style: double;
	 border-width: 3px;
	 border-color: #bbaa88;
	 
   margin-top: 30px;
	 margin-right: 20px;
	 margin-bottom: 20px;
	 margin-left: 20px;
	 
	 font-family: "Book Antiqua", serif;
	 text-align: center;
}

h2, h3 {
	 font-family: "Book Antiqua", serif;
}

p {
	font-family: "Lucida Bright", serif;
}

p.subhead {
 	 margin-left: 20px;  /* Match the h1 indentation */
}

.captioned_image {
	 display: block;
	 clear: both;
	 overflow: hidden;				 /* A trick to make this div big enough for its floated children. */
	 width: 80%;
	 padding: 0.5em;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #bea685;
	 margin-top: 12px;
	 margin-bottom: 12px;
	 margin-left: 10%;
	 margin-right: auto;
	 font-family: "Book Antiqua", serif;
	 font-size: 14pt;
	 font-style: italic;
	 font-weight: normal;
}

.captioned_image img {
	 float: left;
	 clear: left;
	 border-style: solid;
	 border-width: 2px;
	 border-color: silver;
	 margin-right: 8px;
}

div.captioned_image_right {
    display: block;
		min-width: 20%;
		float: right;
		clear: right;
		border-style: none;
		margin: 10px;
		text-align: center;
}

div.captioned_image_right img {
  display: run-in;
	border-style: solid;
	border-width: 2px;
	border-color: silver;
	margin: 0px;
	padding: 0px;
}

div.captioned_image_right p.caption {
  display: run-in;
	font-family: "Book Antiqua", serif;
  font-size: small;
  font-style: italic;
	font-weight: normal;
  text-indent: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


.logoimg {
   display: block;
	 float: left;
	 border-style: none;
	 margin-left:50px;
}

.logonote {
   padding-top: 30px;
	 font-style:italic;
	 font-size:12pt;
	 margin-left: 50px;
	 color:black;
	 background-color: inherit;
	 text-align:center;
}

@media handheld {
   .logoimg {
	     display: none;	  
	 }
}

#footer
{
    display: block;
		clear: both;
	  width: 100%;
		overflow: hidden;				 /* A trick to make this div big enough for its floated children. */
		margin-top: 20px;
	 	font-size: medium;
		font-weight: bold;
}
#footer hr
{
 		display: block;
 		width: 40%;
		margin-top: 20px;
		margin-left: 0px;
		margin-right: auto;			 /* This allows IE to left-justify the horizontal rule. */
}

#footer .url
{
	 	font-size: x-small;
		font-weight: normal;
}