﻿@import url("layout.css");
body {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-size: .85em;
	background-color:#008080;
}
#container {
	background-position: 10px 0px;
	width: 800px;
	margin: 0 auto;
	padding: 10px;
	border-right: 2px solid #FFFF00;
	border-bottom: 2px #FFFF00 solid;
	border-left: 2px solid #FFFF00;
	background-color: #93bee2;
	background-color: #a7d7ff;
	background-image: url('../images/ARFF-logo-TY_FUN.jpg');
	background-image: url('../images/logo_ty-2008_club.jpg');
	background-image: url('../images/logo-TY2009club.gif');
	background-repeat: no-repeat;
}
#masthead {
	text-align: center;
	width: 100%;
	height: 130px;
	height: 115px;
	padding: 10px;
	border: 0px dotted #725972;
}
#navigation {
	position: relative;
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	border-right: 1px dotted #725972;
}
#content {
	float: left;
	width: 610px;
	margin-top: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 6px 6px 6px 6px;
	background-color: #FFFFCC;
	background-color: #FFFF99;
	color: #003366;
}
#footer {
	text-align: center;
	clear: both;
	width: 100%;
	border: 1px dotted #d8bfd8;
}
/* Masthead Styles */
#masthead h2 {
	color: #008080;
	font-size:14pt;
}
#masthead h3 {
	color: #402640;
	color: #008080;
}
#masthead a {
	text-decoration:none;
	color:#008080;
}
#masthead a:hover {
	text-decoration:underline;
}
#masthead img {
	margin-left:150px;
}
/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px dotted #f0f0f0;
}
#navigation li.sublinks {
	margin-left:12px;
	border:0px;
}
#navigation a {
	color: #402640;
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #fff;
	background-color: #93BEE2;
	background-color: #a7d7ff;
}
#navigation a:hover {
	color: #008080;
	padding: 5px;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
	background-color: #ffff66;
	background-color: #ffff00;
}
/* Content Styles */
h6 {
	color: #503750;
}
h5 {
	color: #503750;
}
h4 {
	color: #066;
}
h3 {
	color: #503750;
}
h2 {
	color: #503750;
}
#content h1 {
	color: #066;
	font-size:13pt;
	text-align:center;
}
#content img {
	padding: 0px;
	border: 0px solid #402640;
}
p.homepageannouncements {
	text-align:center;
	margin:8px 30px;
	border:2px #008080 outset;
	line-height:22px;
}
#announcement, #announcement0, #announcement1, #announcement2 {
	text-align:center;
	margin:30px;
	border:2px #008080 outset;
}
#announcement li{
	text-align:left;
	list-style: square outside;
	line-height:11pt;
	line-height:.95em;
}
#announcement2 {
	text-align:center;
	margin:6px;
	border:1px #008080 outset;
}
#announcement2 li{
	text-align: left;
	list-style: square outside;
	list-style-image: url('../images/16x16pawprinttealyellow.gif');
	line-height: 11pt;
	line-height:.95em;
}
#announcement3 {
	text-align:center;
	border:1px #008080 outset;
}
#content .underconstruction {
	text-align:center;
}
#content h3 {
	font-family: Verdana; 
	font-size: 12pt; 
	font-size: 1em; 
	font-weight: bold;
}
#content h2 {
	text-align:center;
	font-family: Verdana; 
	font-size: 12pt; 
	font-size: 1em; 
	font-weight: bold;
	color:#006666;
}
#content h4 {
	font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style:italic;
}
#content h5 {
	padding: 4px;
	font-family: Verdana;
	font-size: 10pt;
	font-size: .85em; 
	font-weight: bold;
	font-style: italic;
	color: yellow;
	background-color: teal;
	margin-right: 110px;
	margin-left: 110px;
}
#content a.h5announce {
	color:yellow;
	text-decoration:underline;
}
#content a:hover.h5announce {
	color: yellow;
	text-decoration: underline;
}
#content .walinks {
	font-variant:small-caps;
	font-size:12px;
	font-size: .85em; 
	text-align:center;
}
/* Footer Styles */
#footer p {
	color: #808080;
	text-align:center;
}
#footer a {
	color: #503750;
	text-decoration: underline;
}
#footer a:hover {
	color: #008080;
	text-decoration: none;
}
a {
	color: #402640;
	text-decoration: underline;
}
a:hover {
	color: #008080;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.contenttable {
	padding: 12px 6px 6px 12px;
	font-family: verdana;
	font-size: 11pt;
	font-size: .85em; 
	font-weight: normal;
	color: #003366;
	background-color: #FFFFCC;
	background-color: #FFFF66;
	border-style: groove groove groove double;
	border-width: 1px;
	height: 100%;
	vertical-align: top;
}
.directorylisting {
	padding: 12px 6px 6px 12px;
	font-family: verdana;
	font-size: 10pt;
	font-size: .85em; 
	font-weight: normal;
	color: #003366;
	background-color: #FFFF99;
	border-style: groove groove groove double;
	border-width: 1px;
	height: 100%;
	vertical-align: top;
}
.dircol1 {
	width:140px;
	vertical-align:top;
	padding-bottom:6px;
}
.invalidentry {
	font-family: verdana;
	font-size: 10pt;
	font-size: .85em; 
	font-weight: bold;
	color: #FF0000;
}
.membersarea {
	border: medium inset #FFFF00;
	font-family: verdana;
	font-size: 10pt;
	color: #000000;
	background-color: #CCCCFF;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: 8px;
	text-indent:12px;
}
a:link.memberlinks {
	text-decoration: none;
	font-family: verdana;
}
a:hover.memberlinks {
	color: yellow;
	background-color: #000080;
	font-family: verdana;
	text-decoration: none;
}
a:active.memberlinks {
	color: yellow;
	background-color: #000080;
	font-family: verdana;
	text-decoration: none;
}
.memberinfo {
	line-height:1.5;
}
.memberinfolabel {
	color:black;
}
.memberinfotext {
	color:navy;font-weight:bold;
	line-height:1.5;
}
a:link.logout {
	text-decoration: none;
	font-family: verdana;
	font-size:8pt;
	color:gray;background-color:maroon;
}
a:hover.logout {
	color: white;
	background-color: #000080;
	font-family: verdana;
	text-decoration: none;
}
#video {
	text-align:center;
}
#kudos {
	color:navy;font-size:8pt;
}
#directorydetail {
	margin:12px;
}
td {
	vertical-align:top;
}
.mailingaddress {
	margin-left: 40px;
	font-weight:bold;
}

