@charset "utf-8";
/* CSS Document */

/* ===== RESET ===== */
html { color:#000; background:#EEE; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }
del,ins { text-decoration:none; }



/* ===== BASE ===== */
body {
	background: #EEE;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
h1 { font-size:36px; font-weight: bold; }
a:link { color: #C00; }
a:visited {	color: #900; }
a:hover { text-decoration: none; }
strong {font-weight: bold;}


/* ===== GENERIC ===== */
.active {
	font-weight: bold;	
}
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.grid {
	margin-left: auto;
	margin-right: auto;
	width: 960px;	
}
.grid-180, .grid-260, .grid-280, .grid-400, .grid-640 {
	display: inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
.grid-180 { width: 180px; }
.grid-260 {	width: 260px; }
.grid-280 {	width: 280px; }
.grid-400 {	width: 400px; }
.grid-640 {	width: 640px; }
.grid-first { margin-left: 0; }
.grid-last { margin-right: 0; }

.paginate {
	color: #666;
	font-size: 11px;
	margin: 30px 0 0 0;
}


/* ===== STRUCTURE ===== */
#main-outer { clear: both; width: 100%; }
#main {}


/* ===== HEADER ===== */
#header-outer {
	background-color: #000;
	background-image: url(../img/bg_carbon_fibre_top.jpg);
	clear: both;
	height: 81px;
	margin: 0 0 15px 0;
	width: 100%;
}
#header {
	float: left;
	height: 45px;
	padding: 0;
	text-align: left;
	width: 960px;
}
#logo {	float: left; }
#logo a, #logo a:link, #logo a:visited {
	background-image: url(../img/logo_pdc.png);
	background-repeat: no-repeat;
	display: block;
	height: 110px;
	margin: -6px 20px 0 18px;
	text-indent: -9999px;
	width: 172px;
}
#logo a:hover {	background-image: url(../img/logo_pdc_over.png); }
/* Nav styles found in SpryMenuBarHorizontal.css */
#nav {}
/* Red bar to inidcate currently active nav section */
body#club #nav-club a, body#events #nav-events a, 
body#gallery #nav-gallery a, body#forum #nav-forum a, body#blog #nav-blog a, 
body#blog #nav-blog a, body#contact #nav-contact a { border-bottom: 4px solid #900; }
/* Image Replacement for each nav item */
#nav-club a .nav-text, #nav-events a .nav-text, 
#nav-gallery a .nav-text, #nav-forum a .nav-text, 
#nav-blog a .nav-text, #nav-contact a .nav-text { display: block; height: 15px;	text-indent: -9999px; }
#nav-club a .nav-text {	background: url(../img/nav_text_club.png) no-repeat; width: 31px; }
#nav-events a .nav-text { background: url(../img/nav_text_events.png) no-repeat; width: 45px; }
#nav-gallery a .nav-text { background: url(../img/nav_text_gallery.png) no-repeat; width: 53px; }
#nav-forum a .nav-text { background: url(../img/nav_text_forum.png) no-repeat; width: 41px; }
#nav-blog a .nav-text {	background: url(../img/nav_text_blog.png) no-repeat; width: 30px; }
#nav-contact a .nav-text { background: url(../img/nav_text_contact.png) no-repeat; width: 54px; }
#header #search { border-left: 1px solid #444; float: left; height: 42px; }
#header input {
	width: 130px;
	height: 15px;
	border: 1px solid #999;
	background: #CCC url(../img/icon_search.png) no-repeat right center;
	margin: 19px 0 0 10px;
	font-size: 11px;
}
#nav-member { 
	color: #999;
	font-size: 9px;
	position: absolute;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	top: 5px;
	left: 600px;
	width: 360px;
}
#nav-member a {
	color: #999;
	padding: 0 5px 0 5px;
}
#nav-member a:hover {
	background-color: #C00;	
	color: #FFF;
}
#nav-member .welcome-member {
	margin-right: 5px;	
}


/* ===== MAIN ===== */
#main-outer { background-color: transparent; clear: both; width: 100%; }
#main {
	width: 940px;
	margin: 29px 0 0 20px;
	text-align: left;
	float: left;
	font-size: 12px;
}

