/******************** CSS for Godley Station Animal Hospital ***********************/

/******************** General styles ******************************/

body {
	background-color:#A6BF79;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 10px;
	padding:0px;
}
.clear {clear:both;}
* {
	margin:0px;
	padding:0px;
}
#container {
	margin:0px auto;
	text-align:left;
	width:717px;
}
a {font-size:12px;}
p {
	margin:15px 0px;
	line-height: 16px;
}

/********************** Ubiquitous header ***************************/

#header {
	margin:0px 0px 0px 0px;
	background-image:url(images65/header_new.jpg);
	width:717px;
	height:255px;
	position:relative;
}
	#header ul {
		background-color:#85A157;
		width:711px;
		border:3px solid #FFFFFF;
		display:block;
		top:230px;
		position:absolute;
		margin:0px 0px 0px 0px;
		height:22px;
		padding:5px 0px 0px 0px;
		text-align:center;
	}
		#header ul a {
			text-decoration:none;
			color:#FFFFFF;
			margin: 0px 15px;
		}
		#header ul a:hover {
			text-decoration:underline;
			color:#C77E0C;
		}
		
	#header li {
		display:inline;	
	}
	#logo_w1,#logo_w2 {
		font-size:18px;
		font-weight:bold;
		color:#FFFFFF;
		position:absolute;
	}
	#logo_w1 {
		top:15px;
		left:396px;
		width:320px;
	}
	#logo_w2 {
		top:40px;
		left:473px;
		width:243px;
	}
	#header_text {
		top:90px;
		left:43px;
		width:230px;
		position:absolute;
	}
		#header_text p {
			font-size:18px;
			color:#FFFFFF;
		}
		#header_text a {color:#28556B;}
		#header_text a:hover {color:#C77E0C;}

/********************** Content across all pages ***************************/

#content {
	background-image:url(images65/content_bg.gif);
	width:717px;
}
img {
	border-width:0px;
}
h1 {
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}
h2 {
	color:#85A157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}
	h2.headline {
		color:#AB8536;
		text-decoration:underline;
	}

/********************** Content on dual columns page *******************************/

#left {
	float:left;
	width:428px;
	margin-left:27px;
	padding:0px 10px 30px 0px;
	display:inline;
}
	#left a {color:#85A157;}
	#left a:hover {color:#C77E0C;}

#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;
}
	#right a {color:#85A157;}
	#right a:hover {color:#C77E0C;}
	#right img {margin: 15px 0px 0px 50px;}

#photos {
	text-align:center;
}
	.photo {
		margin:15px 10px 0px 5px;
	}

/**************************** Content on single column pages **************************/

#single {
	margin-left:20px;
	width:638px;
	padding:20px;
}
	#single h1 {
		text-align:center;
		color:#85A157;
	}

/************************* Content on guestbook page ****************************/

#guestbook {
	padding:20px;
}

/******************* Content on staff page ************************/

.photo_single {
	float:left;
	margin-right:20px;
	width:100px;
	height:150px;
}
.bio {
	display:inline;
	width:500px;
	height:150px;
}

/********************** Ubiquitous footer ***************************/

#footerline {
clear:both;
background-image:url(images65/footer_bg.gif);
font-size:1px;
height:10px;
}
	#footer {
		width:717px;
		text-align:center;
		padding:20px 0px;
	}