html {
	background-color:#d4d4d4;
}

body {
	color:#000000;
	text-decoration:none;
	font-family:arial,sans-serif;
	font-size:80%;
	background-color:#d4d4d4;
}

hr {
	width:100%;
	border:1px solid #000000;
}

p {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

/**********************/
/* header information */
/**********************/

	#header {
		position:relative;
		color:#000000;		
		background-color:#8a8a89;
		width:98%;
		margin:0 1%;
		height:45px;
	}
	
	#date {
		position:absolute;
		bottom:0.5em;
		right:0.5em;
	}
	
	#navimg {
		position:absolute;
		left:0;
		bottom:0;
		z-index:1;
	}
	
	#splashimg {
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;
		height:274;
		width:350;
	}

/***********************/
/* content information */
/***********************/

	#wrapper {
		background:#d4d4d4 url('img/column13.png') repeat-y left;
						*width:98%;
		*margin:0 1%;
	}
	
	#container {
		background:#d4d4d4 url('img/column13.png') repeat-y left;
		width:98%;
		float:right;
		margin-left:-200px;
		margin-right:1%;
	}
	
	#content {
		background-color:#d4d4d4;
		margin-left:210px;
		margin-right:10px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:center;
		min-height:30em;
	}
	
	.width80 {
		position:relative;
		background-color:inherit;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:80%;
	}
	
	.width100 {
		position:relative;
		background-color:inherit;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}
	
/**************************/
/* navigation information */
/**************************/

	#navigation {
		background-color:transparent;
		float:left;
		width:200px;
		margin-left:1%;
		*margin-left:0px;
		margin-top:10px;		*display:inline;
		position:relative;
		z-index:2;
	}
	
	#navigation ul {
		list-style-type:none;
		margin-left:0px;
	}
	
	html>body #navigation ul {
		display:inline;
	}
	
	#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
		color:#000000;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
		display:block;
		width:198px;
		margin-top:1px;
		margin-bottom:1px;
						background:url('img/tbg.php?hx=8a8a89') repeat;
				border-top:1px solid #000000;
		border-bottom:1px solid #000000;
	}
	
	#navigation ul li a:hover {
		color:#000000;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
		background:#ffffff;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
	}
	
/**********************/
/* footer information */
/**********************/

	#footer {
		position:relative;
		color:#000000;
		background-color:#8a8a89;
		clear:both;
		width:98%;
		margin:0 1%;
		padding:0.5em 0;
		text-align:center;
	}
	
	.copyright {
		position:relative;
		margin-left:200px;
		margin-right:1%;
		text-align:center;
	}

