@import url(http://fonts.googleapis.com/css?family=Cantarell);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
h1, h2, h3
{font: normal 35px 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
letter-spacing:1px;
color:#222222;}

.maintext h2
{font: italic normal 25px Impact, Arial Narrow, sans-serif;
padding:9px 0 0 0;}

h3
{font-size:15px;
padding:10px 0 0 0;
font-weight:bold;}

.sidebar h3
{color:#FFFFFF;
font-weight:bold;}

p, ul li, ol li
{color:#171515;
font: normal 12px/18px Arial, sans-serif;
padding:5px 0 5px 0;}

ol
{list-style-type:decimal;}

ul, ol
{margin:0 0 0 20px;}

ul li, ol li
{padding:1px 0 1px 0;}

.sidebar p
{color:#d5d8d9;}

.sidebar h2
{color:#FFFFFF;
font-size:25px;}

a
{text-decoration:none;
color:#66b5d9;}

a:hover
{color:#a0afbd;
text-decoration:underline;}

.maintext a
{color:#135f82;}

.clear
{clear:both;}

span.phone
{color:#FF0000;
font-weight:bold;}

.sidebar .infoandbookings span.phone
{font-size:20px;}

p.note
{font-size:11px;
color:#98a1a4;}

form
{margin-top:15px;}

form, input, label, select, textarea
{font:12px Myriad Pro, Helvetica, Arial, sans-serif;
color:#252323;}

input, select, textarea
{width:220px;
background: #FFFFFF;
border:2px solid #b6abab;
border-radius:5px;
-moz-border-radius:5px;
-web-border-radius:5px;
padding:2px 3px 3px 3px;}

input[type='radio'], input[type='checkbox'], input.checkbox
{width:14px;
border:none;}

input
{height:16px;
margin:2px 0 0 0;}

input:focus, textarea:focus, select:focus
{border:2px solid #837777;
box-shadow: 0 0 5px 2px #888;
-moz-box-shadow: 0 0 5px 2px #888;
-webkit-box-shadow: 0 0 5px 2px #888;}

.shopform input.submitshop 
{width:117px;
height:48px;
border:none;}

form.shopform
{margin:6px 0 0 18px;}

/* ------------------- End of CSS Reset ------------------- */

body
{background:#000000 url(../img/bodybg.jpg) repeat-x;}

body#terms
{background:none;
background:#FFFFFF;
padding:10px;}

.topleftmenu
{background: url(../img/toplogo.png) no-repeat 0 0;
position:absolute;
top:0;
left:0;
padding:15px 0 0 10px;
width:700px;
height:364px;
z-index:1;}

.topleftmenu a
{font:14px/18px  'Bluehighway', 'Arial Narrow', 'Helvetica', 'Arial';
color:#FFFFFF;
text-shadow: 1px 2px 1px #000;
margin:5px 5px 0 5px;}

.topleftmenu a:hover
{color:#7c7d7d;}

.topleftmenu a:active
{position:relative;
top:1px;}

.phonenumber
{position:absolute;
top:14px;
right:10px;}

.phonenumber p
{font:25px/12px 'Impact' , 'Arial Black', 'Arial';
color:#FFFFFF;
text-shadow: 1px 2px 1px #000;
letter-spacing:0.03em;}

.navigation
{position:absolute;
top:100px;
right:50px;
z-index:20;}

/*** menu ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			150px; /* left offset of submenus need to match (see below) */
}

.sf-with-ul a
{
float: none;
width: auto;}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-left:12px;
	margin-right:12px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			9em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:	left;
	margin:0 0 0 35px;
}
.sf-menu a {
	padding: 7px 0 7px 15px;
	text-decoration:none;
}

.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
font:bold 17px  'Bluehighway', 'Arial Narrow', 'Helvetica', 'Arial';
color:#FFFFFF;
text-shadow: 1px 2px 1px #000;
padding: 2px 0 2px 0;}

.sf-menu li li a
{font:normal 13px 'Bluehighway', 'Arial', 'Helvetica';
color:#FFFFFF;
padding: 7px 0 7px 5px;}

.sf-menu a:hover
{color:#7c7d7d;
background:#000000;}
.sf-menu a.main:hover
{background:none;}

.sf-menu li li {
background:rgb(0, 0, 0);
background:rgba(0, 0, 0, 0.9);
font-weight:normal;
}

.container
{margin:auto;
width:850px;
margin-bottom:50px;
min-height:300px;
margin-top:270px;
padding-bottom:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background: rgb(255, 255, 255);
position:relative;
z-index:10;
}

#background1
{background: #FFFFFF url(../img/background1.png) no-repeat 0 0;}

#background2
{background: #FFFFFF url(../img/background2.png) no-repeat 0 0;}

#background3
{background: #FFFFFF url(../img/background3.png) no-repeat 0 0;}

#background4
{background: #FFFFFF url(../img/background4.png) no-repeat 0 0;}

#background5
{background: #FFFFFF url(../img/background5.png) no-repeat 0 0;}

#background6
{background: #FFFFFF url(../img/background6.png) no-repeat 0 0;}

#background7
{background: #FFFFFF url(../img/background7.png) no-repeat 0 0;}

#enduranceracing
{background: #FFFFFF url(../img/endurance.png) no-repeat 0 0;}

#sprintracing
{background: #FFFFFF url(../img/sprintracing.png) no-repeat 0 0;}

.container .maintext
{float:left;
width:500px;
padding:20px;}

.container .error
{width:700px;}

.container .sidebar
{float:right;
background:#000000;
width:230px;
margin:20px 20px 0 0;
padding:10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 0 0 10px 5px #888;
-moz-box-shadow: 0 0 10px 5px #888;
-webkit-box-shadow: 0 0 10px 5px #888;}

img[src="img/divider.jpg"]
{margin:15px 0 10px 0;}

.infoandbookings p img
{float:left;
padding:0 5px 0 0;
margin:0;}

.infoandbookings p
{padding:8px 0 8px 0;
font-size:13px;
float:left;
line-height:40px;}

#generalinfo
{line-height:18px;}

.membership img#card
{float:left;
padding:5px 10px 5px 0;
margin:0;}

.membership p#desc
{padding-left:90px;}

.headerimage
{margin:auto;
width:460px;
height:97px;
margin-top:20px;
margin-bottom:20px;}

.headerimage h2
{font:italic 18px/12px 'Impact' , 'Arial Black', 'Arial';
padding:10px 0 10px 10px;
color:#FFFFFF;
text-shadow: 2px 2px 2px #000;
letter-spacing:0.03em;}

.headerimage p
{font:11px/15px Arial, sans-serif;
color:#FFFFFF;
text-shadow: 2px 2px 2px #000;
padding:6px 150px 3px 10px;}


.junior
{background: url(../img/juniorclubs.png) no-repeat 0 0;}

.staghen
{background: url(../img/stagandhen.png) no-repeat 0 0;}

.arrivedrive
{background: url(../img/arriveanddrive.png) no-repeat 0 0;}

.minimotos
{background: url(../img/minimotos.png) no-repeat 0 0;}

.groupevents
{background: url(../img/groupevents.png) no-repeat 0 0;}

.sidebar div ul
{margin:5px 0 10px 0;}

.sidebar div ul li
{color:#d5d8d9;
font: normal 12px/18px Arial, sans-serif;
padding:1px 0 1px 19px;
background: url(../img/arrows.png) no-repeat 0 6px;}

.moreinfo::after
{content: url(../img/arrows.png);}

.raceformats p::after
{content: url(../img/arrows.png);}

.raceformats p span
{font-style:italic;
color:#66b5d9;}

.footer
{clear:both;
width:100%;
border-top:1px solid #bac0c4;
height:220px;
position:relative;
max-height:220px;
background:#1f1d1b url(../img/footerbg.jpg) repeat-x top;}

.footer a, .footer p
{font:10px/10px Arial;}

.footer p
{color:#ffffff;}

.footer ul li
{padding:0;
margin:0;
line-height:13px;}

.footer ul
{float:left;
margin-top:30px;}

.footer ul li.navtitle a, .footer ul li.navtitle
{color:#FFFFFF;
font-weight:bold;
font-size:10px;
margin-top:10px;}

.footer ul li ul
{float:left;}

.footer ul.coltwo
{margin-top:13px;}

.footer .copyright
{position:absolute;
right:10px;
bottom:10px;}

.footer .backtotop
{float:right;
margin:110px 10px 0 0;
text-align:center;}

.footer .backtotop a
{font:13px/18px Arial, sans-serif;
color:#FFFFFF;
width:35px;
display:block;
background:url(../img/backtotop.png) no-repeat 10px 0;
padding:24px 0 0 0;}

.footer .social
{float:left;
margin:40px 0 0 60px;}

.footer .social h3
{font: normal 15px 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
letter-spacing:1px;
color:#FFFFFF;
margin:0 0 10px 0;}

.footer .social img
{float:left;
margin: 0 5px 0 0;}

.footer .social p#facebook
{clear:both;
padding:15px 0 0 0;}

.footer .social p#facebook a
{font-size:14px;
line-height:17px;}

.social img
{filter:alpha(opacity=20);
-moz-opacity:0.8;
opacity: 0.8;}

.social img:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;}