body { 
  width:800px;
  margin:0 auto;
  background:#e6dfae; 
  color:#000000; 
  font-family: Trebuchet MS, Tahoma, Geneva, sans-serif; 
  font-size: .8em;
  padding:10px;
}

h1 { font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif; font-size: 220%; text-align:right; border-bottom:1px solid #9F8579; margin-top:0px; }
h2 { font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif; font-size: 180%; }
h3 { font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif; font-size: 160%; }
h4 { font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif; font-size: 130%; font-weight: bold; }
h5 { font-family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, serif; font-size: 120%; font-style: italic; }
hr { color: #000000; background-color: #000000; height: 1px; border: 1px #000000; width: 25%; }

img { 
  border:0; 
  margin:0; 
  padding:0;
}

a:link { 
  background:transparent; 
  color:#8B2929; 
  font-weight:bold; 
  text-decoration:none;
}
a:visited { 
  background:transparent; 
  color:#5D5D7F; 
  font-weight:bold; 
  text-decoration:none;
}
a:active { 
  background:transparent; 
  color:#A68236; 
  font-weight:bold; 
  text-decoration:underline;
}
a:hover { 
  background:transparent; 
  color:#A68236; 
  font-weight:bold; 
  text-decoration:underline; 
}

#header {
  width:800px;
  background:#ffffff; 
  text-align:center; 
  border-top:0px dashed; 
  border-bottom:0px dashed; 
  padding:0px; 
  margin:0px
}

/* background_4.gif is an 800px x 3px image in place to ensure that the header
   and content-and-sidebar blocks are the same width in IE. Its color needs 
   to be changed if the color scheme is changed. */
#wrapper {
  width:800px;
  background:url(background_4.gif) repeat-y; 
  overflow:auto; 
  margin-top:10px;
}

#sidemenu {
  width:200px;
  min-height:900px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:900px; /* for IE5.x and IE6 */
  background-color:#ffffff;
  float:right;
  margin-top:10px;
  padding:10px;
}

#sidemenu ul {
  padding:0px;
  margin:0px;
}

#sidemenu li {
  padding:0px;
  margin:0px;
  list-style-type:none;
}

#content { 
  width:590px;
  min-height:900px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:900px; /* for IE5.x and IE6 */
  background-color:#ffffff;
  margin-top:10px;
  padding:10px;
}

#page_content {
  width:780px;
  background-color:#ffffff;
  margin-top:10px;
  padding:10px;
}

#footer { 
  width:780px;
  background-color:#ffffff;
  margin-top:10px;
  padding:10px;
  text-align:center;
}

/* Image Gallery:  Used for staff photos on the About page. Individual entries
are formatted like this:

<div class="image_gallery"><img src="[IMAGE URL]" alt="[JOB TITLE] - [NAME]" />
<br />[JOB TITLE]
<br />[NAME]</div>

*/
#image_gallery {
	float:left;
	width:180px;
	height:220px;
	margin:5px;
	text-align:center;
	font-size:smaller;
	font-weight:bold;
}

#image_gallery img {
	padding: 5px;
}

/* Image Gallery:  Used for Picasa album links on the Photos page. Individual entries
are formatted like this:

<div class="picasa_gallery"><a href="[ALBUM URL]"><img src="[ALBUM COVER IMAGE URL]" alt="[ALBUM TITLE]" /></a>
<br />[ALBUM TITLE]</div>

*/
#picasa_gallery {
	color:#4D4D4D;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:11px
	float:left;
	width:200px;
	height:250px;
	margin:5px;
	text-align:center;
	font-size:smaller;
	font-weight:bold;
}

#picasa_gallery img {
	padding: 5px;
}

#right_float {
  float:right;
  margin:10px 0px 10px 10px;
  font-size:smaller;
  font-weight:bold;
  clear:both;
}

#left_float {
  float:left;
  margin:10px 10px 10px 0px;
  font-size:smaller;
  font-weight:bold;
  clear:both;
}