@charset "utf-8";
/* CSS Document */

#container {
	width: 800px;
}

body {
	font-family: arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	margin-top: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	background-color: #FFFFFF;
}

/* 

	Handles CSS Image Map for Menu.
	
	Notes:
	
	Float defines the orientation of the link. In this case, the link will be aligned
	to the left.
	
	The width of each link is determined by the width property, same with height.
	
	Margin-left states how far the link is from the left of the image.
	All margin-left stack, so if the first margin-left is 50px, and the second is
	50px, the second map will be 100px away from the left.
	
	Margin-top is the distance the link is from the top of the image.
	
*/

#header {
	background-image: url(images/navhead.gif);
	width: 800px;
	height: 160px;
}
#home {
	float: left;
	width : 48px;
	height: 16px;
	margin-left: 50px;
	margin-top: 127px;
}
#available {
	float: left;
	width : 70px;
	height: 16px;
	margin-left: 74px;
	margin-top: 127px;
}
#breeders {
	float: left;
	width : 72px;
	height: 16px;
	margin-left: 77px;
	margin-top: 127px;
}
#terms {
	float: left;
	width : 48px;
	height: 16px;
	margin-left: 68px;
	margin-top: 127px;
}
#about {
	float: left;
	width : 76px;
	height: 16px;
	margin-left: 62px;
	margin-top: 127px;
}
#links{
	float: left;
	width : 42px;
	height: 16px;
	margin-left: 64px;
	margin-top: 127px;
}

/* Footer Properties */

#footer {
	clear: both;
	padding: 1px;
	border-top: 1px solid black;
	text-align: center;
	color: #FFF;
	background-color: #29699a;
	font-size:9px;
	margin-bottom: 4%;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover{
	color: #CCC;
}

/* Main Contents */

#main {
	float: right;
	/*width: 530px;*/
	padding-left: 5%;
	padding-bottom: 5%;
	padding-top: 5%;
	padding-right: 5%;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	
}

#main li {
	padding: 1%;
}

/* Site Styles */

h3{
	color:#06F;
}

img{
	padding-right: 15px;
}

a {
	text-decoration: none;
	color: steel blue;
	outline: none;
}

a:hover {
	color: black;
	text-decoration: none;
}

a:visited {
	color: gray;	
}