﻿body { background: #0051ad url(images/body-bg.png) repeat left top; font: 62.5% Verdana, Arial, Helvetica, Sans-Serif; margin: 0; padding: 0; }

h2 { color: #1969a6; font-family: Georgia; font-size: 3em; margin: 0 0 .5em; padding: 0; }
p { color: #818181; font-size: 1.2em; line-height: 1.5em; margin: 0 0 1em; padding: 0; }

.alert { color: #f00; }
.center { text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
.hide { display: none; }

object { outline: none; }

#outer-container { margin: 0 auto; overflow: hidden; position: relative; width: 990px; }
#inner-container { background: url(images/body-shadow.png) repeat-y right top; float: left; position: relative; width: 100%; }
#main-container { background: #fcfcfc url(images/main-bg.png) repeat-x center top; border: 1px solid #cccbbc; float: left; min-height: 495px; height: auto !important; height: 495px; position: relative; width: 982px; }

#main-container .shadow { background: url(images/drop-shadow.png) no-repeat bottom right; display: inline; }
#main-container .shadow img, #main-container .shadow .box { background-color: #faf6ef; border: 1px solid #cac0a6; display: block; margin: -6px 6px 6px -6px; padding: 7px; position: relative; }
#main-container .shadow .box { background-color: #fff; }
#main-container .left { float: left; margin: 8px 1em 1em 6px; }
#main-container .left-photo { float: left; margin: 8px 2em 2em 6px; }
#main-container .left-top { float: left; margin: 1em 1em 0 6px; }
#main-container .right { float: right; margin: 8px 6px 1em 1em; }
#main-container .right-bottom { float: right; margin: 1em 6px 0 1em; }
#main-container .right-photo { float: right; margin: 8px 6px 2em 2em; }
#main-container .login { margin: 20px 35px 20px 0; }

#main-container #legends-trainers { float: left; width: 377px; }
#main-container #legends-trainers #photo { float: left; margin-left: 40px; }

#logo { /*background: url(images/_logo-bg.png) no-repeat center center;*/ clear: both; display: inline; float: right; font-size: 1em; font-weight: normal; height: 182px; margin: 30px 58px 0 0; padding: 0; text-indent: -999em; width: 125px; }

#menu-main { height: 165px; width: 755px; }

#menu-top, #menu-top li { list-style: none; margin: 0; padding: 0; }
#menu-top { display: inline; float: right; margin: 15px 35px; }
#menu-top li { border-right: 1px solid #d9d9d9; color: #d9d9d9; display: inline; }
#menu-top li.last { border: none; }
#menu-top a:link, #menu-top a:visited { color: #d9d9d9; font-size: 1.1em; margin: 0 6px 0 10px; text-decoration: none; }
#menu-top a:hover, #menu-top a:active { text-decoration: underline; }
#menu-top span { font-size: 1.1em; font-weight: 700; margin: 0 6px 0 10px; }

#news-notes { display: inline; float: left; margin: 60px 60px 20px 45px; width: 500px; }
#news-notes .date { color: #cda139; margin-top: 2em; }
#news-notes .first { margin-top: 0; }

#login { background: url(images/login-bg.gif) repeat-x center bottom; float: right; width: 230px; }
#login h3 { color: #00419c; font: 700 1.6em Georgia; margin: 0; padding: 0; text-align: center; }
#login dd, #login dl, #login dt { margin: 0; padding: 0; }
#login dl { margin-top: 10px; }
#login dt { clear: left; color: #87898b; display: inline; float: left; line-height: 2em; margin-bottom: 10px; margin-right: 1em; text-align: right; width: 55px; }
#login dt.recover { line-height: normal; text-align: center; }
#login dt.recover a:link, #login dt.recover a:visited { color: #00419C; text-decoration: underline; }
#login dt.recover a:hover, #login dt.recover a:active { text-decoration: none; }
#login dd { display: inline; float: left; width: 155px; }
#login input[type=submit] { cursor: pointer; }

#footer { background: url(images/footer-corner.png) no-repeat right top; display: inline; float: left; width: 100%; }
#footer span { background: url(images/footer-shadow.png) repeat-x center top; color: #b5b5b5; display: block; font-style: normal; padding: 12px 0 10px; text-align: center; width: 984px; }
#footer a:link, #footer a:visited { color: #ffb81e; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #ffb81e; text-decoration: none; }

#page-heading { margin-left: -2em; }

a.race-replay { background: url(images/ico-play.png) no-repeat center center; display: block; height: 16px; overflow: hidden; text-indent: -999em; width: 16px; }
