/* General content layout and styles */
#MainContent {
    float: left;
    width: 520px;
    overflow: hidden;
    border-bottom:solid 6px #ccc;
    margin-bottom:20px;
}
.wide #MainContent {
    margin-right: 20px;
    border-bottom:0;
}
.midContentWrapper {
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
    background: right url(../img/css/bg-additional-content.gif) repeat-y;
}
.midContentWrapper img.feature {
    margin-bottom: -3px;
}
.midImage {
    float: left;
    width: 360px;
    clear: left;
}
.midImage img {
    display: block;
}
.midAdditionalContent {
    width: 140px;
    float: left;
    /*padding: 15px 10px 0px; not enough bottom padding */
    padding: 15px 10px 10px 10px;
    font-size: 0.917em;
}
.midAdditionalContent h2 {
    font-size: 1.166em;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.midAdditionalContent ul {
    list-style: none;
    margin: 0 0 15px;
}
.midAdditionalContent ul li {
    margin: 0 0 5px 0;
    background: 0 20% url(../img/css/bg-square-blue.gif) no-repeat;
    padding-left: 12px;
}


.backLinkWrapper {
    float: left;
    clear: left;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 500px;
    background-color: #FFE900;
}
.backLink {
    float: left;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none;
    background: url( '../img/css/bg-arrow-left-big-black.gif' ) no-repeat left center;
}
.backLink:hover {
    text-decoration: underline;
}

.splitContentWrapper {
    float: right;
    margin-bottom: 20px;
    width: 520px;
}
.splitContentLeft {
    float: left;
    margin-right: 20px;
    width: 250px;
}
.splitContentRight {
    float: left;
    width: 250px;
}
.splitContentRight.promo {
    padding: 15px 10px;
    width: 230px;
    min-height: 145px;
    background-color: #FFE900;
}
.splitContentRight.promo h2 {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}
.splitContentRight.promo p {
    margin: 0 0 0.8em 0;
}
.splitContentRight.promo a {
    font-weight: normal;
}

.contentIntro {
    float: right;
    clear: both;
    margin: 0 0 15px 0;
    border-bottom: 6px solid #09f;
    width: 520px;
}
.contentIntro h3 {
    color: #09f;
    font-size: 1.4em;
}

div.directory {
    margin-bottom: 1.8em;
    padding-top: 2em;
    background: url( '../img/css/bg-dots-blue.gif' ) repeat-x top left;
}
div.directory.first {
    padding-top: 0;
    background-image: none;
}
div.directory ul {
    list-style-type: none;
}
div.directory a {
    color: #09f;
}

div.directory ul.relatedLinks li {
    margin-top: 0;
    margin-bottom: 0.5em;
}
ul.relatedLinks a {
    padding-left: 8px;
    color: #000;
    text-decoration: none;
    background: url( '../img/css/bg-arrow-right-big-blue.gif' ) no-repeat center left;
}
ul.relatedLinks a:hover {
    text-decoration: underline;
}

.contentWrapper {
    width: 340px;
    float: left;
    margin-bottom: 20px;
}

.contentWrapper ol li {
    margin-left:20px;
    
}
.contentWrapper ul li {
    list-style-type:disc;
    margin-left:20px;
}
.contentWrapperWide {
    padding-right: 30px;
    margin-bottom:20px;
}
.fullWidth {
    width: auto;
    float: none;
    margin-right: 30px !important;
}
.contentWrapper h1 {
    font-size: 1.5em;
    font-weight: normal;
    color: #666;
}

.contentWrapper h1.largeHeader {
    color: #000;
    font-size: 2.5em;
    font-weight: normal;
    margin-bottom: 20px;
}

.additionalContent {
    float: right;
    width: 160px;
    clear: right;
    background: #ffeb00;
    margin-bottom: 21px;
}
.additionalContent img {
    margin-bottom: -0.25em;
}
.contentWrapper img {
    margin-bottom: 20px;
}

/* Contact information: Based on standard vcard classes - see http://microformats.org/wiki/hcard#Sample_vCard */
.vcard .org, .vcard .email, .vcard a {
    font-weight: bold;
    color: #000;
}
.vcard .org, .vcard .email, .vcard .addr {
    padding: 0 0 5px 0;
}
.vcard .linked {
    cursor: pointer;
    text-decoration: underline;
}
.contactInfo .linked:hover {
    text-decoration: none;
}

/* Additional content module */
.additionalModule {
    background: #ffeb00;
    padding: 15px 10px 0;
    font-size: 0.917em;
}
.additionalModule h2 {
    font-size: 1.273em;
    font-weight: bold;
    color: #000;
    margin-bottom: 9px;
}

/* Micro feature */
.microFeature {
    background: #666;
    color: #fff;
    font-size: 0.9em;
}
.microFeature div {
    padding: 15px 10px 20px 10px;
}
.microFeature p {
    margin: 0;
}
.microFeature h3 {
    font-size: 1em;
    color: #fff;
    margin: 0 0 10px 0;
    font-weight: bold;
}
.microFeature a {
    margin: 0;
    display: block;
    padding: 5px 22px 5px 12px;
    text-decoration: none !important;
    background: #ffeb00 url(../img/css/bg-arrow-down-black-yell.gif) no-repeat 95% 50%;
}
.microFeature a:hover {
    text-decoration: underline !important;
}
.microFeature a.full {
    background-image: url(../img/css/bg-arrow-up-black-yell.gif);
}

/* News teaser */
.newsTeaser {
    font-weight: bold;
    font-size: 1.091em;
}
.tabs {
    padding-bottom: 0;
    background: bottom #09f url(../img/css/bg-tabs.gif) repeat-x;
}
.tabs h1,
div.tabs div.sectionHeader {
    margin-bottom:40px;
}
.tabsList a {
    text-decoration: none;
}
.tabsList a:hover {
    text-decoration: underline;
}
.tabsList a, .tabsList span {
    display: block;
    padding: 6px 10px;
    margin-right: 3px;
    background: bottom #000 url(../img/css/bg-tabs.gif) repeat-x;
}
.tabsList span {
    background: #fff;
    color: #0199ff;
    font-weight: bold;
}
.yellow .tabsList a {
    background-color: #ffea00;
    color: #000;
}
.yellow div.sectionHeader {
    margin-bottom: 23px;
}

/* Related content modules */
#RelatedContent {
    margin-left: 180px;
    width: 540px;
    margin-right: -40px;
    color: #666;
    clear:both;
}
.wide #RelatedContent {
    margin-left: 0;
    width: 160px;
    overflow: hidden;
    clear:none;
}
#RelatedContent div.module {
    float: left;
    margin: 0 20px 0 0;
    background: #eee;
    width: 160px;
    padding-bottom: 5px;
}
.wide #RelatedContent div.module {
    margin-bottom: 20px;
}
#RelatedContent h2 {
    display: block;
    margin: 0 0 5px 0;
    padding: 7px 10px 5px 15px;
    background: #666;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}
