/*
Right Gear London - Main Stylesheet 

Logo Green		018134
Border Green		0af268

Gray					343434
*/
.coucil { /*width:150px; */}
*
{ font-family: Arial, Sans-serif }

img, div
{ behavior: url(public/iepngfix.htc); }

body 
{ background: url(../images/body_bg.jpg) repeat-x #000 }

div#container
{ width: 1004px; margin: 0 auto; overflow: visible; }

div#container div#header
{ background: url(../images/header.jpg) no-repeat; height: 147px; width: 1031px; position: relative; left: -3px; }

/*
	Main Navigation
*/
div#container div#navigation
{  }
div#container div#navigation ul
{ }
div#container div#navigation ul li
{ float: left; height: 42px;  }
div#container div#navigation ul li a
{ display: block; height: 42px;  text-indent: -9999px; background: transparent url(../images/spr_navigation.jpg) no-repeat;}

div#container div#navigation ul li#home a					{ background-position: 0 0; width: 123px; }
div#container div#navigation ul li#home a:hover, div#container div#navigation ul li#home a.active
																			{ background-position: 0 -42px;}

div#container div#navigation ul li#the_right_gear a		{ background-position: -123px 0; width: 126px; }
div#container div#navigation ul li#the_right_gear a:hover, div#container div#navigation ul li#the_right_gear a.active
																			{ background-position: -123px -42px;}

div#container div#navigation ul li#news a					{ background-position: -250px 0; width: 126px; }
div#container div#navigation ul li#news a:hover, div#container div#navigation ul li#news a.active
																			{ background-position: -250px -42px;}

div#container div#navigation ul li#employers a			{ background-position: -377px 0; width: 125px; }
div#container div#navigation ul li#employers a:hover, div#container div#navigation ul li#employers a.active
																			{ background-position: -377px -42px;}

div#container div#navigation ul li#competition a			{ background-position: -502px 0; width: 125px; }
div#container div#navigation ul li#competition a:hover, div#container div#navigation ul li#competition a.active
																			{ background-position: -502px -42px;}

div#container div#navigation ul li#car_drivers a			{ background-position: -627px 0; width: 125px; }
div#container div#navigation ul li#car_drivers a:hover, div#container div#navigation ul li#car_drivers a.active
																			{ background-position: -627px -42px;}

div#container div#navigation ul li#links a					{ background-position: -752px 0; width: 127px; }
div#container div#navigation ul li#links a:hover, div#container div#navigation ul li#links a.active
																			{ background-position: -752px -42px;}

div#container div#navigation ul li#contact a				{ background-position: -879px 0; width: 125px; }
div#container div#navigation ul li#contact a:hover, div#container div#navigation ul li#contact a.active
																			{ background-position: -879px -42px;}
/*
	End Main Navigation
*/

/* 
	Content Area
*/

div#container div#column_wrap { margin-top: 4px; }
div#container div#column_wrap div#left { float: left;  }
div#container div#column_wrap div#left div.left_column_module { width: 227px; border: 1px solid #0af268; background: #343434; padding: 10px; margin-top: 5px; overflow: hidden;}
div#container div#column_wrap div#left div.left_column_module a { color: #FFF; font-size: 11px;  }
div#container div#column_wrap div#left div.left_column_module p { color: #FFF; font-size: 12px; line-height: 18px;}

div#container div#column_wrap div#left div.left_column_module img#img_didyouknow { padding-bottom: 10px;}
div#container div#column_wrap div#left div.left_column_module img#london-bike-guide { float: right; }

div#container div#column_wrap div#left div#competition_box { height: 174px; }
div#container div#column_wrap div#left div#competition_box p { color: #0af268; font-size: 12px;}
div#container div#column_wrap div#left div#protective-gear a { height: 160px;color: #0af268; font-size: 12px; text-decoration: none;}
div#container div#column_wrap div#left div#protective-gear a:hover {text-decoration:underline; }
div#container div#column_wrap div#left div#didyouknow { height: 150px; }

div#container div#column_wrap h2 { border-bottom: 1px solid #018134; font-size: 16px; padding-bottom: 15px; }

div#container div#column_wrap div#middle { float: left; margin-left: 3px; width: 563px; padding: 30px; min-height: 500px; height: auto !important; height: 500px; }
div#container div#column_wrap div#middle p { font-size: 12px; line-height: 16px; margin: 10px 0; }

div#container div#column_wrap div.white {background: #fff; }
div#container div#column_wrap div.grey { background: #333; }

div#container div#column_wrap div#right { float: left; margin-left: 3px; }
div#container div#column_wrap div#right div.right_column_module { width: 122px; border: 1px solid #0af268; background: #343434; margin-top: 5px; padding-bottom: 15px; overflow: hidden;}

div#container div#column_wrap div#right div.right_column_module p { color: #FFF; font-size: 12px; }
div#container div#column_wrap div#right div.right_column_module a { color: #FFF; font-size: 12px; }
div#container div#column_wrap div#right div.right_column_module a:hover { text-decoration:none; }

div#container div#column_wrap div#right div#moped-safety-poster { text-align: center; height: 169px; }
div#container div#column_wrap div#right div#moped-safety-poster p { margin: 0; }

div#container div#column_wrap div#right div#roadzine { text-align: center; height: 170px; }
div#container div#column_wrap div#right div#roadzine p { margin: 0 0 10px 0; }

div#container div#column_wrap div#right div#sponsors { text-align: center; height: 161px; }
div#container div#column_wrap div#right div#sponsors img { margin: 8px 0; }

div#container div#footer_logos { background: #FFF; height: 350px; border: 1px solid #676767; text-align: center; padding: 3px 0; margin-top: 4px;}

div#container div#footer { background: url(../images/gradient_bottom-nav.jpg) repeat-x; border: 1px solid #303030; height: 30px;margin: 4px 0 10px 0; padding-top: 10px; }
div#container div#footer ul { }
div#container div#footer ul li { float: left; }
div#container div#footer ul li a { color: #FFF; font-size: 12px; text-decoration: none; border-right: 1px solid #FFF; padding: 0 10px; }

div#container div#footer p#copyright { float: right; font-size: 12px; color: #FFF; margin: -5px 10px 5px 0; }
div#container div#footer p#copyright img {vertical-align:middle; }

div#container div#column_wrap div#middle p a { color: #018134; }

div#container div#column_wrap div#middle ul {list-style-image:url(../images/bullet.gif)  }
div#container div#column_wrap div#middle ul li { font-size: 12px; line-height: 16px; margin: 5px 0 5px 20px; }

div#container div#column_wrap div#middle form label { float: left; display: block; width: 100px; }
div#container div#column_wrap div#middle form input[type=text], div#container div#column_wrap div#middle form input[type=password]
 { border: 1px solid #CCC; width: 170px; font-size: 12px; padding: 2px;}
 
body.register div#container div#column_wrap div#middle form label { float: left; display: block; width: 165px; }
body.register div#container div#column_wrap div#middle form input[type=text], div#container div#column_wrap div#middle form input[type=password], div#container div#column_wrap div#middle form textarea
 { border: 1px solid #CCC; width: 170px; font-size: 12px; padding: 2px;}

 
div#container div#column_wrap div#middle div.right_gear_images { margin: 0 auto; text-align: center; }
div#container div#column_wrap div#middle div.right_gear_images img { padding: 10px; }

div#container div#column_wrap div#middle div#contact_alphabet { cursor: pointer; }
div#container div#column_wrap div#middle div#contact_alphabet a { margin-right: 3px; }
div#container div#column_wrap div#middle div#contact_alphabet a:hover { color: #018134; }

div#container div#column_wrap div#middle div.borough { display: none; }
div#container div#column_wrap div#middle div.borough span.title { font-weight: bold; color: #018134; }

div#container div#column_wrap div#middle div.borough div.borough_left { width: 250px; float:left; }
div#container div#column_wrap div#middle div.borough div.borough_right { width: 250px; float:right; }
/* 
	Utility Classes 
*/
div.clear { clear: both; }
.notice { background: #FFFFDD; padding: 5px; border: 1px solid #FFD700; color: #000; margin: 5px 0 10px; font-size: 12px; line-height: 20px; width: 97%;}
.margin-top-20 { margin-top: 20px; } 
.float-right { float: right; }
.float-left { float: left; padding: 0 10px 0 0;}
.margin-center { margin: 0 auto; }
.ml20 { margin-left: 20px; margin-bottom: 20px; }
.errors { padding: 5px; font-size: 12px; line-height: 16px; border: 1px solid #913737; background: #ffecec; color: #913737;}
hr.green { border: none; border-top: 1px solid #018134; margin: 20px 0;}
.greenText { color: #018134;}

.imagebox { width:250px; float:right; margin: 0 0 0 20px; text-align:right; }
div#results {  width: 530px; }
div#results div { background: #018134; padding: 5px 5px 5px 20px; min-width: 40px;  }

div#poll form label { float: left; display: block; width: 50px; color: #FFF;}
div#poll form input[type="radio"] { float: left; }

div#container div#column_wrap div#left div#competition_box p.pollHeader,
div#container div#column_wrap div#left div#protective-gear p.compHeader{ color: #0af268; font-size: 16px; font-weight:bold; margin: 0 0 10px 0; }

div#container div#column_wrap div#middle div.competition { border: 1px solid #222; background: url('../images/transport_for_london.png') right no-repeat; padding: 20px; }
div#container div#column_wrap div#middle div.competition span a {  font-size: 12px; color:#060; text-decoration: underline;}
div#container div#column_wrap div#middle div.competition span a:hover { text-decoration: none; }
div#container div#column_wrap div#middle div.competition p { font-size:18px; line-height: 24px; font-weight: bold; }

.blog { border: 1px #666 solid; }
h2.blogText { color:#0AF268;  }
.nothing {font-family: 'Nothing You Could Do', cursive;}
.whiteText { font-size: 20px; color: #fff; }
p.intro { border-bottom: 1px solid #018134; color:#0AF268; padding: 0 0 20px 0;}
.whitePara {color: #fff;}
.ptb10 {padding: 10px 0; }
.plr10 {padding: 0 10px; }
.greenText { color: #0af268;}

div#container div#column_wrap div#middle div.blogBox { float: right; margin: 0 0 20px 20px; padding: 10px; background: #333; width:90px; }
div#container div#column_wrap div#middle div.blogBox img { border: 1px solid #0af268; margin: 0 0 10px 0; }
div#container div#column_wrap div#middle div.blogBox ul {margin:0; }
div#container div#column_wrap div#middle div.blogBox ul li { display:list-item; list-style-image: none; margin:0; color: #0af268}
div#container div#column_wrap div#middle div.blogBox ul li a { color: #fff; text-decoration: none; }
div#container div#column_wrap div#middle div.blogBox ul li a:hover { text-decoration: underline; }
div#container div#column_wrap div#middle div.blogBox ul li a.active { color: #0af268; }