html, body {
 height: 100%;
 margin: 0em;
 padding: 0em;
}

body {
 background-color: #FFFF99;
 color: black;
 font-family: Arial, Verdana, Tahoma, sans;
 font-size: 62.5%;
 line-height: 1.5;
 min-width: 800px;
}

#t_container {
 display: block;
 min-height: 100%;
 width: 100%;
}

#t_header {
 background-image: url('../images/paws.png');
 display: block;
 height: 17.9em;
 position: relative;
}

#t_header_wrapper {
 padding: 0% 10%;
}

#t_header_content {
 display: block;
 height: 16.5em;
 margin: 0em auto;
 max-width: 102.4em;
 overflow: hidden;
 position: relative;
}

#t_header_bar {
 background-color: #FFCC66;
 border-color: #FFB829;
 border-style: solid;
 border-width: 0em 0em 0.7em 0em;
 display: block;
 height: 0.7em; 
}

#t_logo {
 background-image: url('../images/logo.jpg');
 border: 0.1em solid white;
 display: block;
 height: 120px;
 width: 460px;
}

#t_contact_box {
 background-color: #000000;
 border-color: #666666;
 border-style: solid;
 border-width: 0px 0.1em 0.1em 0.1em;
 padding: 0.2em 1em 0.2em 1em;
 position: absolute;
 right: 0em;
 top: 0em;
}

#t_contact_box img {
 border-width: 0em;
}

#t_nav {
 bottom: 0em;
 font-weight: bold;
 height: 30px;
 left: 0em;
 list-style-type: none;
 list-style-image: none;
 margin: -0.5em 0em 0em 0em;
 max-width: 102.4em;
}

#t_nav li {
 float: right;
 font-size: 1em;
 margin: 0em 0em 0em 0.25em;
 padding: 0.5em 1em 0em 1em;
}

#t_nav li.selected {
 background-color: #FFCC66;
 -moz-border-radius-topleft: 1em 0.7em;
 -webkit-border-top-left-radius: 1em 0.7em;
 border-top-left-radius: 1em 0.7em;

 -moz-border-radius-topright: 1em 0.7em;
 -webkit-border-top-right-radius: 1em 0.7em;
 border-top-right-radius: 1em 0.7em;
}

#t_nav li.selected a {
 color: #000000;
}

#t_nav a {
 color: #FFFFFF;
 font-size: 1.6em;
 text-decoration: none;
}

#t_nav a:hover {
 color: #FFB829;
}

#t_center {
 padding: 0em 10% 10em 10%;
}

#t_content {
 margin: 0em auto;
 overflow: hidden;
 padding: 0em 0em 1em 0em;
 max-width: 102.4em;
}

#t_footer {
 border-color: #FFB829;
 border-style: solid;
 border-width: 0.5em 0em 0em 0em;
 background-color: #FFCC66;
 display: block;
 height: 9.5em;
 margin: -10em 0em 0em 0em;
 padding: 0% 10%;
 position: relative;
}

#t_footer_content {
 display: block;
 height: 9.5em;
 margin: 0em auto;
 max-width: 102.4em;
 overflow: hidden;
 padding: 0em 0.2em 0em 0em;
}

#copyright {
 font-size: 1em;
}

#quote {
 float: right;
 font-style:italic;
 text-align: right;
 width: 60%;
}

a, h1, h2, h3, h4, h5, h6, label, legend, li, p, span { font-size: 1.3em; }

li a { font-size: 1em; }
li li { font-size: 1em; }
li span { font-size: 1em; }
li strong { font-size: 1em; }
p a { font-size: 1em; }
p label { font-size: 1em; }
p span { font-size: 1em; }
p span a { font-size: 1em; }
p span strong { font-size: 1em; }
p strong { font-size: 1em; }
span a { font-size: 1em; }
span span { font-size: 1em; }
span strong { font-size: 1em; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2; }

