body {
	color: #003D88;
	background-color: #FBFBE4;
	background-image: url(hh-images/bg.gif);
	font-family: Georgia, "Times New Roman", Times, serif
}

.header {
	background-color: #EBE6E2;
	border: none;
	height: 60px;
	width: 100%;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.navbar {
	width: 100%;
	border-spacing: 5px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.navbar td {
	font-weight: bold;
	text-align: center;
	background-image: url(hh-images/bg-img1.jpg);
	background-color: #EDBBA6;
	line-height: 100%;
	padding: 3px;
	border: 5px solid #FBFADA;
}

.navbar a {
	text-decoration: none;
}

.navbar a:link, .navbar a:visited {
	color: #003D88;
}

.navbar a:hover, .navbar a:active{
	color: #FF0000;
}

.textarea, .photocolumn, .project-left, .project-right, .project-middle {
     padding: 25px;
     line-height: 150%;
	 background-color: #EBE6E2;
	 vertical-align: top;
}

.project-left, .project-right, .project-middle {
	font-size: 80%;
	width: 33%;
	padding: 5px 15px 5px 15px;
	border-top: 2px solid #FBFADA;
	border-bottom: 2px solid #FBFADA;
}

.textarea, .project-left {
	border-right: 3px solid #FBFADA;
}

.photocolumn {
	text-align: center;
}

.photocolumn, .project-right {
	border-left: 3px solid #FBFADA;
}

.photocolumn img {
	margin-top: 20px;
}

.footer {
    padding: 5px;
    line-height: 120%;
    background-color: #EBE6E2;
	border-top: 5px solid #FBFADA;
	font-size: 85%;
	text-align: center;
	font-weight: bold;
}

.caption, .caption2, .caption3 {
	clear: both;
	font-size: 80%;
	text-align: left;
	line-height: 150%;
	background: #F7F7F7;
	padding: 10px 15px 10px 15px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

.caption {
	width: 320px;
}

.caption2 {
	width: 250px;
}

.caption3 {
	width: 95%;
	margin-right: 5%;
	font-size: 100%;
}

ul li {
	list-style-type: circle;
	list-style-position: outside;
}

.floatright {
	float: right;
	margin: 0 0 5px 7px;
}