/* colors for Phippen
  #eddcc3 = top light tan background
  #981b1e = dark reddish brown in logo
  #603913 = chocolate brown of subheads & body copy

reddish brown    981b1e  152-27-30    Phippen logo
yellow ochre  eca021  236-160-33    nav bar background
light tan    eddcc3  237-220-195    masthead background
chocolate brown    603913  96-57-19    button background
medium green  5e8b7e  94-139-126    text hyperlinks

----------- */

h1 {
	font-family: verdana, helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 30px; 
	text-transform: uppercase; 
	letter-spacing: .25em; 
	color: #eca021; 
	font-weight: normal; 
	font-style: italic; 
}
h2 {
	font-family: georgia, times, serif; 
	font-size: 24px; 
	line-height: 30px; 
	color: #981b1e; 
}
h3 {
	font-family: verdana, helvetica, sans-serif; 
	font-size: 17px; 
	line-height: 21px; 
	color: #603913; 
}
h4 {
	font-family: verdana, helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 18px; 
	color: #603913; 
}
p, li {
	font-family: verdana, helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 18px; 
	color: #603913; 
}

pre {
    float: left;
    width: auto;
}


.title {
    font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 13px; 
	line-height: 18px; 
	font-style: italic; 
	color: #603913; 
}

.homePagePhoto h1	{
	font-family: georgia, times new roman, serif; 
	font-size: 24px; 
	line-height: 24px; 
	color: #eca021; 
	text-align: center; 
	text-transform: none; 
	letter-spacing: 0em; 
}
.homePagePhoto h2	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 15px; 
	line-height: 15px; 
	color: #eddcc3; 
	text-align: center; 
	font-weight: normal; 
	padding-bottom: 10px; 
}
.homePagePhoto	{
    background-color: #603913; 
	border: 3px solid #eca021; 
	height: 410px; 
    width: 740px;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	text-align: center;
}
.homePagePhoto img	{
	display: block; 
	padding: 15px;
	margin-left: auto; 
	margin-right: auto; 
}

/* ----------------------photo divs, left & right--------------------*/

.photoLeft	{
	float: left;
	width: 350px;
	margin-right: 15px; 
    margin-top: 10px; 
	clear: both; 
	margin-bottom: 10px; 
}
.photoLeft img	{
	border: 1px solid #000000;
	margin-bottom: 0px; 
}
.photoLeft	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #603913; 
	font-style: italic; 
}
.photoLeft a	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: none; 
}
.photoLeft a:hover	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: underline; 
}
.photoLeft2	{
	float: left;
	margin-right: 15px; 
    margin-top: 10px; 
	clear: both; 
	margin-bottom: 10px; 
}
.photoLeft2 img	{
	border: 1px solid #000000;
	margin-bottom: 0px; 
}
.photoLeft2	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #603913; 
	font-style: italic; 
}
.photoLeft2 a	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: none; 
}
.photoLeft2 a:hover	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: underline; 
}
.photoRight	{
	float: right;
	width: 350px;
	margin-left: 15px; 
	clear: both; 
	margin-bottom: 10px; 
}
.photoRight img	{
	border: 1px solid #000000; 
	margin-bottom: 0px; 
}
.photoRight	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #603913; 
	font-style: italic; 
}
.photoRight a	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: none; 
}
.photoRight a:hover	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	color: #5e8b7e; 
	font-style: italic; 
	text-decoration: underline; 
}
.photoFullWidth	{
	width: 625px;
	padding: 10px 0px; 
	clear: both; 
}

/* ----------------------to make columns--------------------*/

.floatLeft	{
	float: left; 
	width: 200px; 
}
.floatLeft p	{
	font-family: verdana, helvetica, sans-serif; 
	font-size: 13px; 
	line-height: 18px; 
	color: #603913; 
}