body, html {
	height:100%;
	margin:0;	
}


body {
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/body-bg.jpg) fixed no-repeat center top;		
	background-color:#000;
	margin:0;
	color:#363636;
}

i {
	visibility:hidden;
}

#container {
background:transparent url(../images/container-bg.png) repeat-y scroll -1px 50%;
margin:0 auto;
min-height:100%;
position:relative;
width:835px;
}	

#innerContainer {	
height:100%;
margin-left:7px;
overflow:auto;
padding:25px 20px 290px;
			
}

.competitors #innerContainer {
padding-top:0;
}

.media #innerContainer {
padding-top:0;
}

.history #innerContainer {
padding-top:0;
}

#innerContainer p, #innerContainer h2 {
	margin:0 0 20px 0;	
}	

#header {
background:transparent url(../images/header.jpg) no-repeat scroll center center;
height:249px;
margin:0 auto;
position:relative;
width:835px;
	
		
}

#logo {
background:transparent url(../images/title.png) no-repeat scroll 0 0;
height:216px;
left:-70px;
position:absolute;
text-decoration:none;
top:12px;
width:329px;
z-index:200 !important;
}

#logo span {
	visibility:hidden;
}	

#sponsor-logo {
	background:url(../images/lewis-hunter.png) no-repeat;
	width:155px;
	height:155px;
	display:block;
	position:absolute;
	text-decoration:none;
	z-index:200 !Important;
	right:50px;
	top:40px;	
}

#sponsor-logo span, #nwcc_logo span {
	visibility:hidden;
}

#msa-logo {
	width:113px;
	height:110px;
	display:block;	
	float:left;
	margin-top:10px;
}

#footer-main-logos {
	float:left;	
	margin-left:5px;
}

#footer-main-logos img {
	vertical-align:middle;

}

/*#navContainer {
	background:#3a6daf url(../images/nav.jpg) no-repeat right;	
	border-bottom:3px solid black;
	height:100%;
	overflow:auto;
	width:817px;
	margin:0 auto;
}*/

/*#nav {
	margin:0 auto;
	padding:0;
	list-style-type:none;
	background:#3a6daf url(../images/nav.jpg) no-repeat right;	
	border-bottom:3px solid black;
	height:100%;
	overflow:auto;
	width:650px;	
	padding-left:170px;	
}*/

#navContainer {
left:10px;
padding-left:10px;
position:absolute;
top:-21px;
}

#navContainer ul {
background:#9F101D none repeat scroll 0 0;
border-bottom:3px solid #000000;
height:24px;
left:-1px;
position:absolute;
top:9px;
width:776px;
}

#navContainer ul li {
display:inline;
padding:0 19px 0 0;
}

#navContainer ul a {

}

/*#navContainer ul span {
height:44px;
left:7px;
position:absolute;
top:-18px;
width:820px;
}*/

li.home a {
background:transparent url(../images/new-nav.png) repeat scroll 0 0;
height:40px;
left:3px;
position:absolute;
top:-17px;
width:62px; 
text-indent:-999em;
}

#homepage li.home span {
background:transparent url(../images/new-nav.png) no-repeat scroll 0 bottom;
height:43px;
left:0;
position:absolute;
top:0;
width:62px;
}

li.news a  {
background:transparent url(../images/new-nav.png) repeat scroll -60px 0;
height:40px;
left:66px;
position:absolute;
top:-17px;
width:54px;
text-indent:-999em;
}

.news li.news a  span {
background:transparent url(../images/new-nav.png) repeat scroll -60px bottom;
height:43px;
left:0;
position:absolute;
top:0;
width:55px;
}

li.competitors a  {
background:transparent url(../images/new-nav.png) repeat scroll -114px 0;
height:40px;
left:117px;
position:absolute;
top:-17px;
width:89px;
text-indent:-999em;
}

.competitors li.competitors span {
background:transparent url(../images/new-nav.png) repeat scroll -114px bottom;
height:43px;
left:-2px;
position:absolute;
top:0;
width:89px;
}

