html { background: #CCC; }
body { margin: 0; padding: 0; }
body, button, input, select, textarea { font-size: 8pt; font-family: Verdana, sans-serif; }

a { color: #3E638D; text-decoration: underline; }
a:hover { color: #704214; }

img { border: none; }

td { vertical-align: top; }

h1 { margin: 0 0 0.25em; font-size: 11pt; color: #C93; }
h2 { margin: 0; font-size: 9pt; line-height: 1.2; color: #666; }
h3 { margin: 1em 0 0.5em; font-size: 1em; }

p, dl { margin: 1em 0; }
p, th, td, dt, dd { line-height: 1.4; }

dt { margin: 1.25em 0 0.25em; font-weight: bold; color: #333; }
dd { margin-left: 0; }

form { margin: 0; }
form input.CheckBox { width: 14px; margin-right: 1ex; }
form input.TextBox, form textarea, form select { border: solid 1px #AAA; }
form input.TextBox, form textarea { width: 24em; margin: 0; padding: 2px 2px 2px 4px; }
form select { padding: 1px 0; }

fieldset { display: block; margin: 0 0 1.5em; border: 1px #CCC; border-style: none; padding: 0; }
fieldset legend { display: none; }

/* ************************** */

.Column { float: left; }
.LastColumn { float: right; }

.MinHeight480 { min-height: 480px; }

.FloatOverflow { overflow: auto; }

img.Frame { border: solid 1px #CCC; }

div.Separator { margin: 16pt 0; border-top: dotted 1px #CCC; }
#Nav div.Separator { margin: 6pt 0; border-color: #FFF; }

.Info { color: #666; font-size: 94%; }
p.Info { margin: 0 0 0.5em; }

table.Info { margin: 0.5em 0; }
table.Info th { text-align: left; color: #444; vertical-align: top; }
table.Info td { color: #000; }
table.Info th, table.Info td { padding: 0 2em 0.5em 0; }
table.Info tr.SubHead th { color: #704214; padding-top: 0.5em; padding-bottom: 0.25em; font-size: 8pt; }

.LinkSet { font-size: 94%; }

/* ************************** */

#Page, #Footer { width: 780px; margin: 0 auto; }

#Page { background: url('../img/elements/_page.bg.gif') repeat-y center; }
body.Admin #Page { background-image: url('../img/elements/_page_admin.bg.gif'); }

#Footer { background: url('../img/elements/_page.shadow.gif') no-repeat center top; padding: 1em 0 2em; text-align: center; font-size: 7.5pt; color: #444; }
#Footer a { color: #444; }


#Header { height: 84px; background: url('../img/elements/_top.bg.gif') no-repeat center top; padding: 0 12px 0 13px; }
body.Admin #Header { background-image: url('../img/elements/_top_admin.bg.gif'); }

#Header img#Logo { float: left; display: block; }
#Header #HeaderLinks { float: right; padding: 60px 4px 0 0; font-size: 7.5pt; color: #704214; }
#Header #HeaderLinks a { color: #FFF; text-decoration: none; }


#Main { padding: 0 12px 0 13px; clear: both; }

#SubLogo { float: right; width: 580px; }
#SubLogo img { display: block; }

#Nav { width: 175px; background: url('../img/elements/cyclist.gif') no-repeat center 75px; padding-bottom: 1em; }

#Nav form { padding: 4px 8px 10px 8px; border-bottom: dotted 1px #FFF; margin-bottom: 10px; }
#Nav form * { font-size: 7.5pt; }
#Nav form p { margin: 0; padding-bottom: 2px; color: #704214; }
#Nav form input { float: left; }
#Nav form input.TextBox { border-color: #333; border-style: solid none solid solid; width: 130px; height: 13px; padding: 1px; }

#Nav h3 { margin: 0.5em 10px; font-size: 8pt; color: #666; }
#Nav h3 a { color: #666; text-decoration: none; }
#Nav h3.accordion { cursor: pointer; }
#Nav ul { overflow: hidden; margin: 0 10px 0 20px; padding: 0; }
#Nav li { margin-bottom: 2px; list-style: none; }
#Nav li a { text-decoration: none; }
#Nav p#Logout { margin: 0 10px 1.5em; font-size: 7.5pt; color: #666; }

#Body { width: 540px; background: url('/_res/img/elements/sublogo.gif') no-repeat top left; padding: 25px 20px 15px; }
body.Admin #Body { width: 725px; background: none; padding: 15px; }
