body {
	font-size: 16px;
	font-family : "Times New Roman";
	background-color: #355E3B;
}

.centered {
		width: 880px; 
		margin: 0 0 0 -440px; /* = 1/2 width */
		padding: 0;
		border: 0;
		left: 48%; /* shifted left a little to give better visual balance */
		position: absolute; 
		background-color: #355E3B;
		}
		
div.main	{
		float: left;
		width: 680px; /* main + menu = width */
		background-color: #355E3B;
		margin: 0;
		border: 0;
		}
		
div.menu	{
		float: left;
		width: 174px; /* main + menu = width */
		background-color: #355E3B;
		margin: 20px 26px 0 0;
		border: 0;
		}
	
p {
	color: #D4AF37;
	font-size: 16px;
}

li {
	color: #D4AF37;
	font-size: 16px;
}

h1 {
	color: #D4AF37;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 44px;
	font-weight: bolder;
	text-align : center;
}

h2 {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bolder;
	text-align : center;
}

h3 {
	color: #D4AF37;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align : center;
}

h4 {
	color: #D4AF37;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align : center;
}
	
.contactHeader {
	color: #D4AF37;
	font-family: "Times New Roman";
	font-size: 26px;
	font-weight: bolder;
	margin-top: -12px;
}

.contactHeader a {
	text-decoration: none;
	font-weight: bolder;
	font-size: 26px;
	color: #EEE;
}

a:visited {
	color:  #D4AF37;
	text-decoration:underline;
	}
a:link {
	color:  #EEE;
	text-decoration:underline;
	}
a:hover {
	color: #EEE;
	text-decoration: none;
	}
a:active {
	color:  #EEE;
	text-decoration: none;
	}
a:focus {
	color: #EEE;
	text-decoration: none;
	}
	
.phone, .phone a { 
	color: white;
	text-decoration: none;
	}
		
.wb, .lefter, .righter
{
	border: solid white 2px;
}

.lefter, .lefty
{
	float: left;
	margin: 15px;
	margin-top: 3px;
	margin-left: 3px;
	color: #D4AF37;
}

.righter, .righty
{
	float: right;
	margin: 15px;
	margin-top: 3px;
	color: #D4AF37;
}

.listTitle
{
	text-align: left;
}

/* CSS Button On/Off Menu with background images */

.menu {
	margin: 18px 0 0 0;
	padding: 0;
	width: 180px;
	list-style: none;
	background: #355E3B;
}

.menu li {
	padding: 0;
	margin: 0;
	height: 50px;
	list-style: none;
	background-repeat: no-repeat;
}

.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px; /* hides text when images are available */
	height: 50px;
	background-repeat: no-repeat;
}

.index {background-image: url("images/nav/index_on.gif");}
.index a {background-image: url("images/nav/index_off.gif");}
.puppies {background-image: url("images/nav/puppies_on.gif");}
.puppies a {background-image: url("images/nav/puppies_off.gif");}
.show {background-image: url("images/nav/show_on.gif");}
.show a {background-image: url("images/nav/show_off.gif");}
.contact {background-image: url("images/nav/contact_on.gif");}
.contact a {background-image: url("images/nav/contact_off.gif");}

ul.menu li a:hover {background: none; color: #D4AF37;}

/* CSS Button On/Off Menu with background images */