body { font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #000 url(../images/bg_x.jpg) repeat-x left top; 
	margin: 0 0 0 0 ; 
	padding: 0;
	text-align: center;}/*pale background colour = #f9f9f9 */
p, h1, h2, h3, h4, table {margin: 0; padding: 5px 10px 10px 20px;  }


h1{ color: #060; font: 2em Verdana, Arial, Helvetica, sans-serif;font-style: italic; font-weight: bold; }
h2{ color: #ba0000; font: 1.6em  Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; padding: 5px 0 5px 0; text-indent: 35px; margin: 0 10px 0 20px; background: url(../images/h2.gif) 0 5px no-repeat;}
h3{ color: #ba0000; font: 1.4em normal Verdana, Arial, Helvetica, sans-serif;}
h4, th{ color: #ba0000; font: 1.3em normal Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
p{font-size: 1.2em;}
td {border-bottom: #333 1px dashed;empty-cells: show; color: #333; font-size: 1.2em; padding: 10px 10px 10px 0;}
td p {font-size: 1em; padding-left: 0; padding: 0;}

table {width: 100%;}

a:link { color: #060 ; font-style: normal; text-decoration: none; font-weight: bold;}
a:visited { color: #393 ; font-style: normal; text-decoration: none; font-weight: bold;}
a:hover { color: #ff1a00 ; font-style: normal; text-decoration: underline; font-weight: bold;}
a:active { color: red ; font-style: normal; text-decoration: none; font-weight: bold;}

#back {float: right; padding: 10px 10px 0 0; margin: 0;}
#back ul {margin: 0;}
/*bg image on right */
#bgright {margin-left: auto;margin-right: auto; width: 832px; position: relative; margin-top: 0px;}
#bgright p{ background: #f9f9f9 url(../images/bgR.jpg) top right no-repeat; position: absolute; left: 832px; top:0; width: 155px; height: 511px; padding: 0; margin: 0;}
#bgright p span{display: none;}

/*layout*/
#wrapper{background: #f9f9f9 url(../images/bg_y.gif) top left repeat-y; width: 832px; margin-left: auto;margin-right: auto;position: relative;top:0;}
#content{width: 800px; margin-left: auto;margin-right: auto;}


/*header*/
#banner{margin: 0; padding: 0;}
#header {position: relative;}
#header h1,
#header h2 {background: #eeeeee url(../images/banner_header.gif) top left no-repeat; width: 800px; height: 55px; padding: 0; margin: 0; }
#header h1 span,
#header h2 span {display: none;}
#usermenu{background: #eeeeee url(../images/banner_menu.gif) top left no-repeat; width: 800px; height: 58px;margin: 0; padding: 0; position: relative; top: 0;}

/*define users and audience using tab menu*/
#usermenu ul{margin: 0; padding:0; text-align: center; position: absolute; top: 20px; left: 200px;}
#usermenu ul li {margin: 0; padding: 0 0 0 18px; list-style: none; float: left; text-align: center;background: url(../images/tab_l.gif) no-repeat left top; height: 38px;}
#usermenu ul li a{margin: 0 20px 0 0;
		padding:0 40px 0 0;
		line-height: 36px;
		float: left;		
		text-align: left;
		height: 38px;}
#usermenu ul li.active{background: url(../images/tabactive_l.gif) no-repeat left top;}
#usermenu ul li.active a{background: url(../images/tabactive_r_spaced.gif) no-repeat right top;}
#usermenu ul li.inactive{background: url(../images/tab_l.gif) no-repeat left top;}
#usermenu ul li.inactive a{background: url(../images/tab_r_spaced.gif) no-repeat right top;}

#usermenu a{color: #060; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;margin: 0;text-decoration: none;}
#usermenu a:hover, #usermenu ul li.active a{color: #ba0000}

/*flash menu*/
#usermenu object {float: right;  margin: 20px 0 0 36px;}
#flashmenu {margin: 0 70px 0 0; padding: 0;}


/*body content including secondary menu and global menu*/
#maincontentwrapper{background: #eeeeee url(../images/bodybg_grad.gif) top left repeat-y; width: 800px;margin: 0; padding: 0;}
#maincontent{border-top:  #eee solid 1px; position: relative;  background: transparent url(../images/bodybg.jpg) no-repeat top right; width: 800px; margin: 0; padding: 0; text-align: left;}

#globalmenu{position: absolute; top: -1px; left: 1px;width: 144px; margin: 0; padding: 0;}
#globalmenu ul{text-align: left; margin: 0; padding: 0;}
#globalmenu ul li{ font-size: 1.1em; line-height: 22px;  background: #eeeeee url(../images/globalmenubg.gif) repeat-x top left; width: 143px; height: 2.3em; list-style: none;}
#globalmenu ul li a{margin: 0; padding: 0 0 0 10px; color: #333; }
#globalmenu ul li a:hover{line-height: 22px; color: #666;background: #eeeeee url(../images/globalmenubgro.gif) repeat-x top left;  height: 24px;display: block; text-decoration: none;}
#globalmenu #current a {font-weight: bold; line-height: 22px; color: #ba0000;background: #eeeeee url(../images/globalmenubgcur.gif) repeat-x left top;  height: 24px;display: block;}
/*DKC button*/
#globalmenu li#DKC {background: #b5210a url(../images/DKCbutton.gif) no-repeat 0 80%; height: 7em; margin: 20px 0;  }
#globalmenu li#DKC a {display: block; color: white; font-weight: bold; border-bottom: solid 1px #e2e2e2;}
#globalmenu li#DKC a:hover {color: #000000;}



/*body content*/
#bodytext{position: relative; left: 150px; top: 0;width: 620px;margin:0; padding: 0;  z-index: 1;}
#bodytextposition{margin:0; padding: 0}

/*format images*/
#bodytext img { background: #000; border-color: #d1d1d1; border-style: solid; border-width: 1px 2px 2px 1px; padding: 1px; margin: 5px;}


#menu2ry{height: 20px;margin: 0; padding: 0; z-index: 2;}
#menu2ry ul{margin: 0; padding: 2px 0 0 20px; overflow: hidden;}
#menu2ry ul.owners li{margin: 0; padding: 0 10px 0 0;}
#menu2ry ul li{list-style: none; background-image: none; float: left; padding: 0 7px; margin: 0 2px; }

#menu2ry ul li a{ color: #fff; font-weight: bold; }
#menu2ry ul li a:hover{ color: #ff1a00; text-decoration: underline; }
/*dkc and prokart featured sections*/
#menu2ry ul li.active {background: #b5210a url(../images/DKCbutton.gif) no-repeat 0 8px; border-bottom: red solid 2px;}
#menu2ry ul li.active a{ color: #fff; font-weight: bold; }
#menu2ry ul li.active a:hover{ color: #000; background: #b5210a; text-decoration: underline; }

#bodytextposition li {margin: 0; padding: 0 10px 5px 20px; background: url(../images/li.gif) 0 1px no-repeat;}
#bodytextposition ol li{margin: 0; padding: 0 10px 5px 3px; background: none;}

#bodytextposition li, p{color: #3c3c3c; font: 1.2em/1.6em Verdana, Arial, Helvetica, sans-serif;}
#bodytextposition li li {font-size: 12px;}
#bodytextposition ul {list-style: none;}
#col{padding-top: 20px;padding-bottom: 20px;}
#col1{padding-top: 20px; padding-bottom: 20px; width: 300px; text-align: left;}
#col2{position: absolute; top:40px; left: 300px; width: 300px;text-align: left;}
#bodytextposition a.backlink {position: relative; top: 8px;}

/*DKC SECTION STYLING*/
p.dkcbacklink {position: absolute; top: 130px; right: 10px;}
table.dkcleader {margin-top: 0;}
table.dkcleader .total,
table.dkcleader .name {font-weight: bold;}
#bodytext h1.banner {position: relative; top: -15px; left: -4px;border-width: 0; padding: 0; margin: 0;width: 620px;height: 130px; background-image: url(../images/dkcbanner.jpg); background-position: left top; background-position: no-repeat; border-bottom: 2px black solid;}
#bodytext h1.banner span {position: absolute; top: -9999px;}
#bodytext h1.dkcpage {background-position: left bottom; height: 100px;}
#bodytext h1.dkcpage span {color: #f2f2f2; top: 2em; left: 10px;}
h2.dkcmenu {margin-top: 130px;}
h2.dkctop {margin-top: 100px;}
#bodytext h1.banner + p {color: #000000; font-weight: bold; font-size: 1.3em; line-height: 2em;}
#bodytextposition .ers li {background-image: url(../images/ERSPlus.gif); padding-left: 35px;}

#bodytextposition td h4{padding: 0;margin: 0;}
#bodytextposition #animation{ padding: 0; margin: 27px 0 0 0;}

/*booking form formatting*/
#form {width: 500px; margin: 20px;  }
#form tr{border: #333 solid 1px;}
#form td{border: #333 solid 1px; color: #333; margin: 0; padding: 5px;height: 17px; }
#form td.number{width: 50px}
#form td.name{width: 350px}
#form td.deposit{width: 100px}

/*calendar formatting*/
#calendar {width: 500px; margin: 20px;  }
#calendar td{border: #ccc solid 1px;margin: 0; padding: 5px;height: 17px; }
#calendar td.c1{width: 50px}
#calendar td.c2{width: 150px}
#calendar td.c3{width: 200px}
#calendar td.c4{width: 200px}
#calendar td.c5{width: 200px}

/*header graphic for printing forms*/
img#h1{height: 55px; width: 800px; border: 0; }
img#h2{height: 58px; width: 800px; border: 0; }

/*footer*/
#footer{text-align: right; font-size: 0.9em; /*background: #fff url(../images/footer.gif) repeat-x top left;*/  border-color: #e2e2e2; border-style: solid; border-width: 1px;  height: 50px;}
#footer p{font-size: 11px; padding: 5px 10px 0 10px;}
#footer h1{position: relative; top: -100px;left: -60px;text-align: left; float: left; background: url(../images/tibikart.gif) no-repeat 0% 0%; width:  314px; height:  215px; z-index: 0;}
#footer h1 a {color: #000; font-size:14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: transparent; text-decoration: none; position: relative; top: 130px; left: 20px; }
#footer h1 a:hover{color: #ff1a00 ; font-style: normal; text-decoration: none;}

/*circuit images swap*/
#circuit800m{float:left; width: 225px;}
#circuit1100m{float:left; width: 225px;}
#displayArea{clear: both;}

/*google map*/
#map {width: 560px; height: 420px; margin: 20px; border: #e2e2e2 solid 5px; }
#map img {background: none;}