/* Elements */

body { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; background:#CAD6D8 }

form, div, p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; }

h1  { color: #333; font-size: 24px }
h2  { color: #444; font-size: 20px; letter-spacing: -1px }
h3  { color: #000; font-size: 14px; padding-top: 20px; border-bottom: 1px solid #676767}
h4  { color: #545454; font-size: 13px; padding-top: 5px; margin-bottom: 14px }
h5  { color: #777; font-size: 11px }

/* messages */
.message_box {float:left; clear:both; width:100%; margin:10px 0 20px 0; border:1px solid #81BAD5; background:#E9E9E9; filter:alpha(opacity=90); opacity:0.9;}
.message_box p {margin:10px;}
.error, .warning, .highlight {color:#F00; font-weight:bold;}
.warning {color:#FF8B05;}
.highlight {color:#0099D4; font-weight:bold;}
/************/

/* BODY COLOUMS */
#leftside 	 { text-align: left; padding-right: 15px; margin: 5px 20px; width:630px; float: left; }
#leftside p {padding: 8px 0;}
#rightside	 { text-align: left; margin: 5px 20px 0 0; width: 190px; float:right; border: 1px #CCC dotted; }
#rightside .quick_hdr {background:#0099FF; padding: 5px 10px; color:#FFF; text-transform:uppercase}
#rightside ul {margin-left: 0px; line-height: 25px;}
#rightside li a {color: #333; text-decoration:none;}
#rightside li a:hover {text-decoration:underline;}

#oneside, #oneside_mtb 	 { text-align: left; padding: 5px 20px; width:860px;}
#oneside h2, #oneside_mtb h2 {margin-bottom: 10px;}

#oneside.info {float: left; padding: 5px 20px; width: 860px; height: 510px; background:url(images/bg_info.jpg) no-repeat;}
#oneside_mtb.info {float: left; padding: 5px 20px; width: 860px; height: 530px; background:url(images/img_mtb_dt_2542822.jpg) no-repeat;}

#oneside.info h2, #oneside_mtb.info h2 {margin-bottom: 10px; margin-top: 10px; color:#FFFFFF;}

#oneside.info #left {
	float: left;
	width: 400px;
	height: 420px;
	padding: 10px;
	background:#FFF;
	border: 1px #999999 solid;
	line-height: 16px;

} 

#oneside_mtb.info #left {
	float: left;
	width: 420px;
	height: 460px;
	padding: 0;
	background:#FFF;
	border: 1px #999999 solid;
	line-height: 16px;
} 

#oneside.info ul, #oneside_mtb.info ul {line-height: 22px;}

#oneside #right {float: right; width: 370px; height: 85px; padding: 10px; background:#FFFFFF; border: 1px #999999 solid;} 

#oneside_mtb #right_mtb {float: right; width: 370px; height: 210px; padding: 10px; background:#FFFFFF; border: 1px #999999 solid;} 


/* Layout structure */
#header_wrapper { width: 100%; height: 105px; background: url(images/bg_header.jpg) repeat-x; border-bottom: #333333 5px solid;}

#header { width: 900px; height: 105px; margin: 0px auto;}
#header h1 { float: left; width: 295px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; height:105px; background: #FF0000; background: url(images/logo_ckzn.jpg) top left;}
#header img {display: block; float: right;}

#nav {width: 600px; float: right; height: 25px; margin: 10px 0 0 0 ; background: #ff7e00 url(images/bg_nav.jpg) repeat-x;}
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { display: inline; }
#nav ul li a { float: left; display: block; height: 25x; margin: 0; padding: 3px 12px 2px 12px; font-size: 11px; color: #FFFFFF; text-decoration: none; text-transform: uppercase;}
#nav ul li a:hover { background: #333; text-decoration: none; }

#wrapper { width: 100%; background:#FFF; padding: 20px 0; }

#main_content { margin: 0px auto; width: 900px;}

#intro_area {width: 100%; height:320px;}
#featured {width:465px; float:left}
#option_select { width: 415px; float:left; margin-left: 20px;}

#quicklink {width: 100%; float: left; margin-bottom: 10px; background: url(images/bg_quickintro.jpg) repeat-x; height: 100px; color:#FFFFFF}
#quicklink h2 {display: block; width: 205px; height:44px; background: url(images/lbl_road.jpg) top right  no-repeat; margin: 0; padding: 0; overflow: hidden;}
#quicklink h2.track {background: url(images/lbl_track.jpg) top right  no-repeat;}
#quicklink h2.mtb {background: url(images/lbl_mtb.jpg) top right  no-repeat;}
#quicklink img {display:block; float:left; border: none}
#quicklink p {float: left; margin-left: 15px; margin-top: 4px; line-height: 24px}
#quicklink a {color:#FFFFFF; text-decoration:none;}
#quicklink a:hover {color:#CCC; text-decoration:underline;}


#main_copy {width: 860px; padding: 20px; clear: both; font-size: 14px; line-height: 24px; background-color: #E4E4E4;}
#main_copy p {padding: 5px 0;}
#main_copy img {border: #333333 1px solid }

#footer { clear: both; float: left; width: 100%; height: 100px; }
#footer_content { width: 900px; margin: 0 auto; font-size: 10px; }
#footer_content p { margin: 10px 0; color: #999; }
#footer_content p.left { float: left; }
#footer_content p.right { float: right; }
#footer_content a { font-weight: normal; text-decoration: none; color:#999999 }
#footer_content a:hover { background: none; }
#footer .link { font-weight: bold; color: #007dac; }

/* Links Elements */
.links { width: 46%; float: left; margin: 10px;}
.links a { display: block; color: #666666; text-decoration: none; }
.links a:hover { color: #008c35; }
.links ul {margin-left:30px;}
.links li { margin: 0; padding: 2px; list-style-type: square; color: #666666; }
.links li:hover { color: #1369BE; }
.links h3 {border-bottom: none; background:#006699; padding: 6px; }
.links h4 {text-indent: 5px; margin-bottom: 8px; padding: 5px; border-left:#003366 5px solid; height: 16px; display: block;}
.links p {margin: 10px 15px;}

/* News section */

.backlink {width:620px; padding:6px; text-align:right;}
.news_image {float:left; margin:4px 10px 0 0;}
.album_thumb {float:left; border:1px solid #81BAD5;}
#extra_news_images {float:left; clear:both; width:100%;}
.news_thumbs {margin:10px 5px 0 0; border:1px solid #81BAD5}

.newslistitem {width: 100%; margin: 4px 0; float:left; background:none; border: 1px solid #E4E4E4;}
.newslistthumb {width: 75px; height: 40px; padding: 5px; float:left;}
.newslistdetail {float: left; width: 82%; padding: 5px 10px;}
.newslistdetail h4 {margin-bottom: 0; margin-top: 0; padding: 0; font-size: 13px; font-weight:bold; color:#333333;}
p.date {margin: 5px 0 0 0; padding: 0 !important; line-height: normal; font-size:10px; color:#999999;}

/* Events Section */
.event_details {width:100%; float: left; margin-left: 15px;}
.event_details h6 {font-size: 14px; letter-spacing: -0.1em; margin: 5px;}
.event_details th {background:#ACB3C2; color:#FFFFFF; padding: 3px 6px; text-align: left;}
.event_details td {background:#FFF; color:#333; padding: 3px 6px; text-align: left; border-bottom: 1px dotted #666666;}

#event_details {margin-top:20px; border-collapse:collapse;}
#event_details td {border-bottom:1px dotted #CCC;}
#event_details td.td_label {width:26%; background:#CAD6D8; border-bottom:2px solid #FFF;}

/* Miscellaneous */

.intro_copy { width: 670px; text-align: justify}

.link { font-weight: bold; text-decoration: none; color: #999}
a:hover .link { text-decoration: underline; color: #000}

.clear { clear: both; }
.borderless {border:0!important;}

#advert { float: right; margin-top:10px; width: 468px; height: 60px; }
.clubname {background: #E4E4E4; border-top: 1px solid #CCCCCC; font-weight: bold; font-size:13px}
.designation { font-size:9px!important; }

/* Riders profiles */

.profiles {float:left; margin: 10px; width: 152px;}
.profiles img {border: 1px solid #333333}
.profiles p {padding: 5px; text-transform:uppercase; font-weight:bold; text-align:center;}
.profiles a {padding: 5px; color:#666666; text-decoration:none; text-transform: lowercase; font-weight:normal}
.profiles a:hover {color:#FF7F00; text-decoration:underline}