/* CSS copyright seyDoggy http://www.seyDoggy.com  */

/* to change the dynamics of your header image, simply add more properties to the #pageHeader tag. If you are using a taller image or graphic, than use the "height:" property and the appropriate value in pixels. */

/* CSS copyright seyDoggy http://www.seyDoggy.com  */


#pageHeader {
	margin-left: 0px;
	background: url(../../images/otp-banner.jpg) no-repeat top left #FFFFFF; 
	height: 180px;
}

#pageHeader h1 {
	color: #004080;
}

#pageHeader h2 {
	color: #e5b758;
}

.blog-archive-headings-wrapper {
	background: url(../../images/otp-banner.jpg) no-repeat top left #FFFFFF; 
	height: 180px;
}

.blog-archive-month {
	color: #004080;
}

.blog-archive-link a {
	color: #e5b758;
}

	
.photo-navigation {
	background: url(../../images/otp-banner.jpg) no-repeat top right #FFFFFF; 
	height: 180px;
}

.photo-navigation a {
	color: #000000;
}

.photo-navigation a:hover {
	color: #ffffff;
}

.photo-frame{
	border: 5px solid #ffffff;
}

.photo-links {
	color: #000000;
}

.photo-title {
	color: #000000;
}

.photo-caption {
	color: #e5b758;
}