/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
* { margin: 0; padding: 0; border: 0; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; list-style-type: none; }
a img,:link img,:visited img { border:none }
address { font-style:normal }

a:link { color: #900; }
a:visited { color: #900; }
a:hover { color: #f60; text-decoration: none;}
a:active {}

body {
	text-align: center;
	background: #444 url(../cssimg/BackgroundBody.gif) repeat top left;
	font-size: 76%;
	font-family: Tahoma, Verdana, Arial, Helv, Sans-serif;
	}

#Container {
	margin: 0 auto;
	margin-top: 10px;
	width: 740px;
	text-align: left;
	background-color: #444;
	border: 1px #666 solid;
	}
	
.NsCredit {
	width: 740px;
	text-align: right;
	margin: 0 auto;
	color: #aaa;
	font-size: 90%;
	padding: 8px 0;
	}
.NsCredit a { color: #aaa; }

#Masthead {
	background: #111 url(../cssimg/Topbar.jpg) no-repeat bottom left;
	height: 12em;
	}
#Masthead h1 {
	text-indent: -9999px;
	}
	
.Clear { clear: both; height: 1px; }
	
#Nav {
	background: #222 url(../cssimg/BackgroundTopnav.gif) repeat top left;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	position: relative;	
	padding-top: 5px;
	padding-left: 5px;
	height: 33px;
	}

	#Nav ul.MainNav {
		display: block;
		min-height: 34px;
		}	
	#Nav ul.MainNav li {
		font-family: "trebuchet ms", tahoma, verdana, arial, helv, sans-serif;
		display: inline;
		float: left;
		}
	#Nav ul.MainNav li a {
		font-size: 1.45em;
		text-transform: lowercase;
		display: block;
		background: #222 url(../cssimg/TnBg.gif) repeat-x top left;
		color: #ccc;
		width: 4em;
		padding: 4px;
		margin: 1px;
		text-decoration: none;		
		border-top: 1px #666 solid;
		}
	#Nav ul.MainNav li a:hover {
		color: #f00;
		background-color: #222;
		border-top: 1px #f00 solid;
		}
	
	#Nav ul.MainNav li a.Active {
		color: #f00;
		background: #421515;
		border-top: 1px #f00 solid;
		}
	
	.SubNav {
		background-color: #222;
		clear: both;
		margin: 5px 11px 0 11px;
		padding: 0;
		}
	.SubNav ul {
		clear: both;
		display: inline;
		}
	.SubNav ul li {
		display: inline;
		float: left;
		margin-right: 5px;
		padding: 0;
		}
	.SubNav ul li a {
		background-color: #111;
		color: #fff !important;
		font-weight: bold;
		display: block;
		width: 12em;
		padding: 0.5em;
		margin: 0;
		text-align: left;
		border-top: 1px #555 solid;
		}
	.SubNav ul li a.Active {
		background-color: #222;
		border-top: 1px #600 solid;
		}
	.SubNav ul li a:hover {
		color: #eee;
		}

#Content p.Date { margin-bottom: 0.25em; }
#Content p.PrLink { margin-top: -.75em; }
		
#Content {
	clear: both;
	background-color: #222;
	margin-top: -5px;
	padding-top: 10px;
	}
#Content .Internal {
	clear: both;
	padding: 0 15px 10px 15px;
	}

#Content p,
.PressRelease,
.RssContent {
	font-size: 1.1em;
	line-height: 140%;
	margin: 0 0 1em 0;
	color: #eee;
	}

.PressRelease { font-size: 1em; line-height: auto; }
	
	ol.PressRelease p { font-size: 1em; }
	
	ol.PressReleases {
		margin: 0.5em 0;
		}
	ol.PressReleases li {
		margin: 2em 0;
		}
	ol.PressReleases li h4 {
		font-size: 1.45em;
		margin: .25em 0 .25em 0;
		padding-bottom: 3px;
		border-bottom: 1px #888 solid;
		width: 600px;
		color: #c00;
		}
	ol.PressReleases li h4 a {
		text-decoration: none;
		}
	ol.PressReleases li p.Date {
		font-size: 0.9em;
		color: #fff;
		font-weight: bold;
		}


		
	ul.Buttons {
		display: inline;
		float: left;
		margin-bottom: 0 !important;
		margin-left: 2px;
		}
	ul.Buttons li  {
		display: inline;
		float: left;
		margin-right: 2px;
		}
	ul.Buttons li a {
		display: block;
		height: 1.5em;
		padding: 10px 5px 10px 40px;
		color: #f00;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
		width: 9.5em;
		background-color: #333;
		border: 1px #444 solid;
		border-bottom: 0;
		}
	ul.Buttons li a.Helmet { background: transparent url(../cssimg/ButtonHelmet.gif) no-repeat 4px 4px; width: 6em; }
	ul.Buttons li a.Spanner { background: transparent url(../cssimg/ButtonSpanner.gif) no-repeat 4px 4px; width: 6em; }
	ul.Buttons li a.Clock { background: transparent url(../cssimg/ButtonClock.gif) no-repeat 4px 4px; width: 9em; }
	ul.Buttons li a.Track { background: transparent url(../cssimg/ButtonTrack.gif) no-repeat 4px 4px; width: 9em; }

	ul.Buttons li a:hover {
		background-color: #4F0F0F;
		text-decoration: underline;
		}	
	
	div.ButtonsText {
		clear: both;
		border: 1px #555 solid;
		background: #222 url(../cssimg/HiwBg.gif) repeat-x top left;
		padding: 10px;	
		width: 640px;
		font-size: 1.1em;
		}

h2 { 
	display: block;
	width: 500px;
	height: 50px;
	text-indent: -9999px;
	padding: 0;
	margin: 5px 0 0 6px;
	float: left;
	}
