/* 
Website:	Stafford Mini Z Racers
URL:		http://www.staffordminizracers.co.uk
Version:	3.0 (August, 2009)
Author:		Tom Cash
URL:		http://www.tomcash.co.uk

HTML Attributes */
body { margin: 0; background: URL(layout/bg.jpg) repeat-x #FFF; }
h1 { font-size: 12pt; font-weight: bold; color: #039; margin: 0; }
h2 { font-weight: bold; font-size: 12pt; color: #039; margin: 0; }
h3 { font-weight: bold; font-size: 12pt; color: #C00; margin: 0; }
p { text-align: justify; margin-top: 4px; font-size: 11pt; line-height: 150%; color: #333; }
abbr, acronym { border-bottom: 1px #333 dotted; }
span { margin: 0; padding: 0; font-size: 10pt; }
ul { list-style-type: square; color: #333; }
li { margin-top: 2px; margin-bottom: 2px; }
a:link, a:visited, a:active { color: #039; text-decoration: none; outline: none; }
a:hover { color: #C00; text-decoration: none; }
form { padding: 0; font-size: 11pt; color: #333; line-height: 150%; }
img { margin: 0; padding: 0; border: 0; }

/* Layout Attributes */
#container { width: 950px; margin: auto; font-family: arial, verdana, sans-serif; }
	#header { width: 950px; height: 132px; margin: 0 0 10px 0; }
		#header-left { width: 377px; margin: 0 85px 0 0; float: left; }
		#header-right {	width: 478px; padding: 37px 0 0 10px; height: 95px; background: URL(layout/advert-bg.jpg) no-repeat #FFF; float: right; }
	#navigation-container { width: 180px; float: left; }
	#content {  width: 754px; padding: 0 8px 0 8px; float: right; }
	#footer { width: 946px; padding: 23px 4px 0 0; height: 18px; background: URL(layout/footer-bg.jpg) no-repeat #FFF; clear: both; text-align: right; font-size: 10pt; color: #FFF; font-weight: bold; }
	#footer a { margin: 0 0 0 5px; color: #FFF; text-decoration: underline; }

/* Navigation List Properties */
#navigation { margin: 0; padding: 0; list-style-type: none; font-weight: bold; }
	#navigation li { display: block; padding: 0 0 12px 0; }
	#navigation li.on {	color: #C00; }
	#navigation .sub { color: #039; padding: 0 0 0 20px; }
	#navigation a { color: #039; }
	#navigation a:hover { color: #C00; }	
	
/* Home Page Blocks */
#hpb-next-meet a { width: 196px; height: 196px; padding: 2px; margin: 0 35px 0 35px; border: 1px solid #CCC; float: left; background: URL(layout/hpb-bg.jpg) no-repeat #FFF; }
#hpb-next-meet-image { margin: 28px 0 0 48px; border: 0; }
#hpb-club-championships { width: 196px; height: 196px; padding: 2px; margin: 0 35px 0 0; border: 1px solid #CCC; float: left; background: URL(layout/hpb-bg.jpg) no-repeat #FFF; color: #333; }

/* Championship Summary */
#hpb-cc-container { margin-top: 45px; }
	.hpb-cc-position { width: 76px; padding: 0 0 0 24px; margin: 0 0 2px 0;	float: left; }
	.hpb-cc-name { width: 62px; padding: 0 0 0 34px; margin: 0 0 2px 0; float: left; }
#hpb-new-members a { width: 196px; height: 196px; padding: 2px; border: 1px solid #CCC; float: left; background: URL(layout/hpb-new-members-bg.jpg) no-repeat #FFF; color: #333; margin: 0 0 12px 0; }

/* Text Attributes */
span.error { color: #C00; }

/* Form Attributes */
.form-textarea { font-family: "courier new", verdana, arial, sans-serif; font-size: 13pt; border: 1px solid #666; color: #333; padding: 4px; }
.form-left { width: 227px; height: 50px; padding: 0 0 10px 0; float: left; }
.form-right { width: 520px; height: 40px; float: left; padding: 10px 0 10px 0; }
.form-right-radio { width: 520px; height: 36px; float: left; padding: 14px 0 10px 0; }
.form-left-message { width: 227px; height: 150px; padding: 0 0 10px 0; float: left; }
.form-right-message { width: 520px; height: 150px; padding: 0 0 10px 0; float: left; }
.form-button{ width: 522px; height: 26px; padding: 0 0 10px 225px; clear: both; }

/* General Unsorted List Attributes */
li.grey { color: #999; }
li.indent1 { margin: 0 0 0 40px; }
li.indent2 { margin: 0 0 0 80px; }

/* Image Attributes */
#wildwood-map { margin: 0 15px 14px 10px; display: block; padding: 3px; background: #FFF; border: 1px #999 solid; float: left; }
#wildwood-photo { margin: 0 0 14px 0; display: block; padding: 3px; background: #FFF; border: 1px #999 solid; float: left; }
#gallery-main { display: block; margin: 0 auto; background: #FFF; padding: 3px; border: 1px solid #999; }
.gallery-thumb { border: 1px #999 solid; padding: 3px; margin: 10px 0 0 5px; }
.video-thumb { margin: 10px 0 0 5px;  border: 0; }
.useful-link { padding: 3px; border: 1px #999 solid; margin: 0 0 4px 0; }
.member-thumb { margin: 3px; border: 0; }
.image-right { float: right; border: 0; padding: 2px 0 0 4px; }

/* Central Divs / Paragraph*/
#central { width: 100%; text-align: center; }
#increment { width: 100%; text-align: center; color: #333; font-size: 11pt; padding: 4px 0 6px 0;; }
p#center { text-align: center; }

/* Club Championships */
#cc-container { margin: auto; width: 600px; font-size: 11pt; color: #333; }
.cc-top { width: 590px; background: #CCC; border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; padding: 4px; text-align: center; font-weight: bold; }
.cc-1-top { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; font-weight: bold; }
.cc-1 { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; }
.cc-2-top { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; font-weight: bold; }
.cc-2 { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; }
.cc-3-top { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; font-weight: bold; }
.cc-3 { width: 141px; float: left; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; }
.cc-4-top { width: 140px; float: left; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; font-weight: bold; }
.cc-4 { width: 140px; float: left; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; padding: 4px; }

/* Printable Version */
#printable_version a { background: URL(layout/printer.jpg); width: 131px; padding: 7px 0 0 32px; height: 25px; float: right; margin: -36px 0 0 0; color: #FFF; }
#printable_version a:hover { margin: -30px 0 0 0; }