li.marshals a  {
background:transparent url(../images/new-nav.png) repeat scroll -206px 0;
height:40px;
left:206px;
position:absolute;
top:-17px;
width:76px;
text-indent:-999em;
}

.marshals li.marshals a span {
background:transparent url(../images/new-nav.png) repeat scroll -206px bottom;
height:43px;
left:1px;
position:absolute;
top:0;
width:76px;
}

li.spectators a  { 
background:transparent url(../images/new-nav.png) repeat scroll -289px 0;
height:40px;
left:286px;
position:absolute;
top:-17px;
width:68px;
text-indent:-999em;
}

.spectators li.spectators a span { 
background:transparent url(../images/new-nav.png) repeat scroll -281px bottom;
height:43px;
left:-7px;
position:absolute;
top:0;
width:82px;
}

li.entrylist a  { 
background:transparent url(../images/new-nav.png) repeat scroll 449px 0;
height:40px;
left:367px;
position:absolute;
top:-17px;
width:78px;
text-indent:-999em;
}

.entrylist li.entrylist a span { 
background:transparent url(../images/new-nav.png) repeat scroll 449px bottom;
height:43px;
left:1px;
position:absolute;
top:0;
width:78px;
}

li.liveresults a  {
background:transparent url(../images/new-nav.png) repeat scroll 372px 0;
height:40px;
left:444px;
position:absolute;
top:-17px;
width:92px;
text-indent:-999em;
}

.liveresults li.liveresults a span {
background:transparent url(../images/new-nav.png) repeat scroll 372px bottom;
height:43px;
left:0;
position:absolute;
top:0;
width:90px;
}

li.media a  {
background:transparent url(../images/new-nav.png) repeat scroll 279px 0;
height:40px;
left:534px;
position:absolute;
top:-17px;
width:60px; 
text-indent:-999em;
}

.media li.media span {
background:transparent url(../images/new-nav.png) repeat scroll 280px bottom;
height:43px;
left:-1px;
position:absolute;
top:0;
width:65px;
}

li.location a  {
background:transparent url(../images/new-nav.png) repeat scroll 212px 0;
height:40px;
left:597px;
position:absolute;
top:-17px;
width:68px; 
text-indent:-999em;
}

.location li.location span {
background:transparent url(../images/new-nav.png) repeat scroll 214px bottom;
height:43px;
left:-2px;
position:absolute;
top:0;
width:72px;
}

li.history a  {
background:transparent url(../images/new-nav.png) repeat scroll 140px 0;
height:40px;
left:669px;
position:absolute;
top:-17px;
width:68px; 
text-indent:-999em;
}

.history li.history span {
background:transparent url(../images/new-nav.png) repeat scroll 140px bottom;
height:43px;
left:0;
position:absolute;
top:0;
width:64px;
}

li.contact a  {
background:transparent url(../images/new-nav.png) repeat scroll 76px 0;
height:40px;
left:735px;
position:absolute;
top:-17px;
width:68px; 
text-indent:-999em;
}

.contact li.contact span {
background:transparent url(../images/new-nav.png) repeat scroll 76px bottom;
height:43px;
left:5px;
position:absolute;
top:0;
width:69px;
}

#nav span {
	text-indent:-999em;
}

#nav li ul {
	background:#9f101d;
	position: absolute;	
	left: -999em;	
	text-align:left;
	z-index:9000;
	margin:0;
	padding:0;	
	width:100px;	
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav ul li a {
	color:white;
	text-transform:lowercase;
	border-bottom:2px solid black;	
	display:block;
	clear:both;	
	width:100px !Important;
	padding:3px;
	background:#9F101D;
	font-weight:normal;
}

#nav-supp {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:2px solid #000000;
height:62px;
margin:0 auto;
width:815px;
}

#nav-supp ul {
left:-8px;
position:absolute;
top:26px;
width:800px;
z-index:1;
}

#nav-supp li {
	display:inline;