/* ===== FOOTER ===== */
#footer-outer {
	background-color: #000000;
	background-image: url(../img/bg_carbon_fibre.jpg);
	float:left;
	margin: 0 0 0 0;
	width: 100%;	
}
#footer {
	float: left;
	padding: 0;
	text-align: left;
	width: 100%;
}
#footer .breadcrumb {
	border-bottom: 1px solid #333;
	color: #CCC;
	font-size: 11px;
	padding: 10px 20px;
}
#footer .footer-nav {
	clear: both;
	display: block;
	margin: 10px 0 20px 20px;	
}
#footer .footer-nav ul li {
	color: #CCC;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	width: 140px;
}
#footer .footer-nav ul li ul li {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	margin: 1px 0 0 0;
	text-transform: none;
}
#footer .footer-legal {
	border-top: 1px solid #333;
	clear:both;
	color: #999;
	display: block;
	font-size: 11px;
	margin: 20px 0 20px 0;
	padding: 10px 20px;
}
#footer a { color: #999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footer-nav ul a { color: #CCC; text-decoration: none; }
#footer .footer-nav ul a:hover { text-decoration: underline; }
#footer .footer-nav ul li ul li a { color: #999; }


/* ===== FEATURE ===== */
#feature { float:left; margin: 0 0 20px 0; }
#feature .grid-280 { margin-left: 10px; }
#feature .grid-640 { margin-right: 10px; }
#feature-text h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; }
#feature-text h2 a:link, #feature-text h2 a:visited,
#feature-text a.more:link, #feature-text a.more:visited{ text-decoration: none; }
#feature-text h2 a:hover, #feature-text a.more:hover { text-decoration: underline; }
#feature-text h4 {
	color: #999;
	font-size: 10px;
	margin: 40px 0 0 0;
	text-transform: uppercase;
}
#feature-text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 26px;
	margin: 8px 0 10px 0;
}
.feature-tabs { clear:both;	float: right; margin: 3px 0 0 0; }
.feature-tabs li { float: left;	font-size: 9px;	margin: 0 0 0 2px; }
.feature-tabs li a {
	display: block;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.feature-tabs li a:link, .feature-tabs li a:visited { background-color: #DDD; color:#999; }
.feature-tabs li a:hover { background-color: #C00; color:#FFF; text-decoration:none; }


/* ===== PAGE TITLE ===== */
#page-title {
	font-size: 60px;
	text-transform: uppercase;
}

/* ===== CONTENT ===== */
#content {
	background: url(../img/grid_lines_vert_content_1col.png) repeat-y;
	border-top: 1px solid #CCC;
	float: left;
	width: 940px;
	padding: 0 0 20px 0;
}
#content h3 {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	margin: 20px 0 5px 0;
	padding: 0 0 7px 0;
	text-transform: uppercase;
}
body#home #content { background: url(../img/grid_lines_vert_content_2col.png) repeat-y; }


#photo-main {
	margin: 20px 0 0 0;	
}

/* ===== CONTENT FOR REGISTRATION LIST ===== */
#content-table {
	background: none;
	border-top: 1px solid #CCC;
	float: left;
	width: 960px;
	padding: 0 0 20px 0;
}
#content-table h3 {
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
	padding: 2px 0 2px 5px;
	text-transform: uppercase;
}
h3.white {
	background-color: #000;
	color: #FFF;
}
h3.red {
	background-color: #CC0000;
	color: #FFF;
}
h3.yellow {
	background-color: #FF0;
	color: #000;
}
h3.green {
	background-color:#090;
	color: #FFF;
}
h3.blue {
	background-color: #369;
	color: #FFF;
}

#content-table h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}


#feature-text {	border-top: 1px solid #CCC; }