.listofdogs {
	text-indent:20px;
}
li {
	padding-bottom:3px;
}
#resultsform {
	margin-left:12px;
	font-family: verdana;
	font-size: 10pt;
	font-weight: normal;
	color: #000080;
	background-color: #FFFF99;
	height: 100%;
	vertical-align: top;
	width:90%;
}
#resultsform .inputnarrow {
	width: 60px;
	font-size:9pt;
}
#resultsform .inputmid {
	width: 110px;
	font-size:9pt;
	font-size:.75em;
}
#resultsform .inputwide {
	width: 200px;
	font-size:9pt;
	font-size:.75em;
}
#resultsform table {
	width: 90%;
}
.requiredinput {
	font-size: 12pt;
	font-size:1em;
	font-weight: bold;
	color: #ff0000;
}
#reviewresults {
	font-size:8pt;
	font-size:.75em;
}
.soon {
	color:teal;font-style:italic;font-weight:bold;font-size:11pt;
}
.indentpara {
	text-indent:25px;
}
#sitemapcontent {
	text-align:center;
	width=500px;
}
#sitemapcontent table {
	width:100%;
	margin:5% 5% 5% 5%;
}
#sitemapcontent td {
	width=50%;
	height:20px;
}
.formsubtable {
	width: 100%;
	border: 1px solid #808080;
}
.formsubtable_c1 {
	width:50%;
}
.centeredpara {
	text-align: center;
}
.secondline {
	margin-left: 120px;
}
.practicecancelled {
	text-align:center;
	margin:30px;
	border:2px #008080 outset;
	color:red;font-size:16px;
}

.highlightTrial {
	text-align:center;
	margin:30px;
	border:2px #008080 outset;
	color:teal;font-size:1.2em;line-height:1.3em;
}

#announceanim {
	text-align:center;
	margin:30px;
	height:36px;
	border:2px #008080 outset;
	background-image:url('images/Dog-anim.gif');
	background-repeat:no-repeat;
}
.eventinfotable_coltitle {
	text-decoration: underline;
	font-weight:bold;
	border-bottom:2px teal ridge;
}
.eventinfotable_daydate {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding-left:8px;
}
a:hover.h5hover {
	color:#fff;
}
div.hidden { display: none; }
div.unhidden { display: block;}
#novice {
	margin-left:15px;margin-right:15px;
}
#novice img {
	padding-right:10px;
}
#novice p {
	padding-left:10px;
}
#novice a {
	font-size:1.20em;
	text-decoration:none;
}
#novice h5 {
	background-color:#ffff99;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
}