float:left;
font-size:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:21px;
font-weight:bold;
}

/*#competitors #nav ul li a {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:-moz-use-text-color black black;
	border-style:none solid solid;
	border-width:medium 2px 2px;
	clear:both;
	color:#333333;
	display:block;
	font-weight:normal;
	padding:3px;
	text-transform:lowercase;
	width:100px !important;
}*/

#nav ul li a:hover {
	color:white;
	background:#333;
}

#nav ul li  {
	clear:both;
}


#sidebar {
	width:250px;
	height:1%;	
	float:left;
}

#sidebar img {
	margin-bottom:6px;
}

#text {
	width:517px;
	height:1%;	
	float:left;
	margin-left:13px;
}

#entry-list-history #text {
	margin-bottom:30px;
}

#text-one-col {
	width:auto;	
	height:1%;		
}

#homepage #text {
	width:270px;
	height:1%;
	float:left;
	margin-left:20px;
	margin-right:20px;
}


#rightButtons {
	width:220px;
	height:1%;
	float:left;	
}

#countdown-timer {	
	width:234px;
	margin-left:-10px;	
	margin-bottom:-10px;
	position:relative;
	z-index:100;
	right:34px;
	bottom:26px;
}	

#latestNewsButton {
	width:220px;
	height:1%;
	overflow:auto;
	background:#c6c6c6 url(../images/latest-news-bg.jpg) repeat-y;
	border:1px solid #585663;
	color:#6c6c6d;
	margin-bottom:10px;
}

#latestNewsButton .date {
	font-size:85%;
	font-style:italic;
}


#latestNewsButton .morebut {
	float:right;
	outline:none;
	margin-top:-30px;
}

#latestNewsButton h2 {
	background:url(../images/latest-news-header.jpg) no-repeat;
	margin:0;
	padding:0;
	height:54px;
	border:0;
}

#latestNewsButton h3 {
	margin:0;
	padding:0;	
	clear:both;
}

#latestNewsButton h3 a {
	text-decoration:none;
	font-size:90%;
	color:black;
}

#latestNewsButton  div {
	padding:8px;
}

#latestNewsButton p {
	padding:0;
}

#latestNewsButton h2 span, #entryFormButton span, #spectatorInfoButton span, #galleryButton span {
	visibility:hidden;
}

#spectatorInfoButton {
	height:121px;
}

#entryFormButton, #spectatorInfoButton, #galleryButton {
	display:block;
	width:220px;
	margin-bottom:10px;
	border:1px solid #58585a;
	text-decoration:none;
}

#entryFormButton, #galleryButton {
	height:122px;
}

#entryFormButton {
	background:url(../images/entryform-button.jpg) no-repeat;		
}

#spectatorInfoButton {
	background:url(../images/specbutton.jpg) no-repeat;	
}

#galleryButton {
	background:url(../images/gallery.jpg) no-repeat;

}

#footer {
	height:203px;	
	position:absolute;  
	background:url(../images/footer-bg.jpg) bottom repeat-x;  
	bottom:0;  
	width:817px;	
	left:8px;	
	border-bottom:4px solid black;
	
}

#footer p {
	padding-left:12px;
	font-size:80%;
}

#nwcc_logo {
	background:url(../images/nwcc-logo.png) no-repeat;
	width:120px;
	height:120px;	
	display:block;
	text-decoration:none;
	margin:7px 15px 0 15px;
	float:left;
}

#nwcc_para {
	clear:both;
	padding-top:5px;
}

#supports {
	clear:both;
}

#danger {
	display:block;
	float:left;
	width:120px;
	height:107px;	
	margin-top:17px;
	margin-left:55px;
}

#footerBox {
	background:#333333 url(../images/footerBox.jpg);
	width:550px;
	height:72px;
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:8px;
}

#footerBox li, #footerBox a {
	float:left;
	text-decoration:none;
	height:72px;	
}

#footerBox span {
	visibility:hidden;
}

#footerBox .forestry a {
	display:block;
	width:100px;		
}

