@charset "UTF-8";

/*
SWATCHES
COLOUR:  #FFF
TEXT: #333333;
LINK: #293E4C - Blue
VLINK:   #900
HLINK:   #BB0000 - Red

      #EC6F00 - Yellow



/* Main Styles
___________________________________*/
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom:0px;
   /*background-color: #FFFFFF;
   background-image: url(/images/layout/roostbg.jpg);
   background-position: center;
   background-repeat: repeat-y;
   background-attachment: fixed;*/
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding: 0px;
}

a img {
   border:none;
}

a:link, a:visited {
   text-decoration: none;
   color: #293E4C;
   font-weight: bold;
   outline:0;

}

a:hover {
   text-decoration: none;
   color: #BB0000;
   font-weight: bold;
}

h1 {
   color:#293E4C;
   font-family:Tahoma;
   font-size:28px;
   font-weight:bold;
   line-height:31px;
   margin:0;
   padding: 10px 0 5px 20px;
}

.left {
   float:left;
}

.right {
   float:right;
}

.clear {
   clear:both;
}

.print {
   float:right;
}

/* Layout
___________________________________*/

.divCenter {
   margin:0 auto;
}

#header {
   position: relative;
   background: url(/images/layout/header.jpg) no-repeat;
   height: 144px;
   z-index:70;
}

#footer {
   position: relative;
   background-image: url(/images/layout/footer.jpg);
   height: 89px;
   border-top:1px solid #000;
   margin-top: 10px;
   clear: both;
}

#container {
   width: 1000px;
   /*background-color: #FFFFFF;
   background-image: url(/images/layout/contentbg.jpg);
   background-repeat: repeat-x;*/
   margin: -8px auto 0 auto;
   border-bottom: 1px solid #000000;
   position:relative;
   z-index:1;
}

#logo {
   display:none;
}

#headerLogo {
   float:left;
   padding:12px 0 0 7px;
}

#leftContent {
   width: 212px;
   float: left;
   background: #261101;
   margin-bottom: 10px;
   position: relative;
   left: 10px;
}

#leftContent .body {
   padding:6px;
}

#leftContent .body img {
   margin-top:5px;
}

#centerContent {
   width: 588px;
   float: left;
   margin-bottom: 10px;
   position: relative;
   left: 20px;
}

#rightContent {
   position: relative;
   float: right;
   width: 160px;
   padding: 0 10px 10px 0;
}

#sponsors {
   float: left;
   height: 250px;
   width: 278px;
   margin-top: 10px;
   padding: 0px;
   border-top: #000000;
   border-right: #000000;
   border-bottom: 1px solid #000000;
   border-left: #000000;
}

#home {
   height: 144px;
   width: 257px;
   float: left;
   position: relative;
   left: 0px;
}

.rss {
   background:url(/images/icons/rss.png) 9px 9px no-repeat #CCCCCC;
   display:block;
   padding:10px 10px 10px 35px;
   width:490px;
   margin: 10px 0;
}

.rssIcon {
   float:right;
   padding: 0 10px 0 0;
}

#rssSide {
   position:absolute;
   left:1001px;
   top:100px;
}

.scheduleBody {
   width:540px;
}

.scheduleBody td {
   margin:0;
   padding:10px;
   background:#CCC;
   border-top:10px solid #fff;
}

.scheduleBody .zebra {
   background:#DDD;
}

.scheduleBody .summer td {
   background:#fff;
}

/* Navigation
___________________________________*/

#nav {
   position: relative;
   font-size: 14px;
   z-index: 90;
   margin:18px 5px 0 0;
   float: right;
   width:700px;
   text-align:right;
}

#nav ul {
   margin:0;
   display: inline;
   vertical-align:top;
   overflow:visible;
   text-align:left;
}

#nav li {
   list-style-type:none;
   display:inline;
   position:relative;
}

#nav li ul {
   position: absolute;
   z-index: 10;
   display: none;
   margin: 0 0 0 8px;
   padding:0;
   border-top:1px solid #4B3018;
   background:#0000FF;
}

#nav li a {
   color:#FFF;
   padding:0 5px 8px 10px;
}

#nav li a:hover {
   color:#0D1E35;
}

#nav li:hover ul {
   display:block;
   top:20px;
   left:0;
   z-index: 10;
}

#nav ul ul li {
   display:block;
   background:#DAD6B9;
   margin:0;
}

#nav ul ul li a {
   padding:2px 0 2px 5px;
   width:150px;
   font-size:11px;
   display:block;
   background:none;
   color:#283D4B;
   border-left:6px solid #4B3018;
   border-bottom: 1px solid #4B3018;
}