/* ===== LISTS ===== */
.lst li { margin: 0 0 30px 0; clear:both; }
.lst h4 { font: 16px Georgia, "Times New Roman", Times, serif; font-weight:bold; }
.lst h5 { color: #666; font-size: 10px; text-transform: uppercase; }


.faq {
	margin: 0;
	padding: 0;
}
.faq dt {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
.faq dd {
	margin: 0 0 0 0;
}


/* ===== HOME ===== */
.home-blog-thumb {
	float:left;	
	margin: 0 10px 10px 0;
}


/* ===== EVENTS ===== */
#events { margin-bottom: 20px; }
#events a:link, #events a:visited { text-decoration: none; }
#events a:hover {	text-decoration: underline;	}
#events a.more { font-size: 10px;	text-transform: uppercase; }

/* ===== BLOG ===== */
#blog {	margin-bottom: 20px; }
#blog a:link, #blog a:visited { text-decoration: none;	}
#blog a:hover {	text-decoration: underline;	}
#blog a.more { font-size: 10px;	text-transform: uppercase; }

/* ===== BLOG-ENTRIES ===== */
#blog-entries{}
#blog-entries .blog-entries-item {
		
}
#blog-entries .blog-entries-item h3 {
	font-size: 24px;
	text-transform: none;
	margin: 50px 0 0 0;
	padding: 0;
}
#blog-entries .blog-entries-item h4 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 0;
}
.blog-entries-item-meta {
	color:#666;
	margin: 0 0 10px 0;	
}
.blog-entries-item-meta-left {
	float: left;	
}
.blog-entries-item-meta-right {
	float: right;	
}
.blog-entries-item-body p, .blog-entries-item-body li {
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	margin-bottom: 15px;		
}
.blog-entries-item-body li {
	font: 12px Georgia, "Times New Roman", Times, serif;
	list-style: decimal;
	margin: 0 0 5px 28px;		
}
#blog-entries a.more {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

/* ===== BLOG-ENTRY ===== */
#blog-entry {}
#blog-entry-data { margin-bottom: 20px; height: 34px; }
#blog-entry-data dt, #blog-entry-data dd { margin-left: 10px; }
#blog-entry-data dt { 
	color:#333;
	font-size: 9px; 
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
#blog-entry-data dd { 
	color:#666; 
	font-size: 11px;
}
.blog-entry-date, .blog-entry-author, .blog-entry-comments, .blog-entry-category { border-left: 1px solid #CCC; float: left; }
.blog-entry-date dd { width: 170px; }
.blog-entry-author dd { width: 150px; }
.blog-entry-comments dd { width: 140px; }
.blog-entry-category dd { width: 130px; }

.image-description {
	color: #999;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 20px;
}
#blog-entry h4 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	margin: 30px 0 30px 0;
}
#blog-entry h5 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 30px 0 5px 0;
}
#blog-entry p {
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	margin-bottom: 15px;
}
#blog-entry h3 {
	margin-top: 30px;	
}
#blog-entry #fullpost {
	
}
#blog-entry #fullpost p {
	font-size: 14px;
	line-height: 24px;
	margin: 15px 0 15px 0;
}
#blog-entry #fullpost ol {
	list-style: decimal;
}
#blog-entry #fullpost li {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	list-style: decimal;
	margin: 0 0 5px 30px;
}

/* ===== COMMENTS ===== */
#comments { }
#comments li {
	display: block;
	clear: both;
	width: 640px;
}
.comment {
	border-top: 1px solid #CCC;
	margin: 10px 0 30px 0;
	padding-top: 10px;
}
.first-comment { border-top: 0px none #000; padding-top: 0px;}

.comment-avatar {
	float:left;
	margin-bottom: 20px;
}
.comment-avatar img {
	border: 1px solid #CCC;	
}
.comment-author-date {
	float:left;	
	margin: 0 0 0 10px;
	width: 180px;
}
.comment-author {
}
.comment-date {
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
}
.comment-message {
	float: left;
	width: 400px;
}
#comment-post {
	clear: both;
	display: block;
	margin: 40px 0 20px 0;
	width: 640px;
}
#comment-post h3 {
	margin-bottom: 10px;	
}
#comment-post label {
	color:#666;
	font-size: 10px;
	text-transform: uppercase;	
}
#comment-post textarea {
	height: 200px;
	width: 395px;
	margin: 0 0 10px 0;
}
#comment-post input#username, #comment-post input#password {
	height: 20px;
	margin: 0 0 10px 0;
	width: 210px;
}
.comment-submit, .comment-preview {
	font-size: 11px;
	width: 80px;
}
.comment-submit-preview {
	margin: 20px 0 20px 0;
	text-align: right;
	width: 395px;
}
#comment-post input#captcha {
	height: 20px;
	margin: 0 0 10px 0;
	width: 210px;
}

