@import url(taming-import.css);

body { margin: 0px; padding: 135px 0px 10px 0px; background: rgb(243,241,238); color: black; font-size: 88%; font-family: arial, sans-serif }
html>body { padding-top: 120px }

table, label { font-size: inherit }
h1, h2, h3, h4, h5, h6 { border: none; color: rgb(67,77,67) }
dt { padding-top: 10px; text-decoration: underline }
td { empty-cells: show }
blockquote { font-size: .9em; margin-right: 30px }

select { font-size: .8em }
select .highlight { background-color: rgb(220,220,215) }

.hideme { display: none }

/* anchor/links */
a:link, a:active, a:visited { color: rgb(67,77,67); text-decoration: underline }
a:hover { color: rgb(67,77,67); text-decoration: underline }

#nav a:link, #nav a:active, #nav a:visited { color: rgb(243,241,238); text-decoration: none }
#nav a:hover { color: rgb(243,241,238); text-decoration: underline }
a.current:link, a.current:active, a.current:visited { color: rgb(243,241,238); text-decoration: underline }

#subnav a:link, #subnav a:active, #subnav a:visited { text-decoration: none; font-weight: normal }
#subnav a:hover { text-decoration: underline }

/* heading area (top) */
#heading { position: absolute; top: 0px; left: 0px; height: 100px; width: 100% }
#heading h1, #heading h1 img { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px }

/* nav (top) */
#nav { position: absolute; top: 100px; left: 0px; width: 100%; background-color: rgb(67,77,67); border: none; border-top: 1px solid black; border-bottom: 1px solid black }
#nav p { margin: 0px 0px 0px 10px; padding: 2px 0px 2px 0px }

/* subnav area (left) */
#subnav { width: 140px; position: absolute; top: 135px; left: 10px; border: none; border-right: 1px solid black; padding-right: 10px; font-weight: bold; padding-bottom: 10px }
#subnav h2 { margin: 0px; font-size: .8em; font-weight: bold }
#subnav p { font-size: .8em }
#subnav ul { margin-left: 0px; padding-left: 0px; margin-top: 0px }
#subnav ul li { margin-left: 0px; font-size: .8em }
#subnav hr { border: 1px solid rgb(67,77,67); background-color: rgb(67,77,67); color: rgb(67,77,67) }

/* main content area */
/* normally, a margin would be used here instead of padding...
but this is a minor hack to fix a bug with ie 5.0 */
#body { padding-left: 170px; padding-right: 10px; border: none }
#body h2 { width: 100%; border-style: none; border: 1px solid black; background-color: rgb(67,77,67); color: rgb(243,241,238); text-align: center; font-weight: normal; font-size: 1em }
#body h3 { font-size: 1em }
#body h4 { font-size: .9em }

/* for news headlines */
h3.news { background-color: rgb(133,153,135); color: black; text-align: left; border: 1px solid black; padding-left: 2px; font-weight: normal }
h4.news { color: rgb(67,77,67); margin-bottom: 0px }
h5.news { font-size: .8em; font-weight: normal; margin-top: 0px }

/* quicknav, part of #body */
#quicknav { background: rgb(220,220,215); font-size: .8em; float: right; border: 1px solid black; width: 175px }
#quicknav h3 { margin: 0px }
#quicknav ul { margin-top: 5px }
#quicknav ul li { margin-left: 0px; list-style-type: square }

/* table stuff */
caption { font-size: 14px; font-weight: bold; color: rgb(67,77,67) }
table { border-collapse: collapse; border-width: 0px }
td { background-color: rgb(220,220,215); border: 1px solid black }
th { border: 1px solid black; color: rgb(220,220,215); background-color: rgb(67,77,67); font-weight: normal }
th a:link, th a:active, th a:visited { color: rgb(220,220,215) }
th.subhead, td.em, td.emc { background-color: rgb(133,153,135); color: black }
th.subhead, td.emc { text-align: center }
.chart td { white-space: pre }

/* sitemap */
#sitemap { text-align: center; margin: auto; width: 80%; font-size: .85em; border-collapse: separate; border: 1px solid black }
#sitemap td { border: none; text-align: left }
#sitemap h1 { font-size: 1em; border-top: 1px solid black; border-bottom: 1px solid black; background-color: rgb(67,77,67); color: rgb(220,220,215); padding-left: 2px }
#sitemap h1 a { color: rgb(220,220,215) }
#sitemap td h2 { font-size: 1em; background-color: rgb(220,220,215); color: rgb(67,77,67); border: none; font-weight: bold; text-align: left; width: 33%; min-width: 100% }

/* pet database classes, part of #body */
#petdb table { float: left; width: 125px }
#petdb table+table { margin-left: 10px }
#petdb th { text-align: right }
#petdb td { text-align: center; width: 100%; white-space: pre }

table#petnature { padding-top: 10px }
#petnature { clear: both; display: block }
#petnature td { padding-left: 10px; border: none; background-color: rgb(243,241,238); text-align: left }
#petnature th { background-color: rgb(133,153,135); color: rgb(67,77,67); font-weight: bold; text-align: right }

.screenshot { text-align: center; font-size: .8em }
.screenshot img { margin: 20px auto 0px auto }

.small { font-size: .8em }
.date { font-size: .8em; text-align: right; clear: both }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.strong { font-weight: bold }

/* flagging faq */
.blue { color: #0000CC }
.grey { color: #646464 }
.red { color: #FF0000 }
.orange { color: #FF6600 }
.green { color: #008000 }

/* for image galleries */
#photo { text-align: center }
#photo table { width: 80%; text-align: center; margin-right: auto; margin-left: auto }
#photo table td { padding: 0px 10px 10px 10px }
#photo .fulltitle { margin-bottom: 0px; padding-bottom: 0px }
#photo .series { margin-top: 0px; padding-top: 0px }
br.hideme { visibility: hidden; volume: silent }

/*******
barely olive = rgb(243,241,238)
lightest olive = rgb(220,220,215)
medium olive = rgb(133,153,135)
dark olive = rgb(67,77,67)
*******/