* {margin: 0; padding: 0;}
body {font-size: 12px; font-family: Verdana, Arial, Sans-Serif; }

.main {width: 970px; margin: 0 auto 20px auto;}

.top_strip {width: 100%; height: 34px; background-image: url(../Image/top_strip.jpg)}
.top_strip_others {width: 100%; height: 20px; background-image: url(../Image/top_strip_others.jpg)}
.top_strip_gap {width: 100%; height: 2px; padding: 0px; margin: 0px;}
.top_banner {width: 100%;}

/* main landing page */
.content {padding: 20px 20px 20px 20px; background-color: #ccc; color: #000;}
    .content .who_is_neal_bates h1 {width: 180px; height: 26px; background: url(../Image/Title/latest_news.jpg) no-repeat;}
    .content .who_is_neal_bates div {padding: 25px 10px 20px 10px; line-height: 17px; display: inline-block;}
    
    
    .content .whats_new {float: left;}
        .content .whats_new table {list-style: none; border: 0px; border-collapse: collapse;}
        .content .whats_new table tr.top td.left {width: 7px; height: 7px; background: url(../Image/round_edge_top_left.jpg) no-repeat;}
        .content .whats_new table tr.top td.middle {height: 7px; background-image: url(../Image/table_border_top.jpg);}
        .content .whats_new table tr.top td.right {width: 7px; height: 7px; background: url(../Image/round_edge_top_right.jpg) no-repeat;}
        .content .whats_new table tr.content td.left {width: 7px; height: 143px; background: url(../Image/table_border_left.jpg);}
        .content .whats_new table tr.content td.middle {width: 420px; height: 7px; background-color: #fff; vertical-align: top; padding: 10px; line-height: 17px;}
        /* title image */
        .content .whats_new table tr.content td.middle h1 {width: 100px; height: 14px; background: url(../Image/Title/next_event.jpg) no-repeat; padding-bottom: 10px;}
        /* contents */
        .content .whats_new table tr.content td.middle div {color: #000;}
        .content .whats_new table tr.content td.right {width: 7px; height: 7px; background-image: url(../Image/table_border_right.jpg);}
        .content .whats_new table tr.bottom td.left {width: 7px; height: 7px; background: url(../Image/round_edge_bottom_left.jpg) no-repeat;}
        .content .whats_new table tr.bottom td.middle {height: 7px; background-image: url(../Image/table_border_bottom.jpg);}
        .content .whats_new table tr.bottom td.right {width: 7px; height: 7px; background: url(../Image/round_edge_bottom_right.jpg) no-repeat;}
    
    
    .content .partners {float: right;}
        .content .partners table {list-style: none; border: 0px; border-collapse: collapse;}
        .content .partners table tr.top td.left {width: 7px; height: 7px; background: url(../Image/round_edge_top_left.jpg) no-repeat;}
        .content .partners table tr.top td.middle {height: 7px; background-image: url(../Image/table_border_top.jpg);}
        .content .partners table tr.top td.right {width: 7px; height: 7px; background: url(../Image/round_edge_top_right.jpg) no-repeat;}
        .content .partners table tr.content td.left {width: 7px; height: 140px; background: url(../Image/table_border_left.jpg);}
        .content .partners table tr.content td.middle {width: 420px; height: 7px; background-color: #fff; vertical-align: top; padding: 10px;}
        /* title image */
        .content .partners table tr.content td.middle h1 {width: 65px; height: 14px; background: url(../Image/Title/partners.jpg) no-repeat; padding-bottom: 10px;}
        /* contents */
        .content .partners table tr.content td.middle div {color: #000;}
        .content .partners table tr.content td.right {width: 7px; height: 7px; background-image: url(../Image/table_border_right.jpg);}
        .content .partners table tr.bottom td.left {width: 7px; height: 7px; background: url(../Image/round_edge_bottom_left.jpg) no-repeat;}
        .content .partners table tr.bottom td.middle {height: 7px; background-image: url(../Image/table_border_bottom.jpg);}
        .content .partners table tr.bottom td.right {width: 7px; height: 7px; background: url(../Image/round_edge_bottom_right.jpg) no-repeat;}
        
    .bottom_menu {clear: both; width: 100%; height: 26px; padding-top: 50px;}
        .bottom_menu ul {list-style: none; padding-top: 5px;}
        .bottom_menu ul li {float: left;}        

/* other pages */
.p {line-height: 15px; padding-bottom: 10px;}

.content_others {padding: 20px 40px 20px 40px; background-color: #ccc; color: #000;}
.content_others h2 {display: inline-block; color: #cc0000; font-size: 12px; padding: 10px 0 10px 0; text-transform: uppercase;}

    .content_others .title_news h1 {width: 120px; height: 25px; padding-bottom: 20px; background: url(../Image/Title/news.jpg) no-repeat;}
    .content_others .title_events h1 {width: 120px; height: 25px; padding-bottom: 20px; background: url(../Image/Title/events.jpg) no-repeat;}
    .content_others .title_nealbates_automotive h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/neal_bates.jpg) no-repeat;}
    .content_others .title_nealbates_motorsport h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/motorsport.jpg) no-repeat;}
    .content_others .title_about h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/about.jpg) no-repeat;}
    .content_others .title_contact h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/contact.jpg) no-repeat;}
    .content_others .title_sponsorship h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/sponsorship.jpg) no-repeat;}
    .content_others .title_ride_days h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/ride_days.jpg) no-repeat;}
    .content_others .title_media h1 {width: 480px; height: 35px; padding-bottom: 20px; background: url(../Image/Title/media.jpg) no-repeat;}
    .content_others .title_terms_of_use h1 {width: 480px; height: 35px; padding-bottom: 20px; font-size: 26px;}
    
    .content_others .title_contact ul.enquiry {padding-bottom: 20px; list-style: none;}
    
    .content_others .events_calendar {margin-top: 20px; clear: both;}
    .content_others .events_calendar ul {clear: both; list-style: none; width: 100%;}
    .content_others .events_calendar li {float: left; padding: 5px; margin: 0px; border: solid 1px #ccc; border-collapse: collapse;}
    .content_others .events_calendar li.h {background-color: #999;}
    .content_others .events_calendar li.date {width: 25%;}
    .content_others .events_calendar li.event {width: 39%;}
    .content_others .events_calendar li.location {width: 10%;}
    .content_others .events_calendar li.result {width: 20%;}
    .content_others .events_calendar li.bottom_line {width: 100%; line-height: 0px; background-color: #999; height: 1px; padding: 0px; margin: 0px;}
    
    .content_others .events_calendar_comments {clear: both; padding-top: 10px; font-size: 11px;}
    

    .content_others .events_championship {clear: both;}
    .content_others .events_championship ul {clear: both; list-style: none; width: 100%;}
    .content_others .events_championship li {float: left; padding: 5px; margin: 0px; border: solid 1px #ccc; border-collapse: collapse;}
    .content_others .events_championship li.h {background-color: #999;}
    .content_others .events_championship li.position {width: 8%;}
    .content_others .events_championship li.driver {width: 35%;}
    .content_others .events_championship li.car {width: 31%;}
    .content_others .events_championship li.points {width: 20%;}
    .content_others .events_championship li.bottom_line {width: 100%; line-height: 0px; background-color: #999; height: 1px; padding: 0px; margin: 0px;}    
    
    
    .content_others .news_table ul {clear: both; list-style: none; width: 100%;}
    .content_others .news_table ul div.date {padding-bottom: 10px;}
    
    .content_others .news_table li {float: left; margin: 0px;}
    .content_others .news_table li.description {width: 70%; padding-right: 20px;}
    .content_others .news_table li.description div.entire_story {font-size: 11px; padding-top: 10px;}
    .content_others .news_table li.image {width: 27%;}
    .content_others .news_table li.bottom_line {width: 100%; line-height: 0px; background-color: #999; height: 1px; padding: 0px; margin: 10px 0 10px 0;}
    .content_others .news_table div.paging {clear: both; margin-top: 5px;}
    .content_others .news_table div.description {line-height: 20px; margin-bottom: 20px;}
    .content_others .news_table div.description img {width: 400px; float: right; margin: 0 0px 10px 10px; clear: both;}
    
    .content_others div.image_thumbnail {width: 520px; height: 420px; border: solid 1px #999;}
    .content_others div.image_thumbnail img {width: 500px; height: 400px;}
    .content_others div.image_thumbnail ul li {float: left;}
    .content_others div.image_thumbnail ul li img {clear: both; width: 100px; height: 70px;}
    
    .content_others .news_archive {clear: both;}
    .content_others .news_archive ul {list-style: none; width: 100%; height: 25px;}
    .content_others .news_archive li {float: left; padding: 5px; margin: 0px; border: solid 1px #ccc; border-collapse: collapse;}
    .content_others .news_archive li.h {background-color: #999;}
    .content_others .news_archive li.selection {width: 5%; text-align: right; cursor: pointer;}
    .content_others .news_archive li.date {width: 10%; cursor: pointer;}
    .content_others .news_archive li.heading {width: 80%; border-right: 0px; cursor: pointer;}
    .content_others .news_archive li.bottom_line {width: 100%; line-height: 0px; background-color: #999; height: 1px; padding: 0px; margin: 0px;}
    .content_others .news_archive ul.paging {width: 100%; font-size: 11px;}

    .content a:link {color: #000;}
    .content a:visited {color: #000;}
    .content a:hover {color: #cc0000;}
    .content a:active {color: #000;}
    
    .content a.white:link {color: #fff;}
    .content a.white:visited {color: #fff;}
    .content a.white:hover {color: #cc0000;}
    .content a.white:active {color: #fff;}    
        
    .content_others a:link {color: #000;}
    .content_others a:visited {color: #000;}
    .content_others a:hover {color: #cc0000;}
    .content_others a:active {color: #000;}
 
    
    .content_others ul.video_list {list-style: none; width: 100%;}
    .content_others ul.video_list div.title {padding-bottom: 5px; font-size: 11px; height: 30px;}
    .content_others ul.video_list li {float: left; width: 170px;}