#RelatedContent h3 {
    display: block;
    margin: 0;
    padding: 15px 10px 5px 15px;
    color: #333;
    font-weight: bold;
    font-size: 1em;
    background: url(../img/css/bg-dots-gray.gif) repeat-x 0 5px;
}

#RelatedContent .story h3 {
    background-image: none;
}
#RelatedContent .story {
    border-bottom: 3px solid #c0c0c0;
}

#RelatedContent ul {
    display: block;
    padding: 5px 0;
    font-size: 0.916em;
    list-style: none;
    margin: 0 0 -10px 0;
}
#RelatedContent ul.more {
    padding-top: 15px;
    background: url(../img/css/bg-dots-gray.gif) repeat-x 0 5px;
}
#RelatedContent li {
    display: block;
    padding: 0 10px 10px 15px;
    list-style: none;
    background: url(../img/css/bg-arrow-right-blue.gif) no-repeat 7px 5px;
    margin: 0;
}
#RelatedContent ul.more, #RelatedContent ul.summary {
    margin-bottom: 0;
}
#RelatedContent ul.more li, #RelatedContent ul.summary li {
    padding-bottom: 0;
}
#RelatedContent a {
    font-weight: bold;
    color: #666;
}
#RelatedContent .rss li {
    background-image: none;
}
#RelatedContent .rss li a {
    padding-left: 20px;
    padding-top: 1px;
    padding-bottom: 5px;
    background: transparent url(../img/css/bg-rss.gif) no-repeat 0pt 1px;
}
#RelatedContent div.module p {
    padding: 5px 0;
    margin: 0 15px;
    font-size: 0.916em;
}