/************************/
/* kennel and dog pages */
/************************/

	.head1 {
		margin:0px;
		padding:2px;
		color:#000000;
		background-color:#8a8a89;
		font-size:110%;
		font-weight:bold;
		border-top:1px solid #000000;
		max-width:9999px;
	}
	
	.head2 {
		margin:0px;
		padding:2px;
		color:#000000;
		background-color:#a6c7e9;
		font-size:100%;
		font-weight:bold;
		border-top:1px solid #000000;
		max-width:9999px;
	}
	
	.head3 {
		margin:0px;
		padding:2px;
		color:#000000;
		background-color:#ffffff;
		font-size:100%;
		font-weight:bold;
		border-top:1px solid #000000;
		max-width:9999px;
	}
	
	.subhead3 {
		color:#000000;
		font-size:100%;
		font-weight:bold;
	}
	
	.pageinfo {
		margin:0px;
		padding:2px;
		color:#000000;
		background-color:#d4d4d4;
		font-size:100%;
		border-top:1px solid #000000;
		max-width:9999px;
	}
	
	.trait {
		display:block;
		width:100px;
		margin-top:0.3em;
		background:url('img/traitbar.jpg');
		border:1px solid #000000;
	}
	
	.trait2 {
		display:block;
		width:100px;
		margin-top:0.3em;
		background:url('img/traitbar2.jpg');
		border:1px solid #000000;
	}
	
	.train {
		display:block;
		text-align:left;
		width:500px;
		height:20px;
		background-color:#inherit;
		margin-top:0.3em;
		border:1px solid #000000;
	}
	
	.trainbar {
		display:block;
		height:20px;
		background-color:#175f1c;
	}
	
	.toomuch {
		display:block;
		height:20px;
		background-color:#ff0000;
	}
	
	.training {
		width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	
/************************/
/* dog pages navigation */
/************************/

	.dognav {
		list-style:none;
		padding:0;
		margin:0;
		width:38em;
	}
	
	.dognav li {
		float:left;
		margin:0 0.15em;
	}
	
	.dognav li a:link, .dognav li a:active, .dognav li a:visited {
		background-color:#8a8a89;
		height:1.5em;
		line-height:1.5em;
		float:left;
		width:5em;
		display:block;
		color:#000000;
		border:0.1em solid #000000;
		text-decoration:none;
		text-align:center;
	}
	
	.dognav li.arrow a:link, .dognav li.arrow a:active, .dognav li.arrow a:visited {
		height:1.5em;
		line-height:1.5em;
		width:2em;
	}
	
	.dognav li a:hover {
		color:#000000;
		background-color:#ffffff;
	}
	
	.dognav span.grey {
		background-color:#afafaf;
		height:1.5em;
		line-height:1.5em;
		float:left;
		width:5em;
		display:block;
		color:#808080;
		border:0.1em solid #808080;
		text-decoration:none;
		text-align:center;
	}
	
	.dognav span.ag {
		width:2em;
	}

/***************/
/* text styles */
/***************/

	.sm {
		font-size:87%;
	}
	
	.bold {
		font-weight:bold;
	}
	
	.greyout {
		color:#afafaf;
	}
	
	.italic {
		font-style:italic;
	}
	
	.uppercase {
		text-transform:uppercase;
		font-weight:bold;
	}
	
	.normal {
		font-weight:normal;
	}
	
	.c {
		text-align:center;
	}
	
	.r {
		text-align:right;
	}
	
	.l {
		text-align:left;
	}
	
	.title {
		font-size:110%;
		font-weight:bold;
	}

	.error {
		display:block;
		padding:5px;
		text-align:center;
		background-color:#a6c7e9;
		border:1px solid #000000;
	}
	
/***************/
/* link styles */
/***************/

	a, a:link, a:visited, a:active, .pseudo {
		color:#505050;
		background-color:inherit;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	a:hover {
		color:#284b6d;
		background-color:inherit;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.msghead a:link, .msghead a:visited, .msghead a:active, td.dark a:link, td.dark a:visited, td.dark a:active, td.darksm a:link, td.darksm a:visited, td.darksm a:active, td.darklink a:link, td.darklink a:visited, td.darklink a:active, .pseudodark, div.dark a:link, div.dark a:visited, div.dark a:active, div.darksm a:link, div.darksm a:visited, div.darksm a:active {
		color:#ffffff;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.msghead a:hover, td.dark a:hover, td.darksm a:hover, td.darklink a:hover, div.dark a:hover, div.darksm a:hover {
		color:#a6c7e9;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}

	td.medium a:link, td.medium a:visited, td.medium a:active, .pseudomedium, div.medium a:visited, div.medium a:active {
		color:#284b6d;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	td.medium a:hover, div.medium a:hover {
		color:#f3f3f3;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.msgmain a:link, .msgmain a:visited, .msgmain a:active, td.light a:link, td.light a:visited, td.light a:active, td.lightsm a:link, td.lightsm a:visited, td.lightsm a:active, .pseudolight, div.light a:link, div.light a:visited, div.light a:active, div.lightsm a:link, div.lightsm a:visited, div.lightsm a:active {
		color:#737373;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
			
	.msgmain a:hover, td.light a:hover, td.lightsm a:hover, div.light a:hover, div.lightsm a:hover {
		color:#284b6d;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.head1 a:link, .head1 a:visited, .head1 a:active, #footer a:link, #footer a:visited, #footer a:active {
		color:#ffffff;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.head1 a:hover, #footer a:hover {
		color:#a6c7e9;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}

	.head2 a:link, .head2 a:visited, .head2 a:active {
		color:#284b6d;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.head2 a:hover {
		color:#f3f3f3;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}

	.head3 a:link, .head3 a:visited, .head3 a:active {
		color:#737373;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
	.head3 a:hover {
		color:#284b6d;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
	}
	
/***********************/
/* expandable div rows */
/***********************/

	.rowList {
		margin-left:auto;
		margin-right:auto;
		border-bottom:1px solid #000000;
		border-right:1px solid #000000;
		border-left:1px solid #000000;
	}
	
	.rowHeader, .rowSubhead, .rowColhead, .rowContent, .rowMain, .rowDetails {
		width:100%;
		padding:3px 0 3px 0;
		border-top:1px solid #000000;
	}
	
	.rowMain {
		cursor:pointer;
	}
	
	.collapsed {
		background:#d4d4d4 url('img/downarrow13.png') right top no-repeat;
	}
	
	.expanded {
		background:#d4d4d4 url('img/uparrow13.png') right top no-repeat;
	}
	
	.rowDetails {
		border-top:none;
	}
	
	div.dark {
		color:#000000;
		background-color:#8a8a89;
		font-weight:bold;
		font-size:100%;
	}
	
	div.medium {
		color:#000000;
		background-color:#a6c7e9;
		font-weight:bold;
		font-style:italic;
		font-size:90%;
	}
	
	div.light {
		color:#000000;
		background-color:#ffffff;
		font-size:100%;
	}
	
	.float {
		float:left;
	}
	
	.pad {
		display:block;
		padding:0 5px 0 5px;
	}

/*************************/
/* table and form styles */
/*************************/

	.button {
		color:#000000;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-weight:bold;
		font-size:100%;
		background-color:#f3f3f3;
		border:1px solid #000000;
	}
	
	.table {
		margin-left:auto;
		margin-right:auto;
	}
	
	.table td {
		padding:3px;
	}
	
	td {
		color:#000000;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:80%;
		spacing:3px;
		padding:2px;
	}
	
	td.team {
		spacing:0px;
		padding:0px;
	}
	
	td.dark {
		color:#000000;
		background-color:#8a8a89;
		border:1px solid #000000;
		font-weight:bold;
	}
	
	td.medium {
		color:#000000;
		background-color:#a6c7e9;
		border:1px solid #000000;
		font-weight:bold;
		font-style:italic;
		font-size:70%;
	}
	
	td.light, td.darklink {
		color:#000000;
		background-color:#ffffff;
		border:1px solid #000000;
	}
	
	td.darksm {
		color:#000000;
		background-color:#8a8a89;
		border:1px solid #000000;
		font-weight:bold;
		font-size:70%;
	}
	
	td.lightsm {
		color:#000000;
		background-color:#ffffff;
		border:1px solid #000000;
		font-size:70%;
	}
	
	td.empty {
		border:1px solid #000000;
	}
	
	.blank {
		border:0;
	}
	
	select, input, textarea {
		color:#000000;
		text-decoration:none;
		font-family:arial,sans-serif;
		font-size:100%;
		background-color:#f3f3f3;
		border:1px solid #000000;
	}

/******************************************/
/* alternate table row background colours */
/******************************************/

	.othernamehead
	{
		margin:0px;
		width:49%;
		float:left;
		text-align:left;
		color:#000000;
		background-color:#8a8a89;
		font-weight:bold;
	}
	
	.topofpage
	{
		margin:0px;
		width:49%;
		float:left;
		text-align:left;
		background-color:inherit;
	}
	
	.othername1
	{
		margin:0px;
		width:49%;
		float:left;
		text-align:left;
		background-color:#c4c4c4;
	}
	
	.othername2
	{
		margin:0px;
		width:49%;
		float:left;
		text-align:left;
		background-color:#e4e4e4;
	}
	
/****************/
/* other styles */
/****************/

	.left {
		margin:0px;
		float:left;
	}
	
	.right {
		margin:0px;
		float:right;
	}
	
	.lefthalf {
		margin:0px;
		width:25%;
		float:left;
		text-align:right;
	}
	
	.righthalf {
		margin:0px;
		width:25%;
		float:right;
		text-align:left;
	}
	
	.infobox {
		position:relative;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
	}
	
	.infoblock {
		display:block;
		margin-left:3em;
		margin-top:0.5em;
	}
	
	.info, td.con {
		font-size:100%;
		border:1px solid #000000;
	}
	
	.header1 {
		font-weight:bold;
		font-size:115%;
		font-variant:small-caps;
	}
	
	.header2 {
		font-weight:bold;
		font-size:100%;
	}
	
	.header3 {
		font-weight:bold;
		font-style:italic;
		font-size:100%;
	}
	
	.indent {
		display:block;
		margin-left:1em;
		margin-top:0.5em;
	}
	
	.dashline {
		width:95%;
		border:1px dashed #000000;
	}
	
	.signature img {
		max-width: 300px;
		max-height: 120px;
	}
	
	.small {
		font-weight:bold;
		font-style:italic;
		font-size:87%;
	}
	
	.smallscroll {
		position:relative;
		text-align:left;
		width:75%;
		height:100;
		border:1px solid #000000;
		padding:1em;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
	}
	
	.show {
		display:block;
	}
	
	.hide {
		display:none;
	}
	
/********/
/* CHAT */
/********/

	#chatwindow {
		height:250px;
		overflow:auto;
		text-align:left;
		color:#000000;
		background-color:#f3f3f3;
		border:1px solid #000000;
		padding:1em;
	}
	
	#chatwindow a:link, #chatwindow a:visited, #chatwindow a:active, #chatters a:link, #chatters a:visited, #chatters a:active, #chatinfo a:link, #chatinfo a:visited, #chatinfo a:active {
		color:#505050;
	}
	
	#chatwindow a:hover, #chatters a:hover, #chatinfo a:hover {
		color:#284b6d;
	}
	
	#chatters {
		height:250px;
		overflow:auto;
		text-align:left;
		color:#000000;
		background-color:#f3f3f3;
		border:1px solid #000000;
		padding:1em;
	}
	
	#chatinfo {
		height:auto;
		text-align:left;
		color:#000000;
		background-color:#f3f3f3;
		border:1px solid #000000;
		padding:1em;
	}
	
	.chatline {
		clear:both;
		display:block;
		width:100%;
		padding-top:2px;
		padding-bottom:2px;
	}
	
	.chatname {
		text-align:left;
		display:block;
		float:left;
		padding-right:5px;
		font-weight:bold;
	}
	
	.chatmessage {
		text-align:left;
		display:block;
		float:left;
		width:70%;
	}
	
	.chattime {
		text-align:right;
		display:block;
		float:right;
		padding-left:5px;
		font-weight:bold;
	}
	
/*************/
/* HOVER BOX */
/*************/

	a.pup {
		position:relative;
	}
	
		a.pup span {
			display:none;
		}
		
		a.pup:hover span {
			display:block;
			position:absolute;
			text-align:center;
			top:1em;
			left:1em;
			padding:5px;
			width:10em;
			color:#000000;
			background:#a6c7e9;
			border:1px solid #000000;
			font-style:italic;
			z-index:100;
		}
	
/*********************/
/* EVENT ENTRY POPUP */
/*********************/

	#popup_link {
		cursor:pointer;
	}
	
	#popup_box {
		position:absolute;
		display:none;
		left:50%;
		margin-left:-200px;
		top:50%;
		margin-top:-200px;
		height:400px;
		width:600px;
		background:#d4d4d4;
		border:1px solid #000000;
		z-index:20;
		padding:4px;
		overflow:auto;
	}
	
	#popup_close {
		position:absolute;
		display:block;
		cursor:pointer;
		font-size:150%;
		font-weight:bold;
		right:5px;
		top:2px;
	}
	
	#popup_background {
		display:none;
		position:fixed;
		_position:absolute;
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000000;
		border:0;
		z-index:10;
	}
	
/* additional popup CSS for popup class */

	.popup_link {
		cursor:pointer;
	}
	
	.popup_box {
		position:fixed;
		_position:absolute;
		display:none;
		left:50%;
		top:50%;
		background:#d4d4d4;
		border:1px solid #000000;
		z-index:100;
		padding:4px;
		overflow:auto;
	}
	
	.popup_title {
		position:relative;
		display:block;
		top:-4px;
		margin-right:-4px;
		margin-left:-4px;
		padding:5px 3px;
		color:#000000;
		background:#8a8a89;
		border-bottom:1px solid #000000;
		font-weight:bold;
	}
	
	.popup_close {
		cursor:pointer;
	}
	
	.corner {
		position:absolute;
		display:block;
		font-size:120%;
		font-weight:bold;
		right:5px;
		top:2px;
	}
	
	a.corner:hover {
		font-size:120%;
		font-weight:bold;
	}