#footerBox .carclub a {
	display:block;
	width:50px;		
}

#footerBox .btrda a {
	display:block;
	width:95px;		
}

#footerBox .wmc a {
	display:block;
	width:45px;		
}

#footerBox .conwycouncil a {
	display:block;
	width:70px;		
}

#footerBox .stgeorgeshotel a {
	display:block;
	width:70px;		
}

#footerBox .anwcc a {
	display:block;	
	width:65px;		
}

#footerBox .view a {
	display:block;
	width:55px;			
}

#newsletter {
	width:255px;
	height:130px;
	background:url(../images/newsletter-bg-red.gif) no-repeat;
	position:absolute;
	right:0;
	bottom:0px;
}

#newsletterForm {
	padding:0;
	margin:0;
	margin-top:55px;	
	height:80px;
	overflow:hidden;	
}

#newsletterForm fieldset {
	border:0;
	padding:0;
	margin:0;
}

#newsletterForm .row {
	height:1%;
	margin-bottom:3px;
}

#newsletterForm label {
	width:40px;
	float:left;
	font-size:90%;
	color:white;
	text-transform:lowercase;
	font-weight:bold;
	margin-left:30px;
	margin-top:3px;
}

#newsletterForm .textField {
	width:160px;
	float:left;
	height:15px;
	background:white url(../images/textfield-bg.jpg) repeat-x;
	border:2px solid #9F0D09;
}

.submit {
	float:right;
	width:67px;
	height:23px;
	border:0;
	background:url(../images/submit-button.gif);
	margin-right:20px;	
}

a {
	color:#9F101D;
	font-weight:bold;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

.morebut {
	background:url(../images/more-button.gif);
	display:block;
	width:48px;
	height:22px;
	text-decoration:none;
}

.morebut span {
	 visibility:hidden;
}

dl {
	width:410px;
	height:1%;	
}

dt {
	display:block;
	margin:0;
	width:100px;
	float:left;
}

dd {
	margin:0;
	float:left;
	display:block;
	width:300px;
	margin-bottom:5px;
	background:#eee;
	padding:4px;
	
}

dl dd dl {
	clear:both;
	background:#E3E4EA;
	margin:0;
	padding:0;
	margin-left:-105px;
}

table {
	border:0;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	width:500px;
}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
 (who==who.parentNode.lastChild) ? who.className += ' last-child' : '' ;
} } )(this) , 'auto') }

table td:first-child, table td.first-child {
	/*background:#3a6daf;*/
	background:#333;
	border:0;
	color:white;	
}

th {
	background:#9F101D;
	border:0;
	color:white;
	padding:6px;
}

table .second-child, table .third-child, table td:last-child, table td.last-child {
	background:#ccc;
	border:0;
	color:black;	
}


table table {
	background:white;
	border:0;
	font-size:100%;
	width:440px;
}


table table td:first-child, table table td.first-child {
	background:#3a6daf;
	border:0;	
}


tr, td {	
	padding:4px;
}

#entry_list {
	width:780px;	
}

#entry_list td {
	background:#ccc;
	color:black;
}


.number-list {
	list-style-type:none;
	margin:0;
	padding:0;
}

.number-list li {
	padding-left:20px;
}

.number-list li.list-one {
	background:url(../images/list-1.jpg) no-repeat;
}

.number-list li.list-two {
	background:url(../images/list-2.jpg) no-repeat;
}

.number-list li.list-three {
	background:url(../images/list-3.jpg) no-repeat;
}

.number-list li.list-four {
	background:url(../images/list-4.jpg) no-repeat;
}

.number-list li.list-five {
	background:url(../images/list-5.jpg) no-repeat;
}

.img {
	border:1px solid #333;
}

.info-box {
	height:1%;	
	overflow:auto;
	background:#fff; 
	padding:5px; 
	color:#333; 
	margin:10px 0 30px 0;
	font-size:85%
}

