/* CSS Document */

/* Divs */

body	{
	background-color: 		#B5F1F2;
	font-family: 			"Arial Narrow", Arial, sans-serif;
	margin:					0;
	padding:				0;
}
#wrapper	{
	background-color: 		#FFFFFF;
	background-position: 	center center;
	border: 				thin solid #B3B3B3;
	width: 					90%;
	margin:					20px;
	padding: 				20px;
}

#header	{
	
}

#header	img{
	width:					100%;
	height:					100%;
}

#navigation	{
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				.9em;
	font-weight:			bold;
}

#navigation ul	{
	list-style:				none;
	margin:					0;
	padding:				0;
	padding-top:			20px;
}

#navigation li	{
	display:				inline;
}

#navigation a:link	{
	margin-top:				20px;
	margin-bottom:			20px;
	margin-left:			5px;
	margin-right:			5px;
	padding:				3px 10px 3px 10px;
	color:					#FFFFFF;
	background-color:		#A0630A;
	text-decoration:		none;
	border-top:				2px solid #DDDDDD;
	border-left:			2px solid #DDDDDD;
	border-bottom:			2px solid #333333;
	border-right:			2px solid #333333;
}

#navigation a:visited	{
	margin-top:				20px;
	margin-bottom:			20px;
	margin-left:			5px;
	margin-right:			5px;
	padding:				3px 10px 3px 10px;
	color:					#FFFFFF;
	background-color:		#3D6A81;
	text-decoration:		none;
	border-top:				2px solid #DDDDDD;
	border-left:			2px solid #DDDDDD;
	border-bottom:			2px solid #333333;
	border-right:			2px solid #333333;
}

#navigation a:hover	{
	color:					#000000;
	background-color:		#BE9038;
	border-top:				2px solid #DDDDDD;
	border-left:			2px solid #DDDDDD;
	border-bottom:			2px solid #333333;
	border-right:			2px solid #333333;
}	

#breadcrumbs	{
	width:					100%;
	padding:				20px 10px;
	font-size:				0.8em;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
}

#guestbook	{
	padding:				20px;
}

#phone	{
	border:					1px dotted #99907D;
	padding: 				5px 10px 5px 10px;
	width:					90%;
	float:					right;
}

#email	{
	border:					1px dotted #99907D;
	padding: 				5px 10px 5px 10px;
	width:					90%;
	float:					right;
}

#date {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				small;
	font-style: 			italic;
}

#footer	{
	font-style:				italic;
	font-size:				0.8em;
	padding:				5px;
	border:					1px dotted #99907D;
	width:					740px;
}

#footer a:link, a:visited	{
	color:					#000000;
	text-decoration:		none;
}
	


/* Fonts */

h1 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				1.8em;
	color: 					#994628;
	font-style: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	line-height:			2em;
}

h2 {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				1.5em;
	color: 					#A0630A;
	line-height:			24px;
}

h3	{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				1.2em;
	color: 					#BE9038;
	line-height:			18px;
}

h4 {
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				large;
	font-style: 			italic;
	font-weight: 			bold;
	font-variant: 			normal;
	color:					#378CB1;
}

p span	{
	font-style:				italic;
}

p a {
	font-family: 			"Arial Narrow", Verdana, Helvetica, sans-serif;
	font-style: 			italic;
	color: 					#BE9038;
	font-weight: 			bold;
}

body a:visited	{
	color:					#3D6A81;
	text-decoration:		underline;
}

/* Tables */

table #pedigree	{
	width:					100%;
	float:	clear;
}

table #pedigree td	{
	width:					25%;
	font-size:				0.8em;
}

table #caption {
	font-style:	italic;
	font-weight:	bold;
}

/* Classes */

.title	{
	font-weight:			bold;
	font-style:				italic;
	color: 					#994628;
}

.champion {
	color: #FF0000;
	font-style: normal;
}

.colour {
	color: #0000FF;
	font-style: italic;
}

.contact	{
	margin-left:			20px;
	margin-right:			100px;
	border:					1px dotted #99907D;
	padding:				10px 10px 10px 10px;
}

.contact span {
	font-style: 			italic;
}

.smallitalics {
	font-size: small;
	font-style: italic;
}