* { margin: 0; padding: 0; }
body { font-family: "Lucida Grande", "Lucide Sans Unicode", Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px; color: #333; background-color: #fff; margin: 0px; }
h1 { text-transform: uppercase; padding: 5px 5px 0 0; border-width: 0px; border-bottom: 1px solid #900; margin: 0 0 0.5em 0; color: #900; }
h2 { font-weight: bold; color: #900; margin: 0 0 0.5em 0; }
a:link, a:visited { text-decoration: underline; color: #900; }
a:hover, a:active { text-decoration: underline; color: #ff6000; }
a img { border-width: 0px; }
li { padding-bottom: 10px; }
input, select, textarea { background-color: #ffc7ab; border-width: 1px; border-color: #900; border-style: dotted; padding: 3px; margin: 2px; vertical-align: middle; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, Sans-serif; color: #900; }

.center { text-align: center; }
.clear { clear: both; height: 0px; }
.noborder { border-width: 0px; }
.important { color: #990000; }
.error { color: #f00; margin: 3%; margin-left: 12%; margin-right: 12%; }
.success { color: #090; margin: 3%; margin-left: 12%; margin-right: 12%; }

/*== header ==*/
div.header {}
div.topmenu { float: right; margin: 10px 20px 0 0; }
div.topmenu a { font-size: 10px; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase; padding: 5px; border-bottom: 2px solid #900; background-color: #ffce89; width: 80%; }
div.topmenu a:hover, .topmenu a:active { background-color: #900; color: #fff; }

/*== main content ==*/
div.container { width: 100%; float: right; margin-left: -250px; }
div.content { margin-left: 250px; padding: 0px 20px 20px 20px; }
div.content p { margin: 0 0 1em 0; line-height: 150%; }
div.content ul { margin: 0 0 1em 2em; }

/*== sidebar and menu ==*/
div.sidebar { width: 230px; float: left; padding: 10px; }
ul.menu { list-style-type: none;}
ul.menu a { display: block; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase; padding: 5px; border-bottom: 2px solid #900; background-color: #ffce89; width: 80%; margin: 0 auto 0 auto; }
ul.menu a:hover, .menu a:active { background-color: #900; color: #fff; }
ul.admin a { background: #ffc000; }
div.submenu { float: left; width: 100px; }
div.submenu a { display: block; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase; padding: 5px; border-right: 2px solid #900; background-color: #ffce89; width: 80%; margin: 0 0 1px 0; }
div.submenu a:hover, .submenu a:active { background-color: #900; color: #fff; }

/*== footer ==*/
div.footer { padding: 10px; text-align: center; clear: both; color: #888; font-size: 10px; }

/*== tables ==*/
table { margin: 0 auto 1em auto; width: 80%; }
th { background-color: #900; color: #fff; padding: 5px; font-size: 14px; }
tr.subheader td { padding: 2px; font-weight: bold; text-align: center; font-variant: small-caps; background-color: #B6D0E0; }
td { vertical-align: top; padding: 5px; }
.rowshade { background-color: #fff1d8; }
table.stats { border-width: 0px; }
table.stats tr td { background-color: #fff; text-align: left; border-width: 0px; border-bottom-width: 1px; border-color: #58719B; border-style: dotted; }
.right, table.stats tr td.right, table.loginbox tr td.right { text-align: right; }

/*== login box ==*/
dl.loginbox {}
dl.loginbox dt { float: left; width: 100px; padding: 5px; }
dl.loginbox dd { width: 500px; padding: 0 5px 10px 5px; }

/*== wizard ==*/
.wizbox { border: solid 1px #900; padding: 15px; margin: 5px; }
.wizbox table { width: 100%; }

/*== search results ==*/
.search .horse { border: 1px solid #900; padding: 15px; margin: 5px; }
.search .horse .name { display: block; text-transform: uppercase; font-weight: bold; }

/*== ancestry list ==*/
table.tree tr td { vertical-align: middle; text-align: center; }
table.tree tr td.horse { border: 1px solid #b66; background: #ffedc7; padding: 7px; text-align: center; color: #900; }