/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */

* {
	padding:0;
	margin:0;
}

html {
	overflow-y: scroll;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #e4f1ff url(../images/site_objects/bg_body.gif) repeat-x;
	padding:0 0 40px 0;
}

img { 
	border: 0;
}

.hidden {
	position: absolute;
	top: -1000px;
	left: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* ------- 2 TEMPLATE LAYOUT ---------- */

#bodydiv {
	background:#cbd6e1 url(../images/site_objects/bg_border.gif) repeat-x;
	width: 1000px;
	margin: 14px auto;
	display:block;
}

html>body #bodydiv {
	background:none;
	width: auto;
}

#sitecontainer {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	display:block;
	font-size:60%;
}
#topborder {
	border-left: 8px solid #bcddff;
	border-right: 8px solid #bcddff;
	background: #FFF;
	width: 984px;
	height:5px;
	overflow:hidden;
}
#contentcontainer {
	font-size:115%;
	position: relative;
	background: #FFF;
	margin:0 4px 8px 4px;
	text-align: left;
	width: 984px;
	float:left;
}
html>body #contentcontainer {
	border-left: 8px solid #b0c5da;
	border-right: 8px solid #b0c5da;
	border-bottom: 8px solid #b0c5da;
	margin:0 0 40px 0;
}

#pagecontainer {
 	width: 961px;
	margin:0 0 0 7px;
	float:left;
}

html>body #pagecontainer {
	margin:0 15px 0 15px;
	float:none;
}
#branding {
 	width: 954px;
	background:#ffd900;
	margin:7px 7px 0 7px;
	float:left;
	border-bottom:1px solid #FFF;
}

html>body #branding {
	margin:7px 15px 0 15px;
}

#mainnav {
	float:left;
	clear:left;
	background:#FFF;
	width:100%;
	font-family: arial, helvetica, sans-serif;
	font-size:110%;
}
#subnav {
	float:left;
	clear:left;
	background:#ebebeb;
	width:957px;
	font-family: arial, helvetica, sans-serif;
	font-size:115%;
	margin:0 0 8px 7px;
	height:31px;
}
html>body #subnav {
	margin:0 0 8px 15px;
	min-height:29px;
	height:auto;
}

#content {
	float:left;
	width: 563px;
}

#footer {
	float:left;
	color:#333333;
	padding-top: -5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 14px;
}

div.internalcontent {
	font-size:115%;
	width:960px;
}

div.lefthalf {
	width:475px;
	float:left;
}
div.righthalf {
	width:480px;
	float:right;
}

div.textcontent {
	width:420px;
	margin:0 0 0 3px;
	float:left;
	line-height:140%;
}
html>body div.textcontent {
	margin:0 10px 0 6px;
}
div.textcontentnarrow {
	width:370px;
	margin:0 20px 0 3px;
	float:left;
	line-height:140%;
}
html>body div.textcontentnarrow {
	margin:0 10px 0 6px;
}
div.twocolcontent {
	width:714px;
	float:left;
}
div.textcontentwide {
	width:600px;
	margin:0 20px 0 3px;
	float:left;
	line-height:140%;
}

div.textcontentmid {
	width:455px;
	float:left;
	margin:0 20px 0 5px;
}
	
	
		
html>body div.textcontentwide {
	margin:0 10px 0 6px;
}
div.fullcontent {
	width:716px;
	float:left;
	padding:0 0 14px 0;
}
div.pagecontent {
	width:716px;
	float:left;
}

div.relatedimg {
	float:right;
}
div.twocolumn {
	width:690px;
	float:left;
}

div.twocolumn div.feature {
	width:225px;
	float:right;
	}
	
div.featurecolumn {
	width:300px;
	margin:0;
	float:left;
}
div.midcol {
	width:234px;
	float:left;
	padding:0 0 0 0;
	line-height:140%;
	font-size:90%;
}
div.twocolcontent div.midcol {
	float:right;
}
div.rightcol {
	width:240px;
	float:right;
	padding:0 0 6px 0;
	line-height:140%;
	font-size:90%;
}