#nav ul ul li a:hover {
   background:#4B3018;
   color:#DAD6B9;
}


/* Sub Head
___________________________________*/

#subHead {
   position: relative;
   height: 75px;
   line-height: 16px;
   z-index:1;
}

#subHead .box {
   position: relative;
   float: left;
   margin:10px 0 0 11px;
}

#subHead .small{
   width:122px;
}

#subHead .tv {
   height: 72px;
   width: 260px;
   background:url(/images/layout/gncctvbg.png) no-repeat;
   color:#EEE;
   padding:0 77px 0 8px;
}

#subHead .nextRace {
   height: 67px;
   width: 269px;
   background: url(/images/layout/nextracebg.png) no-repeat;
   padding:0 7px;
}

.nextracedate {
   color:#FFFFFF;
   padding-left: 75px;
   padding-bottom: 2px;
}

.nextTVdate {
   padding-left: 100px;
   padding-bottom: 2px;
}

.noUpcoming {
   padding-top:20px;
}

/* Main Content Row
___________________________________*/

#maincontentrow {
   position: relative;
   height: 313px;
   clear: both;
}

#video {
   position: relative;
   float: left;
   height: 300px;
   width: 400px;
   background: url(/images/layout/videobg.png) repeat-x;
   margin: 0 0 0 10px;
   padding:5px;
}

#video a:link, #video a:visited {
   color: #DD0000;
   font-size: 10px;
   line-height: 20px;
   text-align: right;
}

#video .holder {
   height: 225px;
   width: 400px;
   border: 1px solid #000000;
   position: relative;
   margin: 0 0 5px 0;
}

#video .text {
   position: relative;
   font-size: 12px;
   color: #FFFFFF;

   padding-right: 5px;
}

#video .report {
   float:left;
   padding: 0 10px 0 0;
}

#video .headline {
   font-weight: bold;
   font-size: 14px;
   text-transform: capitalize;
}

.mainFeature {
   position:relative;
   background: url(/images/layout/mainfeaturebg.png) repeat-x;
   float: right;
   height: 300px;
   width: 550px;
   margin: 0 10px 0 0;
   padding:5px;
}

#mainphoto {
   height: 250px;
   width: 375px;
   border: 1px solid #000000;
   border-right: none;
   background-color: #3B6982;
   position: relative;
   float: left;
}

#maincaption {
   background: url(/images/layout/maintextbg.jpg);
   float: left;
   height: 235px;
   width: 158px;
   border:1px solid #000;
   border-left:none;
   padding: 10px 5px 5px 10px;
   position: relative;
}

.morenews {
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-weight: bold;
   color: #880000;
   margin-left: 10px;
   float:left;
}

.morenews a {
   text-decoration: none;
   font-weight: bold;
   color: #880000;
   margin-left: 10px;
}

.morenews a:hover {
   text-decoration: underline;
   font-weight: bold;
   color: #293E4C;
   margin-left: 10px;
}

#container #mainfeature #maincaption p {
   color: #000000; vertical-align: top
}

.mainheadline {
   color: #FFFFFF;
   font-weight: bold;
   font-family: Tahoma;
   font-size: 24px;
   padding-top: 2px;
   letter-spacing: 1pt;
   float:left;
   position:relative;
}

.mainheadline a:link {
   color: #FFFFFF;
   text-decoration: none;
}
.mainheadline a:hover {
   color: #BB0000;
   text-decoration: none;
}
.mainheadline a:visited {
   color: #FFFFFF;
   text-decoration: none;
}
.mainheadline a {
   color: #FFFFFF;
   text-decoration: none;
}

.TVheadline {
   font-size: 11px;
   line-height: 18px;
   color: #EEEEEE;
}


/* Main Page Boxes
___________________________________*/

#schedule {
   position:relative;
   background: url(/images/layout/schedulebg.gif) #EFEFEF bottom no-repeat;
   float: left;
   width: 139px;
   border-bottom:1px solid #000;
   margin-right: 8px;
   height:360px;
}

#features {
   position:relative;
   background: url(/images/layout/featuresbg.jpg) #FFF bottom no-repeat;
   float: left;
   width: 216px;
   border-bottom:1px solid #000;
   height:360px;
}

#news {
   position:relative;
   background-color: #FFFFFF;
   background: url(/images/layout/newsbg.jpg) #FFF bottom no-repeat;
   float: left;
   width: 216px;
   height:175px;
   background-position: bottom;
   margin-left: 8px;
   border-bottom:1px solid #000;
}

#quicklink {
   position:relative;
   background-color: #FFFFFF;
   background: url(/images/layout/newsbg.jpg) #FFF bottom no-repeat;
   float: left;
   width: 216px;
   height:175px;
   background-position: bottom;
   margin-left: 8px;
   margin-top: 8px;
   border-bottom:1px solid #000;
}