#RelatedContent a:active, #RelatedContent a:focus {
    background: white !important;
}

/* Brand launch module */
.brand {
    padding-bottom: 10px !important;
    border-bottom: 3px solid #c1c0c0;
}
.brand a, .brand p {
    margin: 0 10px 0 15px;
    font-size: 0.916em;
    display: block;
}
.brand p a {
    font-size: 1em;
    display: inline;
    margin: 0;
}
.brand h2 {
    padding: 0 !important;
    background: #eee !important;
    margin: 0 10px 7px 15px !important;
    color: #333 !important;
}
.brand img {
    margin-bottom: 10px;
}

/* Tables */
table.data td, table.data th {
    vertical-align: top;
    width: 240px;
}
#JobsTable .title {
    padding-right: 20px;
    font-weight: bold;
    width: 130px;
}
table.data .title a {
    color: #09f;
}
#JobsTable .date {
    padding-left: 20px;
    font-weight: bold;
    width: 110px;
}

#FutureOpportunitiesSearchResultsTable th {
    padding-top:10px;
    vertical-align:bottom;
    font-size:0.917em;
}

#FutureOpportunitiesSearchResultsTable td {
    padding-bottom:20px;
}

#FutureOpportunitiesSearchResultsTable .category {
    width:80px;
    padding-right:10px;
}

#FutureOpportunitiesSearchResultsTable .contractRef {
    width:135px;
    padding-right:10px;
}

#FutureOpportunitiesSearchResultsTable .title {
    width:160px;
    padding-right:20px;
}
#FutureOpportunitiesSearchResultsTable .startDate {
    width:105px;
}

.futureOpportunityDetails {
    border-top: 4px solid #DF0094;
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}

.futureOpportunityDescription {
    border-top: 1px dotted #DF0094;
}

.futureOpportunityDetails dt, .futureOpportunityDetails dd {
    float: left;
    margin-top: 20px;
}

.futureOpportunityDetails dt {
    font-weight: bold;
    color: #666;
    
    width: 160px;
    margin-right: 20px;
    
    clear: left;
    
    text-align: right;
}

.futureOpportunityDetails dd {
    width: 300px;
}

/* Sports and Venues */
.venueAtAGlance h2 {
    margin: 0 0 5px 0;
    color: #000;
    font-size: 1.273em;
    font-weight: bold;
}
.venueAtAGlance p {
    margin: 6px 0;
}
.extraInfo {
    padding-top: 1px;
    background: url(../img/css/bg-dots-gray.gif) repeat-x top left;
    padding-bottom: 6px;
}


/* Timeline features */

.timeHeading {
    margin: 0;
}
.timeFeatureContent {
    margin: 0 8px 8px;
    list-style: none;
    background: #fff;
    padding: 20px 5px 5px 10px;
}
.timeFeatureContent li, .timeFeatureContent p {
    margin: 0;
}
.timeFeatureContent p {
    font-size: 0.916em;
    margin: 5px 0 !important;
}
.timeFeatureContent li {
    margin-bottom: 15px !important;
}
.timeFeatureContent a {
    color: #0199ff;
}