div.leftcol {
	width:240px;
	float:left;
	padding:0 6px 14px 0;
	line-height:140%;
	font-size:90%;
}
div.rightcol h2, div.leftcol h2, div.midcol h2, div.internalcontent div.midcol h2 {
	width:219px;
	font-size:150%;
	margin:0;
	font-family: arial, helvetica, sans-serif;
}
div.rightcol h3.text, div.leftcol h3.text {
	font-family: arial, helvetica, sans-serif;
	font-size:150%;
	margin:0;
	padding:20px 0 0 9px;
	font-weight:bold;
}
div.rightcol div.bar, div.leftcol div.bar {
	color:#FFFFFF;
	background:#69b8ed url(../images/site_objects/bg_bevel_blu.gif) repeat-x;
	display:block;
	width:219px;
	border:2px solid #69b8ed;
}

div.rightcol div.bar h2, div.leftcol div.bar h2 {
	color:#FFFFFF;
	padding:6px 6px 6px 7px;
	text-decoration:none;
}

div.rightcol h2.bar, div.leftcol h2.bar, div.internalcontent div.midcol h2.bar {
	color:#FFFFFF;
	background:#69b8ed url(../images/site_objects/bg_bevel_blu.gif) repeat-x;
	display:block;
	width:219px;
	padding:6px 6px 7px 7px;
	border:2px solid #69b8ed;
}

div.rightcol div.bar_ylw, div.leftcol div.bar_ylw, div.internalcontent div.midcol div.bar_ylw {
	color:#000000;
	background:#ffd900 url(../images/site_objects/bg_bevel_ylw_top.gif) repeat-x;
	display:block;
	width:232px;
	border:2px solid #ffd900;
	border-top:none;
	height:90px;
}
html>body div.rightcol div.bar_ylw, html>body div.leftcol div.bar_ylw {
	height:auto;
	min-height:90px;
}
div.rightcol div.bar_ylw h2, div.leftcol div.bar_ylw h2 {
	clear:both;
	color:#000000;
	padding:7px 6px 6px 7px;
	text-decoration:none;
}
div.rightcol div.bar_ylw h2.calendar, div.leftcol div.bar_ylw h2.calendar {
	font-size:240%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 9px !important;
	line-height:110%;
	display:inline;
	width:auto;
	color:#333333;
}


div.righthalf h2.raceroute {
	font-size:120%;
	margin:0;
	font-family: arial, helvetica, sans-serif;
}
div.righthalf h2.bar_ylw {
	color:#000000;
	background:#ffd900 url(../images/site_objects/bg_bevel_ylw_top.gif) repeat-x;
	display:block;
	width:451px;
	padding:7px 6px 3px 7px;
	border:2px solid #ffd900 ;
	border-top:none;
	margin:0;

}

div.rightcol h2.bar_ylw, div.leftcol h2.bar_ylw, div.internalcontent div.midcol h2.bar_ylw, div.onecol h2.bar_ylw {
	color:#000000;
	background:#ffd900 url(../images/site_objects/bg_bevel_ylw_top.gif) repeat-x;
	display:block;
	width:217px;
	padding:7px 6px 6px 7px;
	border:2px solid #ffd900 ;
	border-top:none;
}

div.rightcol h2.ylw a:link, div.rightcol h2.ylw a:visited, div.leftcol h2.ylw a:link, div.leftcol h2.ylw a:visited {
	color:#000000;
	clear:both;
	padding:5px 5px 5px 6px;
	background:#ffd900 url(../images/site_objects/bg_bevel_ylw.gif) repeat-x top right;
	width:100%;
	display:block;
	text-decoration:none;
	border:2px solid #ffd900;
}
div.rightcol h2.ylw a:hover, div.rightcol h2.ylw a:focus, div.rightcol h2.ylw a:active, div.leftcol h2.ylw a:hover, div.leftcol h2.ylw a:focus, div.leftcol h2.ylw a:active {
	color:#000000;
	text-decoration:underline;
}