#schedule .inner, #features .inner {
   overflow:auto;
   height:328px;
   margin-right:1px;
}

#news .inner, #quicklink .inner {
   overflow:auto;
   height:143px;
   margin-right:1px;
}

#content {
   position:relative;
   /*background-color:#FFFFFF;
   background-repeat:repeat-x;*/
   padding:5px;
   width:578px;
   margin:-4px 0 0 0;
}

.news, .features, .schedule, .quicklink {
   color:#000000;
   font-size:10px;
   border-bottom: 1px dashed #555;
   padding: 2px 0;
   margin: 0 5px 5px;
}

.news a:link, .news a:visited {
   color:#BB0000;
}

.news a:hover {
   color:#293E4C;
}

.quicklink a:link, .quicklink a:visited {
   color:#01971d;
}

.quicklink a:hover {
   color:#293E4C;
}

.schedule a:link, .schedule a:visited {
   color:#EC6F00
}

.schedule a:hover {
   color:#293E4C;
}

.clear {
   clear:both;
}

/* Advertisements
___________________________________*/

#bigbanner {
   width: 728px;
   height:90px;
   float: right;
   position: relative;
   top: 10px;
   right: 10px;
}

#blockad {
   float: left;
   height: 250px;
   width: 300px;
   margin-left: 10px;
   margin-top: 10px;
}

#rightAd {
   height: 600px;
   width: 160px;
}

/* Pagination
___________________________________*/

.pagination {
   float:right;
   padding: 20px 20px 20px 0;
}
.pagination a {
   position:relative;
   float:left;
   display:block;
   padding:4px 6px;
   margin:1px;
   text-align:center;
   border:1px solid #DDD;
   background-color: #FFF;
}
.pagination a:hover {
   position:relative;
   float:left;
   display:block;
   margin:1px;
   color:#FFF;
   background-color:#3D8CAB;
   text-decoration:none;
   text-align:center;
   border:1px solid #293E4C;
}
.pagination .current {
   position:relative;
   float:left;
   display:block;
   padding:4px 6px;
   margin:1px;
   color:#fff;
   background-color:#3D8CAB;
   text-align:center;
   border:1px solid #3D8CAB;
}
.pagination .spacing {
   position:relative;
   float:left;
   display:block;
   height:12px;
   padding:8px 0 0 0;
   margin:1px;
   text-align:center;
}
.pagination .previous, .pagination .next {
   position:relative;
   float:left;
   display:block;
   text-align:center;
}
.pagination .disabled {
   color: #DDD;
   padding:4px;
   border:1px solid #DDD;
}

/* Article Styles
___________________________________*/

.articlelist {
   clear:both;
   height:140px;
   padding:10px 20px 20px;
   text-align:justify;
}
.articletext {
   float:left;
   padding:10px 0 0 25px;
   width:350px;
   text-align:left;
}
.articledate {
   float:right;
   padding: 5px 20px;
   font-size:0.7em;
}
.adate {
   float:right;
   font-size:0.7em;
   text-align:right;
}

.author {
   padding:10px;
   float:left;
}

.filter {
   clear:both;
   float:left;
   padding:10px 0 0 20px;

}

.articleBody {
   padding: 5px 20px 20px 20px;
   text-align:left;
}

.articleImage, .fullImage {
   position:relative;
   padding:10px;
   font-size:10px;
   font-weight:bold;
   margin: 10px;
}

.articleImage {
   background-color: #DDDBC2;
}

.plus {
   position:absolute;
   right:-7px;
   top:-7px;
}


.articleBody .plus {
   position:absolute;
   right:3px;
   top:3px;
}

.credit {
   float:right;
   text-align:right;
   font-weight:normal;
   font-style: italic;
   color: #666666;
}

/* Logos
___________________________________*/

#rightlogo {
   height: 63px;
   width: 67px;
   margin-left: 10px;
   background-color: #000066;
   margin-top: 10px;
   float: left;
}


.menu {
   padding-right: 5px;
   padding-left: 10px;
   font-family: Tahoma;
   color: #EEEEEE;
   font-size: 14px;
   font-weight: bold;
}

#ama {
   float: left;
   position: relative;
   left: 10px;
   top: 24px;
}
#atva {
   float: left;
   position: relative;
   left: 10px;
   top: 8px;
   padding-left:8px;
}
#container #footer #rp {
   text-align:center;
   height: 32px;
   width: 1000px;
   position: absolute;
   top: 8px;
   left: 0px;
   float: left;
}
#xcc {
   float: right;
   position: relative;
   right: 10px;
   top: 8px;
   padding-left:8px;
}
#jncc {
   float: right;
   position: relative;
   right: 10px;
   top: 28px;
}
#container #footer #footertext {
   position: absolute;
   top: 45px;
   text-align: center;
   z-index: 1;
   width: 500px;
   left: 245px;
}