.comment-login {
	width: 240px;
	float: left;
	margin: 0;
}
.comment-login label {
	clear:right;
	float: left;
}
.comment-login input {
	clear: right;
	height: 20px;
	margin: 0 20px 10px 0;
	width: 210px;		
}
.comment-login .checkbox {
	clear: none;
	height: 14px;
	margin: 0 0 0 0;
	width: 14px;
}
.comment-login .checkbox-label {
	clear: none;
	float: none;
}

.comment-entry {
	display: block;
	float:right;
	width: 400px;	
}
.comment-entry label {
	clear: right;
}
.comment-entry img {
	float: left;
	vertical-align: top;
}
.comment-captcha {
	float: left;
	font-size: 16px;
	height: 26px;
	margin: 0 0 0 5px;
	width: 140px;
}


/* ===== LATEST ARTICLES ===== */
#articles {	margin-bottom: 20px; }
#articles a:link, #articles a:visited {	text-decoration: none; }
#articles a:hover {	text-decoration: underline;	}
#articles h4 { margin: 1px 0 1px 0;	}



/* ===== RULES ===== */
#rules-nav {
	
}
#rules-nav ul {
	float:left;
	width: 250px;
}
#rules-nav li {
	list-style: disc;
	margin: 0 0 0 12px
}

#rules { padding-left: 10px; }
#rules h2 {
	background-color:#666;
	border-bottom: 0px none #CCC;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 10px -10px;
	padding: 4px 0 4px 10px;
	text-transform: uppercase;
}
#rules h3 {
	border-bottom: 0px none #CCC;
	color:#333;
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0 0 0;
}
#rules p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;	
	line-height: 16px;
	margin: 0 0 10px 0;
}
#rules dl {
	margin: 0 0 10px 0px;	
}
#rules dt {
	font-weight: bold;
	text-transform: uppercase;
}
#rules dd {
	margin: 0 0 15px 0;	
}
#rules ol, #rules ul {
	margin: 0px 0 0 20px;
	
}
#rules ol li {
	list-style: decimal;
	margin: 0 0 5px 0;
}

#rules ol li ol li {
	list-style: upper-alpha;	
}

#rules ul li {
	list-style: disc;	
	margin: 2px 0 2px 0;
}

#disclaim {
	margin: 50px 0 20px 0;
	background-color:#FFF;
	padding: 10px;
}
#disclaim p {
	font-size: 12px;
	font-style: italic;
}



/* ===== REGISTRATION LIST ===== */
.registration-list {
	
}
.registration-list td, th {
	vertical-align: top;	
}
.registration-list tr.row1 td {
	border-top: 1px solid #CCC;
	font-size: 12px;
}
.registration-list tr.row2 td {
	color: #999;
	font-size: 10px;
}
.registration-list th {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 2px;
	text-transform: uppercase;
}
.registration-list td {
	padding: 4px 0 4px 0;
}
.registration-list .colName {
	width: 160px;	
}
.registration-list .colContact {
	width: 190px;	
}
.registration-list .colEmergency {
	width: 110px;	
}
.registration-list .colCar {
	width: 140px;	
}
.registration-list .colCarHP {
	width: 50px;	
}
.registration-list .colRegNum{
	width: 140px;	
}
.registration-list .colRemMem {
	width: 140px;	
}
.registration-list .colRemAdm {
	width: 140px;	
}
.registration-list .memberName {
	font-weight: bold;	
}
.registration-list .reg-id {
	font-size: 9px;	
}

.registration-remark {
	font-size: 10px;
}

/* ===== SPONSORS ===== */
#sponsors {
	
}
#sponsors h2 {
	clear:both;
	margin: 30px 0 0 0;
}
#sponsors ul {
	margin: 0 0 30px 0;
}
#sponsors li {
	float: left;
	margin: 10px 5px 10px 5px;
}


/* ===== CONTACT US ===== */
#contact-us {
}

#contact-us h2 {
	
}