/* Image gallery */
.imageGallery span {
    display: block;
    padding: 7px 11px;
    float:left;
}
a.iconLaunch {
    padding-right: 19px;
    background: url(http://www.london2012.com/img/css/icon-launch.png) no-repeat center right;
    float:left;
}

ul.gallery {
    margin-bottom: 0;
    list-style:none;
}
ul.gallery li {
    padding-top: 20px;
    padding-bottom: 1px;
    background: url( '../img/css/bg-dots-gray.gif' ) repeat-x top left;
    margin-left:0;
}
ul.gallery li.first {
    padding-top: 0;
    background-image: none;
}

/*  Two column form */
.twoColForm {
    clear: both;
    width: 520px;
    margin-bottom: 20px;
}
.twoColForm input.text {
    border: 1px solid #adaeb0;
    width: 210px;
}
.twoColForm label input.text {
    margin-left: 1.8em;
    width: 160px;
}
.twoColForm label.radio input {
    padding: 0;
    margin: 0;
    width: 1.3em;
    margin-right: 0.416em;
}
.twoColForm form, .twoColForm p, .twoColForm div {
    margin: 0;
}
.twoColForm form.formFooter {
    margin-bottom: 5px;
}
.twoColForm div, .twoColForm .formHeader, .twoColForm .formFooter {
    background: #ffeb00;
    padding: 10px 15px;
    font-weight: bold;
}
.twoColForm label span {
    position: absolute;
    left: -999em;
}
.twoColForm dl {
    background: #f4f4f4 bottom url(../img/css/bck-leftnav-hash.gif) repeat-x;
    width: 520px;
    overflow: hidden;
    font-size: 0.916em;
    padding: 10px 0;
}
.twoColForm dl.last {
    background-image: none;
}
.twoColForm dt {
    width: 180px;
    float: left;
    clear: left;
    text-align: right;
}
.twoColForm dt label, .twoColForm dt span, .twoColForm dd span {
    padding: 10px 20px 10px 0;
    display: block;
}
.twoColForm dd label {
    display: block;
    margin-bottom: 5px;
}
.twoColForm dd {
    width: 340px;
    float: left;
}
.twoColForm dt {
    font-weight: bold;
}
.twoColForm a {
    color: #0099ff;
    font-size: 0.916em;
}
/* In this section features */
ol.inThisSection {
    list-style: none;
}
ol.inThisSection li {
    float: left;
    width: 160px;
    margin-right: 20px;
    position: relative;
}
.inThisSection {
    clear: both;
    min-width: 540px;
    overflow: hidden;
    border-top: solid 5px #09f;
    padding-top: 10px;
    margin: 40px -20px 10px 0;
}

.inThisSection h2 {
    margin-bottom: 15px;
}

.inThisSection div.module {
    float: left;
    width: 160px;
    margin-right: 20px;
    position: relative;
}
.inThisSection div.last {
    margin-right: 0;
}
.inThisSection img {
    margin-bottom: 11px;
}
.inThisSection p {
    margin-bottom: 0.667em;
}

.inThisSection p a {
    color: #09f;
    font-size: 1.091em;
}

.inThisSection h3 {
    margin:0;
    font-size:1.167em;
    
}
.inThisSection p.about {
    margin-top:0;
}

.inThisSection ul {
    list-style:none;
    margin-top:0;
    margin-bottom:20px;
    overflow:hidden;
}
.inThisSection ul li {
    margin:0 0 0.5em;;
}
.inThisSection ul li a {
    font-weight:normal;
}

div.inThisSectionExtra {
    margin-top: 0;
    border-top-style: dotted;
    border-top-width: 1px;
    padding-top: 20px;
}
div.imageLibrary {
    border-top:0;
}
div.imageLibrary img {
    margin-bottom:5px;
}
div.imageLibrary p a {
    font-size:1em;
}
div.imageLibrary div.clear {
    margin-bottom:10px;
}

/* Time Line Arrows */
div.timeLineArrow {
    position: absolute;
    left: -28px;
    top: 41px;
    background: url(../img/css/timeline-arrow.png) no-repeat top left transparent;
    width: 36px;
    height: 36px;
}
.tabsList div.timeLineArrow {
    background-image: url(../img/css/timeline-arrow-small.png);
    top: 5px;
    left: -10px;
    width: 17px;
    height: 17px;
}

/* Image Gallery */
div.imageGalleryOverlay {
    background: url(../img/css/lightbox.png);
    width: 100%;
    min-width: 768px;
    position: absolute;
    top: 0;
    left: 0;
}
div.imageGalleryBoxContainer {
    position: absolute;
    top: 200px;
}
div#ImageGalleryBox {
    background: url(../img/css/lightboxleftshadow.png) left top no-repeat;
    padding-left: 7px;
    width: 340px;
}
div.imageGalleryBoxContainer div.shadowCorner {
    background: url(../img/css/lightboxcornershadow.png) right top no-repeat;
    width: 7px;
    height: 10px;
    float: left;
}
div.imageGalleryBoxContainer div.shadowBottom {
    background: url(../img/css/lightboxbottomshadow.png) right bottom no-repeat;
    width: 340px;
    height: 10px;
    float: left;
}
div#ImageGalleryBox div.gallery {
    overflow: hidden;
}
div#ImageGalleryBox div.imgbg {
    background-color: #757575;
}
div#ImageGalleryBox div.navigation {
    background-color: #757575;
    padding: 0 10px;
    clear: both;
    text-align: center;
    position: relative;
    line-height: 2em;
    color: White;
    font-weight: bold;
    width: 320px;
}
div#ImageGalleryBox div.navigation a {
    color: White;
    text-decoration: none;
    position: absolute;
    top: 0;
    display: none;
}
div#ImageGalleryBox div.navigation a:hover {
    text-decoration: underline;
}
div#ImageGalleryBox div.navigation a.previous {
    background: url(../img/css/bg-arrow-left-white.gif) left center no-repeat;
    padding-left: 11px;
    left: 10px;
}
div#ImageGalleryBox div.navigation a.next {
    background: url(../img/css/bg-arrow-right-mid-white.gif) right center no-repeat;
    padding-right: 11px;
    right: 10px;
}
div#ImageGalleryBox div.imageInfo {
    background: #757575;
    padding: 0 10px;
    clear: both;
}
div#ImageGalleryBox div.imageInfo p {
    padding: 0.5em 0;
    margin: 0;
    border-top: dotted 1px white;
    color: White;
    font-size: 0.917em;
}
div#ImageGalleryBox div.info {
    background: #FFE900;
    float: left;
    width: 340px;
}
div#ImageGalleryBox div.info p {
    font-size: 0.917em;
    font-weight: bold;
    margin: 0 0 0 10px;
    line-height: 2em;
    float: left;
    display: inline;
}
div#ImageGalleryBox div.info a {
    float: right;
    font-size: 0.917em;
    font-weight: bold;
    margin: 0 10px 0 0;
    line-height: 2em;
    background: url(../img/css/closegallery.gif) right center no-repeat;
    padding-right: 15px;
}
div.newsArticles {
    clear:both;
}
div.newsArticles ul.articles {
    list-style:none;
    border-bottom:solid 3px #ccc;
}
div.newsArticles ul.articles strong {
    display:block;
}
div.newsArticles ul.articles span {
    display:block;
}

