body { padding-top: 10px;background: #fefdfd url(../images/bg-body.gif) repeat-x; color: #777; font-family: LucidaGrande, 'Lucida Grande', arial, verdana, sans-serif; font-size: 75%; text-align: center; }

/* generic Styles */

a, a:link, a:visited, a:hover, a:active { color: #fc7311; }
a:hover { text-decoration: none; }
p, h2, h3, h4, h5, h6 { margin-bottom: 1.2em; line-height: 1.5em; }
h3, h4 { font-weight: bold; }
h3 { font-size: 1.4em;}
h4 { color: #fc7311; }
strong { font-weight: bold; }
h2 { font-size: 1.6em; color: #fc7311; } 
#content ul { padding-left: 15px; margin-bottom: 1.2em; overflow: auto; }
#content ul li { list-style-type: disc; }
#content p { clear: left; }

.todo { background: yellow; }

/* layout and so on */

#wrapper { width: 944px; margin: 0 auto; text-align: left; }

#header { position: relative; height: 305px; background: url(../images/bg-header.gif) no-repeat; margin-bottom: 20px; }
#header .glasgow { background: url(../images/bg-header-glasgow.gif) no-repeat; position: absolute; top: 0; left: 50px; width: 944px; height: 305px; text-indent: -9999em; }
#header .london { background: url(../images/bg-header-london.gif) no-repeat; position: absolute; top: 0;  left: 50px; width: 944px; height: 305px; text-indent: -9999em; }
#header .manchester { background: url(../images/bg-header-manchester.gif) no-repeat; position: absolute; top: 0; left: 50px; width: 944px; height: 305px; text-indent: -9999em; }
#header .cycle { position: absolute; top: 0; left: 50px; width: 944px; height: 305px;  z-index: 99; }

#header h1 { position: relative; left: 260px; top: 5px; height: 42px; width: 470px; background: url(../images/bg-h1-title.gif) no-repeat; text-indent: -9999em; z-index: 999; }
#header h1 a { display: block; height: 42px; width: 470px; z-index: 999; }
#header p.gyro-logo { position: absolute; left: 780px; top: 5px; height: 31px; width: 138px; background: url(../images/bg-gyro-title.gif) no-repeat; text-indent: -9999em; z-index: 999; }
#header p.gyro-logo a { display: block; height: 42px; width: 138px; z-index: 999; }

#header p.date { position: relative; left: 265px; top: 0px; width: 500px; }
#header p.date strong { color: #555; }

#main { padding-left: 140px; }
#navigation { width: 160px; float: left; }
#content { width: 550px; float: left; }
#footer { clear: both; } 

#navigation ul li { margin-bottom: 6px; }
#navigation a { color: #555; font-size: 1.1em; font-weight: bold; text-decoration: none; } 
#navigation a:hover, #navigation a.current { color: #fc7311; }
.home #navigation a.home, .faqs #navigation a.faqs, .event #navigation a.event, .contact #navigation a.contact, .sportsaid #navigation a.sportsaid, .signup #navigation a.signup, .sponsorship #navigation a.sponsorship { color: #fc7311; }

p a.signup { display: block; height: 59px; width: 235px; background: url(../images/bt-signup.gif) no-repeat; text-indent: -9999em; }

#content ul.dates { list-style-type: none; padding: 0; }
#content ul.dates li { list-style-type: none; clear: both; }
#content ul.dates em { font-style: normal; width: 110px; float: left; }
#content ul.dates strong { width: 19em; float: left; }


.faqs h4 { cursor: pointer; }

#content.who { padding-bottom: 50px; }
.scott { width: 160px; float: right; }

#footer { padding-top: 50px; }
#footer .gyro-logo { position: relative; left: 140px; height: 23px; width: 125px; background: url(../images/logo-gyro.gif) no-repeat; text-indent: -9999em; }
#footer .sportsaid-logo { position: relative; left: 580px; top: -70px; height: 68px; width: 278px; background: url(../images/logo-sportsaid.gif) no-repeat; text-indent: -9999em; }
#footer .gyro-logo a { display: block; height: 23px; width: 125px;  }
#footer .sportsaid-logo a { display: block; height: 68px; width: 278px;  }

.contact #content form ul, #signup-form ul { list-style-type: none; padding: 0; }
.contact #content form ul li, #signup-form ul li { list-style-type: none; padding: 0; margin-bottom: 10px; }
.contact #content form ul li label, #signup-form ul li label { display: block; float: left; clear: left; width: 120px; }
.contact #content form ul li input, .contact #content form ul li textarea,
#signup-form ul li input, #signup-form ul li textarea {  width: 180px; border: 1px solid #999; font-family: inherit; font-size: inherit; color: inherit; }
.contact #content form ul li.submit input {  width: auto; margin-left: 120px; color: #333; }

.error { clear: both; color: #cc0000; }
.clearfix { clear: both; }

#content.who ul.logos { overflow: hidden; list-style-type: none; width: 550px; padding: 0;}
#content.who ul.logos li { display:inline; margin-right: 10px; list-style-type: none; vertical-align: middle; }

.attractor { background: url(../images/img-home-holmes.jpg) no-repeat; margin-left: 20px; width: 173px; padding: 0px 30px 30px 30px; float: right; }
.attractor p.link a { display: block; height: 235px; text-indent: -9999em; }