.info-box h2, .info-box h3 {
	color:grey;
	border-bottom:0;
	text-transform:capitalize;
	font-size:140%;
	margin:0;
}

.info-box h4 {	
	font-size:120%;
}

.intro {
	font-size:18px;	
	font-weight:normal;
	color:#666;
	padding-bottom:10px;
	display:block;
	height:1%;
	line-height:22px;
	padding:0;
}

a {
	outline:0;
}

h1 span {
	visibility:hidden;
}

h1#home {
	background:url(../images/home_heading.gif) no-repeat;
	padding-bottom:8px;
}

h1#news {
	background:url(../images/news-header.gif) no-repeat;
}

h1#history {
	background:url(../images/history-header.gif) no-repeat;
	padding-bottom:8px;
}

h1#live-results {
	background:url(../images/liveresults-header.gif) no-repeat;
}

h1#marshals {
	background:url(../images/marshals-header.gif) no-repeat;
}

h1#spectators {
	background:url(../images/spectator-header.gif) no-repeat;
	height:35px;
}

h1#media-header {
	background:url(../images/media-header.gif) no-repeat;
}

h1#contact {
	background:url(../images/contact-header.gif) no-repeat;
}

h1#entry-list {
	background:url(../images/entry-list-header.gif) no-repeat;
	padding-bottom:8px;
}

h1#location {
	background:url(../images/location-header.gif) no-repeat;
}

h1#competitors {
	background:url(../images/competitor-header.gif) no-repeat;
	height:35px;
}

h2 {
	margin-bottom:0;
	color:#333;
	border-bottom:1px solid #000;
	font-size:140%;
}

h3 {
	margin-bottom:3px;	
	color:black;
	text-transform:uppercase;
	font-size:130%;
}

h3 {
	font-size:120%;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.emphasis {
	font-weight:bold;
	color:#9F101D;
	font-size:120%;
}

.border-bottom {
	border-bottom:1px solid #ccc;
}

#gallery {
	height:1%;
	overflow:auto;
	margin-bottom:10px;
	width:790px;	
}

.gallery-row {
	width:790px;	
	height:1%;		
	overflow:auto;
}

.gallery-row a {
	width:150px;
	border:0;	
	float:left;
	margin:2px 8px 2px 0;
}

.gallery-row img {	
	border:1px solid #3a6daf;
}


.videos-page {
	height:100%;
	overflow:auto;	
	border-top:1px solid #ccc;
	padding-top:20px;
	margin:30px 0;
}

#videos .top {
	border:0;
	padding:0;
	margin:0;
}

.videos-page h2 {
	margin:0 0 5px 0 !Important;
	padding:0;	
}

.videos-page h3 {
	font-size:100%;
	text-transform:capitalize;
}

.videos-page a {
	outline:none;
	border:0;
}


.vid-box {
	width:260px;
	float:left;	
}

.videos-page img {
border:1px solid #3a6daf;
}

#vid1, #vid2, #vid3 {
	height:1%;	
	margin-bottom:5px;
	margin-right:5px;
	float:left;
}

.off {
	color:#6F6F6F;
}

.on {
	color:#3a6daf;
}

#paging {
	list-style-type:none;
	margin:10px 0 5px 0;
	padding:0;
}

#paging li {
	display:inline;
}

#paging .current {
	color:black;
	text-decoration:none;
	cursor:default;
}

.gfg-title {
	width:249px;
	height:32px;
	background:url(../images/rss-header.jpg) no-repeat;
}

.gfg-title span {
	visibility:hidden;
}

.gfg-root {
	border:1px solid #333 !important;
}

.gfg-subtitle a {
	color:#000 !Important;
}

.gfg-subtitle {
	padding:4px;
	background:#eee !Important;
}

.gf-result {
	margin-left:-15px;
}

.gf-title {
	font-size:98% !Important;
}

#spectatorsMaps h3 {
	margin:8px 0;
}

#spectatorsMaps h4 {
	margin:0; 
	margin-top:8px
}