div.contentWrapper ul.publications li {
    list-style:none;
    margin-left:0;
}
div.contentWrapper ul.publications li p {
    margin-bottom:0;
}
.eventsListing h3 {
    margin-bottom:0;
    margin-top:15px;
}
.eventsListing p {
    margin-bottom:1em;
}
.eventsListing p a {
    font-size:0.917em;
}
.eventsListing p.more {
    margin-top:15px;
}
.eventsListing p.more a {
    font-size:1em;
    background:url(../img/css/bg-arrow-right-big-black.gif) right center no-repeat;
    padding-right:13px;
    text-decoration:none;
}
.eventsListing p.more a:hover {
    text-decoration:underline;
}
p.imageLibrary a {
    color:#09f;
    text-decoration:none;
}
p.imageLibrary a:hover {
    text-decoration:underline;
}
p.imageLibrary a.prev {
    float:left;
    background:url(../img/css/bg-arrow-left-big-blue.gif) left center no-repeat;
    padding-left:13px;
}
p.imageLibrary a.next {
    float:right;
    background:url(../img/css/bg-arrow-right-big-blue.gif) right center no-repeat;
    padding-right:13px;
}

/* Sponsorship */
div.partnerList { float:left ; clear:left ; padding-top:10px ; width:520px }
div.partnerList ul { float:left ; margin:0 ; border-top:1px solid #09f ; padding: 50px 0 ; width:520px ; list-style-type:none ; }
div.partnerList li { float:left ; margin:0 0 25px 0 ; padding:0 ; width:172px ; list-style-type:none ; }
div.partnerList li.centre { margin-left:172px ; display:inline ;}
div.partnerList li img { margin:0 ; }

div.forceSpace { width:160px ; }

a.BackToEventSearch {
    background:transparent url(../img/css/bg-back-top-pink.gif) no-repeat scroll 3px;
    clear:both;
    float:left;
    font-weight:bold;
    padding-left:16px;
}
a.BackToIndex {
    background:transparent url(../img/css/bg-back-top-blue.gif) no-repeat scroll 3px;
    clear:both;
    float:left;
    font-weight:bold;
    padding-left:16px;
}