html { background: #CCC; }

#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.Anim { 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; }