h2#H2PressReleases { background: transparent url(../cssimg/H2PressReleases.gif) no-repeat top left; }
h2#H2ProfileDavid { background: transparent url(../cssimg/H2ProfileDavid.gif) no-repeat top left; }
h2#H2ProfileIeuan { background: transparent url(../cssimg/H2ProfileIeuan.gif) no-repeat top left; }
h2#H2CompetitionHistory { background: transparent url(../cssimg/H2CompetitionHistory.gif) no-repeat top left; }
h2#H2HowItWorks { background: transparent url(../cssimg/H2HowItWorks.gif) no-repeat top left; }
h2#H2Codrivers { background: transparent url(../cssimg/H2Codrivers.gif) no-repeat top left; }
h2#H2Cars { background: transparent url(../cssimg/H2Cars.gif) no-repeat top left; }
h2#H2ProfileTQ { background: transparent url(../cssimg/H2ProfileTq.gif) no-repeat top left; }
h2#H2Upcoming { background: transparent url(../cssimg/H2Upcoming.gif) no-repeat top left; }
h2#H2Links { background: transparent url(../cssimg/H2Links.gif) no-repeat top left; }
h2#H2Contact { background: transparent url(../cssimg/H2Contact.gif) no-repeat top left; }
h2#H2Tuition { background: transparent url(../cssimg/H2Tuition.gif) no-repeat top left; }
h2#H2Welcome { background: transparent url(../cssimg/H2Welcome.gif) no-repeat top left; }
h2#H2Gallery { background: transparent url(../cssimg/H2Gallery.gif) no-repeat top left; }

h3 {
	margin: 1em 0 0.5em 0;
	color: #e00;
	font-size: 1.25em;
	}
h3.First { margin-top: 0; }
h3.PressReleases { font-size: 1.45em; }
h4.PressReleases { font-size: 1.25em; margin: 0.5em 0 0.75em 0; color: #fff; }

img.Photo { 
	background-color: #333;
	padding: 5px;
	border: 1px #888 solid;
	}
img.PhotoLeft {
	float: left;
	margin: 0 2em 1em 0;
	display: inline;
	}
img.PhotoRight {
	float: right;
	margin: 0 0 1em 2em;
	display: inline;
	}	

.Profile {
	position: relative;
	}
.AtAGlance {
	width: 210px;
	float: right;
	background: #222 url(../cssimg/HiwBg.gif) repeat-x top left;
	border: 1px #444 solid;
	padding: 10px;
	margin: 0 0 20px 20px;
	}
table.ProfileInfo { 
	width: 210px;
	font-size: 1.2em;
	}
table.ProfileInfo tbody tr th {
	width: 50px;
	vertical-align: top;
	color: #eee;
	}
table.ProfileInfo tbody tr td {
	padding-bottom: 5px;
	color: #eee;
	}	
table.ProfileInfo tbody tr td.Portrait {
	text-align: center;
	padding-bottom: 15px;
	}
table.ProfileInfo tbody tr td.Portrait img {	
	background-color: #333;
	padding: 5px;
	border: 1px #888 solid;
	clear: both;
	margin-bottom: 8px;
	}

table.CompetitionHistory {
	border: 1px #444 solid;
	margin: 0 0 15px 0;
	width:100%;
	}	

table.CompetitionHistory th,
table.CompetitionHistory td {
	padding: 5px;
	font-size: 90%;
	line-height: 135%;
	color: #eee;
	}

table.CompetitionHistory thead tr th {
	font-size: 120%;
	border-bottom: 1px #555 solid;
	}
	
table.CompetitionHistory tbody tr th {
	width: 25%;
	border-right: 1px #666 solid;
	}

table.UpcomingEvents {
	width: 100%;
	}
table.UpcomingEvents	tbody tr th {
	width: 60%;
	font-size: 130%;
	border-right: 0;
	}

table.CompetitionHistory tbody tr.OddRow {
	background-color: #322;
	}
	
table.CompetitionHistory tbody tr td { 
	padding-left: 10px;
	}	
table.CompetitionHistory tbody tr td.FreeText { 
	padding-left: 5px;
	}
	
table.CompetitionHistory tr.Division th {
	border-bottom: 1px #900 solid;
	background-color: #444;
	font-size: 110%;
	}

div.CompetitionYear {
	clear: both;
	position: relative;
	padding-left: 10em;
	margin: 0 0 1em 0;	
	}
	
div.Championships {
	margin-bottom: 15px;
	}
	
h4.Championship {
	font-size: 130%;
	color: #F5BC34;
	padding: 4px 5px;
	padding-left: 30px;
	background: transparent url(../cssimg/Star.gif) no-repeat left center;
	}
h3.CompetitionHistoryYear {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 125px;
	font-size: 190%;
	}

ul.CompetitionHistory h4 {
	}

div.Link {
	min-height: 90px;
	clear: both;
	padding-bottom: 12px;
	}
div.Link h3 {
	margin-top: 0;
	font-size: 140%;
	}	
	
div.Link div.LinkImage {
	float: right;
	text-align: center;
	width: 200px;
	min-height: 90px;
	}
div.Link div.LinkImage img {
	background-color: #333;
	padding: 5px;
	border: 1px #888 solid;
	}

div.Gallery img {
	padding: 5px;
	background-color: #555;
	border: 1px #777 solid;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	}

p.Back { clear: both; padding: 1em 0; }

#Footer {
	height: 50px;
	width: 100%;
	clear: both;
	background: transparent url(../cssimg/Footer.gif) repeat-x center bottom;
	}

	

	
	h2#H2Links { background: transparent url(../cssimg/H2Links.gif) no-repeat top left; }