h1 { font-size: 2.6em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

*.c_text { text-align: center; }
*.r_text { text-align: right; }
*.l_text { text-align: left; }

*.img_left { float: left; text-align: left;}
*.img_left img {
 border: 0.1em solid black;
 display: block;
 margin-right: 1em;
}
*.img_left span { font-size: 1.1em; font-style: italic; }

*.img_right { float: right; text-align: right; }
*.img_right img {
 border: 0.1em solid black;
 display: block;
 margin-left: 1em;
}
*.img_right span { font-size: 1.1em; font-style: italic; }

*.left { float: left; margin-right: 1em; }

*.right { float: right; margin-left: 1em; }

*.clear {
 clear: both;
} 


ul { list-style-image: url('../images/pp.png'); }
ul li { list-style-position: inside; }


div.box {
 background-color: #FFCC66;
 border: 1px solid #FFB829;
 -moz-border-radius: 0.6em;
 -webkit-border-radius: 0.6em;
 border-radius: 0.6em;
 display: block;
 margin-bottom: 1em;
 padding: 0.2em;
}

div.box h2, div.box h3 {
 background-color: #FFB829;
 -moz-border-radius: 0.5em;
 -webkit-border-radius: 0.5em;
 border-radius: 0.5em;
 margin: 0em 0em 0.5em 0em;
 padding: 0.2em;
 text-align: center;
}

div.link h3 a {
 color: black;
 font-size: 1em;
}

div.box img {
 border: 0.1em solid black;
}


/* 
The following rules are used on the 'Nationals' page.
*/
div.natlink {
 float: left;
 height: 16em;
 margin: 0em 1em 1em 0em;
 text-align: center;
 width: 12em;
}

div.natlink a img {
 display: block;
 margin: 0em auto;
 max-height: 13em;
}

img.national_logo {
 float: right;
 width: 20em;
 margin: 0.5em;
 border: 0.1em solid black;
}

div.natphoto {
 display: block;
 float: left;
 width: 22.5em;
 height: 27.5em;
 margin: 0em 1em 1em 0em;
 padding: 1em;
 text-align: center;
 background-color: #FFCC66;
 border: 1px solid #FFB829;
}

div.natphoto img {
 width: 22.5em;
 border: 0.1em solid black;
}

/* 
The following rules are used on the 'Links' page.
*/
div.link {
 display: block;
 float: left;
 height: 20em;
 margin: 0em 1em 1em 0em;
}

div.link a {
 font-size: 1em;
}

div.link img {
 display: block;
 margin: 0em auto;
 max-height: 16em;
}

/* 
The following rules are used on the individual dog pages.
*/
#quick_nav {
 position: fixed;
 top: 17.9em;
 left: 0em;
 width: 9%;
}

#quick_nav ul {
 list-style-image: none;
 list-style-type: none;
 padding: 0em;
}

#quick_nav ul li {
 list-style-position: outside;
}


div.headshot {
 float: left;
 height: 23em;
 margin: 0em 1em 1em 0em;
 width: 20.4em;
}

div.headshot img {
 display: block;
 margin: 0em auto;
 max-height: 20em;
 max-width: 20em;
}

div.headshot a {
 color: black;
 font-size: 1em;
}

div.champion img {
 float: left;
 margin: 0em 1em 1em 0em;
 max-width: 20em;
}

div.champion a {
 color: black;
 font-size: 1em;
}

/*
 The Following rules are used on the questionnaire page
*/

form label {
 float: left;
 display: block;
 margin: 0em 0em 0.5em 0em;
 min-width: 150px;
}

form legend {
 font-size: 1.4em;
 font-weight: bold;
}

form fieldset {
 border-color: black;
 border-style: solid;
 border-width: 0.1em 0em 0em 0.1em;
 margin: 0em 0em 1em 0em;
 padding: 1em 1em 1em 3em;
}

form input, textarea, select {
 margin: 0em 0em 0.5em 0em;
}

label.radio {
 margin: 0em 0em 0.2em 0em;
}

input.radio {
 float: left;
 margin: 0em 0em 0.2em 0em;
}

form br {
 clear: both;
}