#spectatorsMaps img {
	border:1px solid #ccc;
}

#spectatorsMaps p {
	font-style:italic;
	margin-top:8px;
}

#feed-control  .gfg-root {
	width:249px;
}

.gon-label {
	background:url(../images/gon-label.png) no-repeat;
	width:102px;
	height:69px;
	position:absolute;
	top:255px;
	left:-18px;
	text-indent:-999em;
}

.newsletter-signup-banner {
	background:transparent url(../images/newsletter-signup-banner.png) no-repeat scroll 0 0;
	bottom:68px;
	height:127px;
	left:68px;
	position:absolute;
	width:205px;
	text-indent:-999em;
}

.countdown {
	height:172px;
	position:absolute;
	right:-22px;
	top:37px;
	width:277px;
	background:url(../images/countdown-timer.png) no-repeat;
	text-indent:-999em;
}

.countdown-shadow {
	height:172px;
	position:absolute;
	right:-22px;
	top:37px;
	width:277px;
	background:url(../images/countdown-timer-shadow.png) no-repeat;
	text-indent:-999em;
}

.dvd {
	background:url(../images/dvd.jpg);
	width:222px;
	height:174px;
	text-indent:-999em;
}


a.rally-photo-1 {
	background:url(../images/rally-photo1.jpg) no-repeat;
	width:120px;
	height:72px;
	text-indent:-999em;
	float:left;
	padding-left:10px;
	padding-bottom:20px;

}

a.rally-photo-2 {
	background:url(../images/rally-photo2.jpg) no-repeat;
	width:120px;
	height:72px;
	text-indent:-999em;
	float:left;
	padding-left:10px;
	padding-bottom:20px;

}

.clear {
	clear:both;
}

ul.inline-photos {
	margin:0 0 10px 0; padding:0; 
}

.nwales1 {
	background:url(/assets/images/location1.jpg) no-repeat; width:188px; height:125px; list-style:none; text-indent:-999em; display:inline; float:left;
} 

.nwales2 {
	background:url(/assets/images/location2.jpg) no-repeat; width:161px; height:125px;list-style:none; text-indent:-999em; margin-left:10px; display:inline; float:left;
}

.nwales3 {
	background:url(/assets/images/location3.jpg) no-repeat; width:187px; height:125px; list-style:none; text-indent:-999em; margin-left:10px; display:inline; float:left;
}

.clocaenog1 {
	background:url(/assets/images/Clocaenog1small.jpg) no-repeat; width:167px; height:125px; list-style:none; text-indent:-999em; display:inline; float:left;
}

.clocaenog2 {
	background:url(/assets/images/Clocaenog2small.jpg) no-repeat; width:187px; height:125px; list-style:none; text-indent:-999em; margin-left:10px; display:inline; float:left;
}

.penmachno1 {
	background:url(/assets/images/Penmachno1small.jpg) no-repeat; width:167px; height:125px; list-style:none; text-indent:-999em; display:inline; float:left;
}

.penmachno2 {
	background:url(/assets/images/Penmachno2small.jpg) no-repeat; width:179px; height:125px; list-style:none; text-indent:-999em; margin-left:10px; display:inline; float:left;
}

.penmachno3 {
	background:url(/assets/images/Penmachno3small.jpg) no-repeat; width:188px; height:125px; list-style:none; text-indent:-999em; margin-left:10px; display:inline; float:left;
}

#text-one-col h4.padding-top {
	clear:both;
	padding-top:20px;
}

embed { margin-bottom:5px; }

        .bubbleInfo {
            position: relative;
        }
    
        .popup {
                position: absolute;
				margin-left:25px;
				right:0;
				margin-top:-85px;
                display: none; 
				width:275px;
                z-index: 50;
				background:#EFEFEF;
				padding:5px;
				border:1px solid #666;
        }

		.trigger { font-weight:bold; cursor:pointer; }
		
img { border:none; }

.updated {color:#990000;}


.vimbox{
margin:10px;
width:500px;
margin-left:200px;
}