/*
 The following rules are used on every page to provide a consistant look and
 feel.
*/
html, body {
 margin: 0px;
 padding: 0px;
 width: 100%;
 min-width: 800px;
 background-color: #FFFF99;
 font-family: Arial, Verdana, Tahoma, sans;
 font-size: 10pt;
}

/* Pawprint bullets */
ul {
 list-style-image: url('../images/pp.png');
}

li {
 margin: 0.2em 0em 0.2em 0em;
}

/* Header */
div#header {
 position: relative;
 display: block;
 height: 164px;
 background-image: url('../images/paws.png');
}

div#header_content {
 display: block;
 height: 120px;
 max-width: 1024px;
 padding: 0% 10% 0% 10%;
}

div#header_bar {
 display: block;
 height: 7px; 
 background-color: #FFCC66;
 border-width: 0px 0px 7px 0px;
 border-style: solid;
 border-color: #FFB829;
}

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

div#contact_box {
 position: absolute;
 top: 0px;
 right: 10%;
 padding: 0.2em 0.5em 0.2em 0.5em;
 background-color: #000000;
 border-width: 0px 1px 1px 1px;
 border-style: solid;
 border-color: #666666;
}

div#contact_box a {
 margin: 0em 0.5em 0em 0.5em;
}

div#contact_box img {
 border-width: 0px;
}

/* Navigation Tabs */
ul#nav {
 left: 0px;
 bottom: 0px;
 margin: 0px;
 padding: 0% 10% 0% 10%;
 height: 30px;
 max-width: 1090px;
 list-style-type: none;
 list-style-image: none;
 font-size: 12pt;
 font-weight: bold;
}

ul#nav li {
 float: right;
 margin: 0px;
 padding: 8px;
}

ul#nav li.selected {
 padding: 8px 0px 8px 15px;
 background-image: url('../images/tableft.png');
 background-repeat: no-repeat;
 background-position: top left;
}

ul#nav li.selected a {
 padding: 9px 15px 8px 0px;
 background-image: url('../images/tabright.png');
 background-repeat: no-repeat;
 background-position:top right;
 color: #000000;
}

ul#nav a {
 text-decoration: none;
 color: #FFFFFF;
}

ul#nav a:hover {
 color: #FFB829;
}


/* Content Div */
div#content {
 margin: 0% 10%;
 padding: 0px;
 max-width: 1024px;
}

img.right_image {
 float: right;
 margin: 0em 0em 0.5em 0.5em;
 padding: 0px;
 border: 1px solid black;
}

div.caption_right {
 float: right;
 margin: 0em 0em 0.5em 0.5em;
 text-align: right;
 font-size: 8pt;
}

div.caption_right img {
 display: block;
 margin: 0em;
 border: 1px solid black;
}

img.left_image {
 float: left;
 margin: 0em 0.5em 0.5em 0em;
 padding: 0px;
 border: 1px solid black;
}

div.caption_left {
 float: left;
 margin: 0em 0.5em 0.5em 0em;
 text-align: left;
 font-size: 8pt;
}

div.caption_left img {
 display: block;
 margin: 0em;
 border: 1px solid black;
}

br.break {
 clear: both;
}

div.box {
 float: left;
 margin: 0em 0em 1em 0em;
 padding: 0.2em;
 width: 100%;
 background-color: #FFCC66;
 border: 1px solid #FFB829;
}

div.box h3 {
 margin: 0em;
 padding: 0.2em;
 text-align: center;
 background-color: #FFB829;
}

div.box h3 a {
 color: #000000;
}

div.box img {
 float: left;
 margin: 0.5em;
 width: 15em;
 border: 1px solid black;
}

div.sub_box {
 float: left;
 margin: 0em 0.5em 0em 0em;
}

/*
The following rules are used on the index page.
*/
div#index_images {
 float: right;
 margin-top: -5em;
}

div#index_images img {
 float: left;
}

img.index_top_image {
 display: block;
 margin: -15px 0em 0em -15px;
 width: 20em;
}

table#shadow {
 float: left;
 margin: 150px 0em 0em -200px;
}

td.ur {
 background-image: url('../images/shadowur.png');
 background-position: top right;
 height: 13px;
}

td.r {
 background-image: url('../images/shadowr.png');
 background-position: top right;
 width: 13px;
}

td.br {
 background-image: url('../images/shadowbr.png');
 background-position: bottom right;
}

td.b {
 background-image: url('../images/shadowb.png');
 background-position: bottom left;
 height: 13px;
}

td.bl {
 background-image: url('../images/shadowbl.png');
 background-position: bottom left;
 width: 13px;
}



/* 
The following rules are used on the 'Nationals' page.
*/
div.natlink {
 float: left;
 margin: 0em 1em 1em 0em;
 padding: 0.2em;
 width: 100px;
 height: 150px;
 text-align: center;
 background-color: #FFCC66;
 border: 1px solid #FFB829;
}

div.natlink h3 {
 margin: 0em 0em 0.2em 0em;
 background-color: #FFB829;
}

div.natlink h3 a {
 color: black;
}

div.natlink a img {
 border: 1px solid black;
}

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

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

div.natphoto img {
 width: 225px;
 border: 1px solid black;
}

/* 
The following rules are used on the 'Links' page.
*/
img.linkimg {
 float: right;
 max-width: 20em;
 display: none;
 border: 1px solid black;
}

/* 
The following rules are used on the individual dog pages.
*/
div#quick_nav {
 position: fixed;
 top: 150px;
 left: 0em;
 padding: 0.2em;
 width: 9%;
 background-color: #FFCC66;
 border: 1px solid #FFB829;
}

div#quick_nav h3 {
 margin: 0px;
 background-color: #FFB829;
 text-align: center;
}

div#quick_nav h3 a {
 color: black;
}

div.dogbox {
 margin: 0em 1em 1em 0em;
 width: auto;
 height: auto;
}

div.dogbox img {
 width: auto;
}

div.dogbox h3 {
 margin: 0em 0em 0.2em 0em;
}

div.dogbox a {
 display: block;
 margin: 0px auto;
}

/*
 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 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;
}