div.rightcol h2 a:link, div.rightcol h2 a:visited, div.leftcol h2 a:link, div.leftcol h2 a:visited {
	color:#FFFFFF;
	clear:both;
	padding:5px 5px 5px 6px;
	background:#69b8ed url(../images/site_objects/bg_arw_blu.gif) repeat-x top right;
	width:100%;
	display:block;
	text-decoration:none;
	border:2px solid #69b8ed;
}
div.rightcol h2 a:hover, div.rightcol h2 a:focus, div.rightcol h2 a:active, div.leftcol h2 a:hover, div.leftcol h2 a:focus, div.leftcol h2 a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
div.rightcol div.calendartitle, div.leftcol div.calendartitle {
	margin-top:10px;
	width:236px;
}
div.rightcol div.calendartitle ul, div.leftcol div.calendartitle ul {
	float:right;
	display:inline;
}
div.rightcol div.calendartitle ul li, div.leftcol div.calendartitle ul li {
	display:inline;
	float:left;
	padding:4px;
}
div.cal_title {
	width:150px;
	float:left;
	padding:6px 0 0 0;
}
div.cal_arrows {
	width:80px;
	float:right;
	padding:6px 0 0 0;
}
div.rightcol h3, div.leftcol h3, div.internalcontent div.midcol h3 {
	font-weight:normal;
	margin:12px 8px 10px 9px;
}
div.rightcol p, div.leftcol p, div.internalcontent div.midcol p {
	margin:4px 8px 14px 9px;
}



/* ------- 3 BRANDING / LOGO  ---------- */

#branding div.logo {
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin: 0px;
	height: 107px;
	width: 140px;
}

#branding div.adverts {
	float:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 20px;
	margin: 0px;
	height: 107px;
	width: 505px;
	background-position: center;
}
#branding div.details {
	float:right;
	width:240px;
	margin: 0px;
	top: 0px;
}

#branding div.details div.siteservices {
	float:left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 20px;
}

#branding div.details div.countdown {
	float:right;
	width:210px;
	height:95px;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
p.date {
	width:120px;
	float:left;
	line-height:220%;
	margin:0;
}
p#clock {
	width:90px;
	float:right;
	line-height:150%;
	padding:2px 0 0 0;
	margin:0;
}

#clock img, p.date img {
	float:left;
}

div.yourpage {
	margin-top:-40px; 
	width:700px
}

/* ------- 4 MAIN NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the main / top nav if required  */

#mainnav ul {
}
#mainnav ul li {
	display: inline;
	list-style-type: none;
	text-transform:uppercase;
}
#mainnav ul li a:link, #mainnav ul li a:visited {
	color:#FFFFFF;
	font-weight:bold;
	padding:7px 6px 7px 5px;
	float:left;
	text-decoration:none;
	background-color: #000066;
}
#mainnav ul li a:focus, #mainnav ul li a:hover, #mainnav ul li a:active  {
	color:#ffd900;
	text-decoration:none;
}
#mainnav ul li a.lit:link, #mainnav ul li a.lit:visited {
	color:#ffd900;
}
/* ------- 5 SUB NAVIGATION ELEMENTS   ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */
#subnav ul li {
	display: inline;
	list-style-type: none;
	text-transform:uppercase;
	font-size:90%;
	white-space:nowrap;
}
#subnav ul li a:link, #subnav ul li a:visited {
	color:#000000;
	padding:8px 6px 8px 6px;
	float:left;
	text-decoration:none;
}
#subnav ul li a:focus, #subnav ul li a:hover, #subnav ul li a:active {
	text-decoration:underline;
	font-weight:normal;
}
#subnav ul li a.lit:link, #subnav ul li a.lit:visited{
	font-weight:bold;
	padding:8px 6px 6px 6px;
}

#accessiblenav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#accessiblenav li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#accessiblenav a:link, #accessiblenav a:visited {
	position: absolute;
	top: 3.6em;
	left: 181px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 60%;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px;
	background: #FFD900;
	z-index: 10000;
	text-decoration:underline;
}


/* ------- 6 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

#footer p {
	float:left;
	padding:0 10px 0 0;
}
#footer ul {
	float:right;
}

#footer ul li {
	display:inline;
	padding:0 10px 0 0;
}

#footer ul li a:link, #footer ul li a:visited {
	color:#333333;
}



/* ------- END OF LAYOUT.CSS   ---------- */