body { background: #662d92; margin: 0; padding: 0; text-align: center; font-size: 14px; font-family: arial, verdana, sans-serif; color: #7a7a7a; }
#outerShell { background: #662d92; padding: 50px; width: 1000px; margin: 0 auto; text-align: left; display: block; position: relative;}
#boxtop, #boxbot { height: 14px; margin: 0; padding: 0; }
a,input { color: #662d91; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { clear: both; }
form { display: inline; }
a img,map,img { border: none; }

div#loginarea { text-align: right; margin: 5px auto; padding-right: 20px;  width: 949px; color: #fff; }
div#loginarea div { display: inline-block; }
/*div#loginarea input { font-size: 11px; line-height: 11px; height: 11px; padding: 2px; }*/
div#loginarea a { color: #8bc53f; font-weight: bold; }
div.loginoutput { display: inline-block; padding: 2px; color: #fff; background: #a00; }
div#boxtop { background: url('/images/top.edge.gif') top center no-repeat; }
div#boxbot { background: url('/images/bottom.edge.gif') top center no-repeat; }
#mainShell { background: #fff; width: 949px; margin: 0 auto; padding: 0 0 0 3px; }
#footertext { color: #fff; text-align: center; font-size: 11px; margin-top: 5px; }
#footertext a { color: #fff; text-decoration: none; }

#leftArea { width: 635px; float: left; }
#rightArea { width: 307px; float: left; border: solid 1px #7a7a7a; border-width: 0 0 0 1px; }

/* menu */
#menuArea { clear: both; width: 144px; float: left; border-right: solid 1px #7a7a7a; margin-top: 1em; }
div#menuArea ul { margin-bottom: 10px !important; }
div#menuArea ul,div#menuArea li { list-style-type: none; margin: 0; padding: 0; }
div#menuArea li { padding-right: 10px; text-align: right; line-height: 1.5em; }
div#menuArea a { text-decoration: none; font-weight: bold; color: #662d91; }
li.locked { font-size: 12px; padding-right: 25px !important; color: #bcbcbc; font-weight: bold;  background: url("/images/grey.lock.gif") 125px 2px no-repeat; }

/* header */
#header { padding-left: 68px; height: 92px; }
#header img,#subHeader img { float: left; vertical-align: top; }
#subHeader img:first-child { margin-right: 3px; }

/* main content */
div#mainContentArea { float: left; padding: 1em 0 0 14px; width: 470px;  }
h1 { margin: 0 0 1em 0; color: #bcbcbc; font-size: 20px; }
h2 { margin: 0 0 .5em 0; color: #bcbcbc; font-size: 16px; }

/* right box info */
div#rightArea h1 { margin-bottom: .25em; }
div#roadRaces,div#groupRuns { padding: 10px 0 0 10px; }
div#groupRuns { border-top: solid 1px #7a7a7a; }
.rightItem { margin-bottom: 1em; }
.righttitle { font-weight: bold; font-size: 12px; }
.events,.greyfoot,.greybody { font-size: 11px; color: #666; }
.greyfoot { font-weight: bold; }
.purpletitle a { color: #662d91; }
.greentitle a { color: #8bc53f; }
.righttitle a { text-decoration: none; }


/* generics */
.clearing { clear: both; }

/* racelistings & group runs */
div.racelisting { font-size: 12px; color: #666; margin-bottom: 2em; border-bottom: solid 1px #7a7a7a; padding-bottom: 1em;  }
div.racelisting:last-child { border: none; }
div.rlevents { color: #8bc53f; font-weight: bold; }
div.rltitle { font-size: 18px; color: #662d91; }
div.rlinfo { font-weight: bold; color: #662d91; margin-top: 10px; }
div.rldate { font-weight: bold; }

div.rlcontactlabel { color: #662d91; font-weight: bold; background: #ddd; padding: 20px; float: left; margin: 10px; }
div.rlcontactinfo { padding: 10px 20px; font-size: 11px; }