/* Lightbox
___________________________________*/

 div#fancy_overlay {
   position:absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   background-color: #333;
}

div#fancy_loading {
   position: absolute;
   height: 40px;
   width: 40px;
   cursor: pointer;
   display: none;
   overflow: hidden;
   background: transparent;
   z-index: 90;
}

div#fancy_loading div {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background: transparent url(/images/lightbox/fancy_progress.png) no-repeat;
}

div#fancy_close {
   position: absolute;
   top: -12px;
   right: -12px;
   height: 30px;
   width: 30px;
   background: transparent url(/images/lightbox/fancy_closebox.png) ;
   cursor: pointer;
   z-index: 100;
   display: none;
}

div#fancy_content {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   z-index: 96;
}

#fancy_frame {
   position: relative;
   width: 100%;
   height: 100%;
   display: none;
}

img#fancy_img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border:0;
   padding: 0;
   margin: 0;
   z-index: 92;
}

div#fancy_title {
   position: absolute;
   bottom: -35px;
   left: 0;
   width: 100%;
   z-index: 100;
   display: none;
}

div#fancy_title table {
   margin: 0 auto;
}

div#fancy_title div {
   color: #FFF;
   font: bold 12px Arial;
   padding-bottom: 2px;
}

td#fancy_title_left {
   height: 32px;
   width: 15px;
   background: transparent url(/images/lightbox/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
   height: 32px;
   background: transparent url(/images/lightbox/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
   height: 32px;
   width: 15px;
   background: transparent url(/images/lightbox/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
   position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
   position: relative;
   width:100%;
   height:100%;
   border: 1px solid #444;
   background: #FFF;
}

a#fancy_left, a#fancy_right {
   position: absolute;
   bottom: 10px;
   height: 100%;
   width: 35%;
   cursor: pointer;
   background-image: url(/images/lightbox/data:image/gif;base64,AAAA);
   z-index: 100;
}

a#fancy_left {
   left: 0px;
}

a#fancy_right {
   right: 0px;
}

a#fancy_left:hover {
   background: transparent url(/images/lightbox/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
   background: transparent url(/images/lightbox/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
}

div#fancy_bg {
   display: none;
}

div.fancy_bg {
   position: absolute;
   display: block;
   z-index: 70;
}

div.fancy_bg_n {
   top: -18px;
   width: 100%;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
   top: -18px;
   right: -13px;
   width: 13px;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
   right: -13px;
   height: 100%;
   width: 13px;
   background: transparent url(/images/lightbox/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
   bottom: -18px;
   right: -13px;
   width: 13px;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
   bottom: -18px;
   width: 100%;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
   bottom: -18px;
   left: -13px;
   width: 13px;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
   left: -13px;
   height: 100%;
   width: 13px;
   background: transparent url(/images/lightbox/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
   top: -18px;
   left: -13px;
   width: 13px;
   height: 18px;
   background: transparent url(/images/lightbox/fancy_shadow_nw.png) no-repeat;
}

/* Search Box
___________________________________*/
#searchcontrol{
   position:absolute;
   right:0;
   width:200px;
   height:40px;
   top:3px;
}

#returnResults {
   position:absolute;
   z-index:80;
   background:#FFFFFF url(../images/layout/searchbg.jpg) no-repeat;
   border-bottom:1px solid #000;
   width:280px;
   padding:40px 10px 10px 10px;
   left:690px;
   top:0;
}


#returnResults a{
   color:#293E4C;
}

#returnResults a:hover{
   color:#BB0000;
}

.invisible{
   display:none;
}

#searchcontrol .gsc-control {
   width:200px;
}

#branding {
   position:absolute;
   z-index:85;
   left:870px;
   top:40px;
}

#headerBar .gsc-branding {
   display:none;
}

/* Header Bar
___________________________________*/

#headerBar {
   height:39px;
   width:100%;
   background:url(/images/header/header_02.png) repeat-x;
   position:relative;
   z-index:2;
}

#headerContainer {
   margin: 0 auto;
   width:1000px;
   position:relative;
}

/* Social Bookmarks
___________________________________*/

.shLink {
   float:left;
   width:150px;
   height:16px;
   padding:10px 10px 0 0;
}

.shLink a {
   display:block;
}

.shLink img {
   float:left;
   padding: 0 5px 2px 2px;
}

#social h2 {
   margin-bottom:0;
   border-bottom:1px solid #999999;
}