body { background: #e8e8e8; margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #565656; font-size: 0.7em; line-height: 1em; font-weight: normal; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; display: block; font-weight: normal; line-height: 1.3em; }
h1, h3, h4, h5, h6 { font-family: Georgia, Times, "Times New Roman", serif; }
p { padding-bottom: 0.2em; }
ul, ol, li { margin: 0; padding: 0; }
h1 { font-size: 3.2em; font-weight: bold; }
h2 { font-size: 1em; }
h3 { font-size: 1.8em; letter-spacing: 1px; }
h4 { font-size: 1.4em; letter-spacing: 1px; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
a { color: #78a542; background-color: #ffffff; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin-top: 20px; }
li { list-style-type: none; }
div#OuterContainer { width: 930px; background-color: #ffffff; border-right: 15px solid #d5d5d5; border-bottom: 15px solid #d5d5d5; border-left: 15px solid #d5d5d5; margin-left: auto; margin-right: auto; padding-top: 15px; }
div#InnerContainer { width: 900px; background-color: #ffffff; margin-right: 15px; margin-bottom: 5px; margin-left: 15px; }
div#SkipLinks { font-size: 0.9em; text-align: right; margin-top: 0.6em; }
div#SkipLinks A { color: #565656; background-color: #ffffff; }
div#SkipLinks A:hover { text-decoration: underline; }

div#MainNav { width: 540px; float: right; margin-top: 3.9em; }
div#MainNav li { float: left; font-size: 0.85em; text-transform: uppercase; letter-spacing: 2px; margin-left: 1.7em; font-family: Georgia, Times, "Times New Roman", serif;}
div#MainNav li.first { margin-left: 0; }
div#MainNav li a { font-weight: bold; padding-bottom: 10px; margin-bottom: 5px; display: inline-block; }
div#MainNav li a:hover { border-bottom: 5px solid #78a542; margin-bottom: 0; text-decoration: none; }
div#MainNav.ZoneA li#ZoneA a, div#MainNav.ZoneB li#ZoneB a, div#MainNav.ZoneC li#ZoneC a, div#MainNav.ZoneD li#ZoneD a, div#MainNav.ZoneE li#ZoneE a { border-bottom: 5px solid #78a542; margin-bottom: 0; }

div#SponsoredFootball { float: left; width: 300px; margin-top: 0; margin-left: 30px; margin-bottom: 0px; height: 392px; display:inline; font-size: 0.9em; color: #565656; }
div#SponsoredFootball span { width: 230px; margin-top: 0px; font-size: 0.9em; color: #565656; font-style: italic; text-align: center; display: inline-block; padding-top: 2em; }
div.AltText { width: 240px; height: 169px; text-align: center; padding: 103px 30px 30px 30px; }

div#SiteIntro { float: right; width: 570px; margin-top: 0px; margin-left: 30px; margin-right: -30px; display:inline; background: url("/images/hp-james.png") no-repeat right 1em; }
div#SiteIntro h1 { margin-top: 2.25em; }
div#SiteIntro h2 { margin-top: 1.6em; font-size: 1.1em; letter-spacing: 0px; line-height: 1.46em; }
div#SiteIntro h2 span { background-color: #ffffff; }


div#Logo { float: left; margin-left: 30px; margin-top: 0.8em; display: block; width: 150px; height: 70px; }
div#Logo a { display: block; width:100%; height:100%; background: none; padding: 0; margin: 0; background: url(/js-css/assets/london-dribblethon-logo-sprite.png) no-repeat 0 0; }
div#Logo a:hover { background-position: bottom center; }

div#SideNav { float: left; display: block; width: 315px; margin-top: 0; padding-top: 155px; padding-bottom: 100px; margin-left: 0; text-align: right; font-size: 1.1em; }
div#SideNav.ZoneA { background: url("/images/snbg-james.jpg") no-repeat top right; }
div#SideNav.RH { background: url("/images/snbg-rh3.jpg") no-repeat top right; }
div#SideNav.FG { background: url("/images/snbg-michelle.jpg") no-repeat top right; }
div#SideNav.ZoneB { background: url("/images/snbg-chris.jpg") no-repeat top right; }
div#SideNav.ZoneC { background: url("/images/snbg-rh1.jpg") no-repeat top right; }
div#SideNav.ZoneD { background: url("/images/snbg-rh2.jpg") no-repeat top right; }
div#SideNav.ZoneE { background: url("/images/snbg-ball.jpg") no-repeat top right; }
div#SideNav h5 { margin-right: 30px; margin-left: 30px; margin-bottom: 0.5em; text-transform: uppercase; display: block; padding: 0.1em 3px 0.1em 0.2em; line-height: 1.4em; background-color: #ffffff; font-weight: bold; border-bottom: 2px solid #565656; }
div#SideNav h5.first { margin-top: 0; }
div#SideNav ul { margin-top: 0; margin-bottom: 3em; }
div#SideNav ul li { margin-bottom: 0.3em; }

div#SideNav a { margin-right: 30px; margin-left: 30px; background-color: #e0fee0; color: #78a542; border: 2px solid #e0fee0; padding: 0.3em 3px 0.3em 0.3em; line-height: 1.4em; display: inline-block; font-size: 0.9em; }
div#SideNav a .EventName { background-color: #e0fee0; color: #78a542; }
div#SideNav a .EventName em { background-color: #e0fee0; color: #78a542; }
div#SideNav a:hover { background: #ffffff; color: #78a542; border-color: #ffffff; }
div#SideNav a:hover .EventName { background: #ffffff; color: #78a542; }
div#SideNav a:hover .EventName em { background: #ffffff; color: #015901; }
div#SideNav a.Ext { background: #e0fee0; }
div#SideNav a.Ext:hover { margin-right: 0; padding: 0.3em 33px 0.3em 0.3em; background: url("/images/link-ext.gif") top right no-repeat #ffffff; color: #78a542; border-color: #ffffff; }
div#SideNav a#ActivePage { background: #e0fee0; border: 2px solid #78a542; color: #78a542; }
div#SideNav a#ActivePage .EventName { background: #e0fee0; color: #78a542; }
div#SideNav a#ActivePage .EventName em { background: #e0fee0; color: #78a542; }


div#PageCopy { float: left; width: 540px; margin-top: 7.7em; margin-left: 45px; display: block; }
div#PageCopy h1 { font-size: 2.5em; margin-bottom: 0.6em; }
div#PageCopy h1.RH { margin-bottom: 0.3em; }
div#PageCopy h1 a img { display: block; }
div#PageCopy h3, div#PageCopyThin h3 { margin-top: 1.4em; }
div#PageCopy h4, div#PageCopyThin h4 { margin-top: 0em; }
div#PageCopy h5, div#PageCopyThin h5 { margin-top: 1em; }
div#PageCopy p, div#PageCopyThin p { margin-top: 1.4em; line-height: 1.61em; }
div#PageCopy p.note { margin-top: 1.7em; line-height: 1.775em; }
div#PageCopy p.thin { width: 315px; }
div#PageCopy p.first, div#PageCopyThin p.first { margin-top: 0; }
div#PageCopy a:hover, div#PageCopyThin a:hover { text-decoration: underline; }
div#PageCopy h2, div#PageCopyThin h2 { margin-top: 0.95em; font-size: 1.1em; letter-spacing: 0px; line-height: 1.45em; margin-bottom: 1.5em; }
div#PageCopy span.SponsorTel { font-weight: bold; letter-spacing: 1px; margin-top: 0.1em; margin-bottom: 1.95em; display: block; }
div#PageCopy span.SponsorLinks a { font-weight: bold; }
div#PageCopy div.SponsorInfo { border-bottom: 2px dotted #a3c5ff; padding-bottom: 1.4em; margin-top: 1.4em; }
div#PageCopy span.Role { font-weight: bold; letter-spacing: 1px; margin-top: 0.1em; margin-bottom: 1.95em; display: block; }
div#PageCopy span.ProfileLinks a { font-weight: bold; }
div#PageCopy div.Profile { border-bottom: 2px dotted #a3c5ff; padding-bottom: 1.4em; margin-top: 1.4em; }
div#PageCopy ol { margin-left: 20px; margin-top: 10px; margin-bottom: 20px; }
div#PageCopy ol li { list-style-type: decimal; }

div#PageCopyThin { float: left; width: 315px; margin-top: 0.2em; margin-left: 45px; display:inline; }
div#PageCopyThin h2.first { margin-top: 0; }



div#ContextNav { float: left; width: 195px; margin-left: 30px; margin-top: 0.2em; }
div#ContextNav div#FeedQuote.ContextNavBox { margin-top: 3px; margin-left: 0; margin-right: 0; background-color: #e0fee0; padding-top: 20px; padding-bottom: 20px; }
div#ContextNav div#FeedQuote.ContextNavBox h4 { margin-left: 15px; margin-right: 15px; }
div#ContextNav div#FeedQuote.ContextNavBox cite { margin-left: 15px; margin-right: 15px; }
div#ContextNav div#FeedQuote.ContextNavBox blockquote { margin-top: 5px; margin-left: 15px; margin-right: 15px; background: url("/images/quote-open_sml.gif") top left no-repeat; }
div#ContextNav div#FeedQuote.ContextNavBox blockquote p { margin-top: 0; padding-top: 7px; padding-bottom: 10px; margin-left: 20px; margin-right: 0; padding-right: 20px; background: url("/images/quote-close_sml.gif") bottom right no-repeat; }


div#ContextNav div.ContextNavBox { margin-top: 30px; margin-right: 15px; margin-left: 15px; }
div#ContextNav div.ContextNavBox p { margin-top: 1em; }
div#ContextNav div.ContextNavBox a { font-size: 1.1em; margin-top: 1em; display: block; }
div#ContextNav div#FeedQuote a { display: inline; background-color: #e0fee0; }
div#ContextNav div.ContextNavBox a.Emb { font-size: 100%; display: inline; padding-bottom: 0; margin: 0; }
div#ContextNav div.ContextNavBox ul { padding-left: 39px; }
div#ContextNav div.ContextNavBox li { padding-left: 5px; line-height: 1.3em; }
div#ContextNav div.ContextNavBox ul a { font-size: 100%; display: inline; }
div#ContextNav div.ContextNavBox li#Blogger { list-style-image: url("/images/icon-blogger.gif"); list-style-position: outside; }
div#ContextNav div.ContextNavBox li#Twitter { list-style-image: url("/images/icon-twitter.gif"); list-style-position: outside; }
div#ContextNav div.ContextNavBox li#Facebook { list-style-image: url("/images/icon-facebook.gif"); list-style-position: outside; }
div#ContextNav div.ContextNavBox ul#RecentPosts { padding-left: 0; }
div#ContextNav div.ContextNavBox ul#RecentPosts li { padding-left: 0; line-height: 1.3em; }

div#LeaderBar { float: left; width: 100%; background: url("/images/chris-holding-ball.gif") #e0fee0 no-repeat 465px bottom; margin-top: 0px; }
div#LeaderBar div p { margin-top: 1.2em; line-height: 1.6em; }
div#LeaderBar a { font-size: 110%; background-color: #e0fee0; display: inline-block; padding-bottom: 0.1em; line-height: 1.2em; }
div#LeaderBar a:hover { text-decoration: underline; }
div#LeaderBar a.Emb { font-size: 100%; display: inline; padding-bottom: 0; margin: 0; }
div#LeaderBar a.ImgLnkRight { float: right; }
div#LeaderBar ul { padding-left: 29px; margin-top: 1.2em; }
div#LeaderBar li { padding-left: 5px; line-height: 1.2em; }
div#LeaderBar ul a { font-size: 100%; display: inline; padding-bottom: 0; line-height: 1.2em; }
div#LeaderBar li#Blog { list-style-image: url("/images/icon-blogger.gif"); list-style-position: outside; }
div#LeaderBar li#Twitter { list-style-image: url("/images/icon-twitter.gif"); list-style-position: outside; }
div#LeaderBar li#Facebook { list-style-image: url("/images/icon-facebook.gif"); list-style-position: outside; }

div#ColA { float: left; width: 315px; display:inline; background: url(/js-css/assets/blc_30_e0fee0_ffffff.gif) no-repeat bottom left; padding-bottom: 24px; }
div#ColA p, div#ColA a { margin-left: 30px; }
div#ColA h3 { padding-top: 0.75em; padding-left: 30px; background: url(/js-css/assets/tlc_30_e0fee0_ffffff.gif) no-repeat top left; }
div#ColA a { margin-top: 0em; }
div#ColB { float: left; width: 225px; margin-top: 1.3em; margin-left: 45px; display:inline; }
div#ColB a { margin-top: 1.8em; }
div#ColB ul a { margin-top: 0; }
div#ColC { float: right; width: 270px; margin-left: 45px; display:inline; background: url(/js-css/assets/brc_30_e0fee0_ffffff.gif) no-repeat bottom right; padding-bottom: 23px; }
div#ColC p, div#ColC a { padding-right: 30px; }
div#ColC h3 { padding-top: 0.75em; background: url(/js-css/assets/trc_30_e0fee0_ffffff.gif) no-repeat top right; }
div#ColC h4 { margin-top: 18px; margin-bottom: 0.3em; }
div#ColC a#PopupLink { padding: 0; }
div#ColC a img { display: block; }

div#Footer { width: 960px; background-color: #acacac; margin-left: auto; margin-right: auto; padding-top: 2em; padding-bottom: 2em; color: #ffffff; font-weight: bold; }
div#Footer a { color: #ffffff; background-color: #acacac; line-height: 1.1em }
div#Footer a:hover { text-decoration: underline; }
div#Copyright { float: left; width: 60%; margin-left: 60px; display:inline; }
div#Credits { float: right; width: 25%; margin-right: 60px; display:inline; text-align: right; }
div.HeightFix { clear: both; }
.EventName { color: #78a542; background-color: #ffffff; }
.EventName em { color: #015901; background-color: #ffffff; }
div#LeaderBar .EventName { background-color: #e0fee0; }
div#LeaderBar .EventName em {  background-color: #e0fee0; }
.EventLocation { text-transform: uppercase; }
h1 .EventName { letter-spacing: 3px; font-family: "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; }
.EventDate { font-size: 1.1em; font-weight: bold; color: #a3c5ff; line-height: 0.7em; letter-spacing: 1px; }
.PageStrap { font-size: 1.1em; font-weight: bold; color: #a3c5ff; line-height: 1.4em; font-style: italic; margin-bottom: 0.6em; display: inline-block; }
a.PrimaryCTA { display: inline-block; font-size: 1.3em; padding-bottom: 0.2em; letter-spacing: 1px; margin-top: 1.4em; margin-bottom: 1.3em; font-weight: bold; }
.Ext { padding-right: 30px; background: none; }
.Ext:hover { background: url("/images/link-ext.gif") top right no-repeat; }
img.ImgRight { float: right; }
.FGLogo { margin-top: 0em; }

blockquote { text-align: center; margin-top: 2.6em; margin-bottom:0; }
cite { display: block; text-align: right; margin-top: 0.1em; margin-bottom: 1.9em; font-weight: bold; }

a.NoHref { color: #565656; }
a.NoHref:hover { text-decoration: none; }
div#PageCopy a.NoHref:hover { text-decoration: none; }
div#Footer a.NoHref:hover { text-decoration: none; }
a img { display: inline; border: none; }
.note { font-size: smaller; }
.Underline { text-decoration: underline; }

input, fieldset, legend { margin: 0; padding: 0; }
.Btn { padding: 0.1em 0.2em; color: #015901; }

fieldset { margin-top: 2em; padding: 1em; }
legend { padding: 0.2em; font-size: 1.4em; letter-spacing: 1px; color: #78a542; }
label { font-size: 1.2em; display: inline-block; margin-bottom: 0.3em; margin-left: 1em; }
input { color: #78a542; font-size: 1.5em; background-color: #e0fee0; }
textarea { color: #78a542; background-color: #e0fee0; font-size: 1.5em; font-family: Verdana, Geneva, Tahoma, sans-serif; }
.FrmBusName { width: 23em; }
.FrmFullName { width: 24.3em; }
.FrmSingleName { width: 9.7em; }
.FrmTel { width: 9.5em; }
.FrmEmail { width: 14.05em; }
.FrmURL { width: 25.45em; }
.FrmMemo { margin-left: 1em; width: 28.5em; }
.FieldError { color: #015901; background-color: #fff2f0; border: 2px solid #ff0000; font-weight: bold; }
.ErrorsSummary { color: #ff0000; }
.ErrorMsg { padding-left: 1.5em; color: #ff0000; }