body {
  font-size: 16px;
  background-color: #456;
  margin: 0;
  padding: 0;
  background-image: url('images/bodybg.jpg');
  background-repeat: repeat-y;
}

h1 {
  display: block;
  margin: 0;
  height: 95px;
  width: 100%;
  padding: 0 0 0 620px;
  font-family: helvetica, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 25px;
  color: #ccc;
  background-image: url('images/beverlybabb3.jpg');
  background-repeat: no-repeat;
  background-color: #101f1d;
  border-bottom: 1px solid #def;
}

#container {
}

#rail {
  width: 200px;
  height: 800px;
  float: left;
  background-color: #101f1d;
  padding: 0;
  font: 1em arial, sans-serif;
  letter-spacing: .1px;
  color: #def;
  text-shadow: #333 2px;
  border-right: 1px solid #def;
  border-bottom: 1px solid #def;
}

#feed {
  float: left;
  max-width: 720px;
  margin: 10px;
  border: none;
}

#feed img {
  border: 1px solid #123;
  width: 120px;
  height: 120px;
  margin: 10px;
}

#feed p {
	margin: 20px;
	}

ul#nav {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	}

ul#nav li {
	height: 20px;
	margin: 0;
	padding: 4px 0 4px 12px;
	background-color: #456;
	background-image: url('images/navgradient.jpg');
	background-repeat: repeat-y;
	border-bottom: 1px solid #def;
	font-weight: bold;
	}
	
ul#nav li.active {
	background-image: none;
	background-color: #89a;
}

ul#nav li.active a {
	color: #123;
	outline: none;
}
	
ul#nav li:hover {
	background-color: #789;
	background-image: none;
}
	
ul#nav li a { 
	color: #def; 
	text-decoration: none;
}

/* ### home page ### */

img.special {
	border: 1px solid #123;
	float: right;
	height: auto;
	width: auto;
	margin: 0px 0px 15px 15px;
}

#home { 
	width: 500px;
	float: left;
	margin: 30px;
}

#home p {
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: .8em;
	line-height: 1.3em;
	letter-spacing: .2px;
	font-weight: normal;
	margin: 0px 0 10px 0;
}

#home p.emph {
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	letter-spacing: .4px;
	font-weight: bold;
}

#home p.note {
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: .7em;
	line-height: 1.2em;
	letter-spacing: .2px;
	font-weight: normal;
	color: #456;
}

#maillink {
	text-align: center;
}

#maillink a {
	color: #abc;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#maillink a:hover {
	color: #def;
}

#mailform {
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: .8em;
	padding: 10px;
	}
	
#mailform h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

#mailform input, #mailform textarea {
	border: 1px solid #789;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	}