#contact-us a {
	text-decoration: none;	
}

#contact-us a:hover {
	text-decoration: underline;	
}

#contact-us th {
	font-weight: bold;	
}

#contact-us .col1 { width: 180px; }
#contact-us .col2 { width: 200px; }
#contact-us .col3 { }


/* ===== SIDEBAR ===== */
#sidebar a:link { color: #C00; text-decoration: none; }
#sidebar a:visited { text-decoration: none;	}
#sidebar a:hover { text-decoration: underline; }
#sidebar dl {
	clear:both;
	display: block;
	font-size: 11px;
	margin-top: -4px;
	width: 100%;
}
#sidebar dl dt, #sidebar dl dd { border-bottom: 1px solid #CCC;	margin: 0; padding: 2px 0 3px 0; }
#sidebar dl dt { clear: left; float: left; width: 160px; }
#sidebar dl dd{
	clear: right;
	float: right;
	text-align: right;
	width: 100px;
}
body#home #sidebar dl dt { width: 160px; }
body#home #sidebar dl dd{ width: 120px; }

body#club #sidebar dl dt { width: 190px; }
body#club #sidebar dl dd{ width: 70px; }


/* ===== CATEGORY HEADER ===== */
#category-header {
	color: #666;	
}




/* ===== GALLERY ===== */
#gallery {
	
}

#gallery .tableBorder {
	border: 1px solid #CCCCCC;
}

#gallery th {
 font-size: 11px;
 font-weight: bold;
 color:	#fff;
 text-align: left;
 padding: 5px 4px 5px 10px;
 background-color:  #666666; 
 text-transform:uppercase;

}

#gallery td {
 font-size:         11px;
 color:             #000;
}

#gallery .categories {
 padding:           2px 5px 2px 10px;
 background-color:  #FFFFFF;  
}

#gallery .thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #FFFFFF;
}

#gallery h1 {
	text-transform:uppercase;	
}

#gallery h1 a:link {
	text-decoration: none;	
}

#gallery h1 a:visited {
	text-decoration: none;	
}

#gallery h1 a:hover {
	text-decoration: underline;	
}


#gallery-executives {
		
}

#gallery-executives ul {
	
}

#gallery-executives li {
	float: left;
	height: 210px;
	margin: 13px 13px 0px 0;
	text-align: center;
}

#gallery-executives h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	width: 145px;
}

#gallery-executives img {
	border: 1px solid #CCC;
	clear:both;
	height: 165px;
	width: 145px;
}

#gallery-executives p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;	
	color:#666;
	font-size: 9px;
	line-height: 12px;
	margin: 0;
	text-transform: uppercase;	
	width: 145px;
}




#executives-nav {
	margin: 10px 0 10px 0;
	clear:both;
}

#executives-nav ul {
	float: left;
	margin: 0 30px 0 15px;
}

#executives-nav li {
	list-style:disc;	
}




/* ===== HEADER IMAGE REPLACEMENT ===== */
h3#hdr-archives { background: url(../img/hdr_archives.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-blog { background: url(../img/hdr_blog.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-categories { background: url(../img/hdr_categories.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-club { background: url(../img/hdr_club.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-comments { background: url(../img/hdr_comments.png) no-repeat; height: 11px;	text-indent: -9999px; margin-top:50px; }
h3#hdr-downloads { background: url(../img/hdr_downloads.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-latest-articles { background: url(../img/hdr_latest_articles.png) no-repeat;	height: 11px; text-indent: -9999px; }
h3#hdr-post-a-comment { background: url(../img/hdr_post_a_comment.png) no-repeat;	height: 11px; text-indent: -9999px; }
h3#hdr-past-events { background: url(../img/hdr_past_events.png) no-repeat;	height: 11px; text-indent: -9999px; }
h3#hdr-upcoming-events { background: url(../img/hdr_upcoming_events.png) no-repeat;	height: 11px; text-indent: -9999px; }
h3#hdr-sponsors { background: url(../img/hdr_sponsors.png) no-repeat; height: 11px;	text-indent: -9999px; }
h3#hdr-the-challenge { background: url(../img/hdr_the_challenge.png) no-repeat; height: 11px;	text-indent: -9999px; }