html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 1em; font-family: 14px Trebuchet MS, sans-serif; text-align: center; color: black; }

div#vcard { width: 850px; margin: 0em auto; background: url(/media/lily.png) no-repeat bottom left #ffe; }
div#content { overflow: auto; height: 320px; }
p#footer { font-size: 10px; margin: 0.5em auto 0em auto; padding: 0px; }

p, table * { font-size: 12px; }

div.tl, div.tc, div.tr, div.bl, div.bc, div.br { height: 31px; }
div.cc { margin: 0px 32px; padding: 0px 0px 0px 180px; }

div.tl { background: url(/media/border-tl.png) no-repeat top left; }
div.tc { background: url(/media/border-tc.png) repeat-x top center; }
div.tr { background: url(/media/border-tr.png) no-repeat top right; }

div.cl { background: url(/media/border-cl.png) repeat-y center left; }
div.cr { background: url(/media/border-cr.png) repeat-y center right; }

div.bl { background: url(/media/border-bl.png) no-repeat bottom left; }
div.bc { background: url(/media/border-bc.png) repeat-x bottom center; }
div.br { background: url(/media/border-br.png) no-repeat bottom right; }

#navbar { margin: 0.5em auto; }
#navbar ul { display: inline; }
#navbar ul:after { content: '\2741'; }
#navbar ul li { margin: 0px; padding: 0px; display: inline; }
#navbar ul li:before { content: '\2741\a0'; }
#navbar ul a { color: black; text-decoration: none; }

:link, :visited { color: #072; text-decoration: underline; }
:link:hover, :visited:hover, #navbar li:hover { background: #cf9; text-decoration: underline; }

table { margin: auto; }
th { text-align: left; }
td { text-align: right; }


h2 :link, h2 :visited { color: black; text-decoration: none; }
h2 a:hover:before { content: '\bb\a0'; }
h2 a:hover:after { content: '\a0\ab'; }

dl, dt, dd { margin: 0px; padding: 0px; }
dt { margin-bottom: 0.5em; font-weight: bold; }

form th, form td { padding: 0.2em 0.5em; text-align: left; vertical-align: top; }
input, select, textarea { border: 1px solid #666; color: #444; background: white; }
input:hover, select:hover, textarea:hover { background: #f8f8f8; }
input:focus, select:focus, textarea:focus { border-color: black; color: black; }
input { padding: 0em 0.2em; }
tfoot input { border-color: black; background: #eee; font-weight: bold; }
form tfoot td { text-align: right; }

div.warning { background: #fc9; color: #300; border: 1px solid; padding: 0.1em 0.5em; margin: 0em 0.5em; }
form tfoot div.warning { float:left; }

*.errorlist { color: #c40; }
ul.errorlist { padding: 0px; margin: 0px; }
ul.errorlist li { list-style-type: none; padding: 0px; margin: 0px; }
ul.errorlist li:before { content: '\2741\a0'; }

#news dd.details { font-size: 70%; margin: 0.4em 0em; }
