/* CSS Document

	Grey - #777777

	Red - #DC0D23

	Green - #bfd730



*/



/* GENERAL STYLES */



body{

	font-size:0.75em;

	font-family:Arial, Helvetica, sans-serif;

	color:#ffffff;

	margin: 0px;

	padding: 0px;

	line-height: 14px;

}



.clearTheFloats{

	clear:both;

	color: #FFF;

}



h1{

	padding:0px;

	font-size:200%;

	font-weight: normal;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}

h2{

	padding:0px;

	font-size:150%;

	font-weight: normal;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 8px;

	margin-left: 0px;

	color: #000000;

	line-height:16px;

	clear:both;

}

h3{

	padding:0px;

	font-size:220%;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 25px;

	margin-left: 0px;

}

h4{

	padding:0px;

	font-size:120%;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 25px;

	margin-left: 0px;

	display: none;

}





/* titles */

h2.cycle_training {

	background:transparent url(/upp1/assets/cycle_training.gif) no-repeat scroll top left;

	height:70px;

	text-indent:-9999px;

}

h2.about {

	background:transparent url(/upp1/assets/h2_about.gif) no-repeat scroll top left;

	height:70px;

	text-indent:-9999px;

	width: 500px;

}

h2.information_for_parents {

	height:120px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_information_for_prents.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.information_for_cyclists {

	height:120px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_information_for_cyclists.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.bike_safety {

	height:70px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_bike_safety.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.bike_security {

	height:70px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_bike_security.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.know_your_bike {

	height:70px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_know_your_bike.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.quiz {

	height:70px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_quiz.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.cycle_routes {

	height:70px;

	text-indent:-9999px;

	width: 500px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/upp1/assets/h2_cycle_routes.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



h2.search_results {

	background:transparent url(/upp1/assets/search_results.gif) no-repeat scroll top left;

	height:70px;

	text-indent:-9999px;

}

h2.all_about_bikes {

	background:transparent url(/upp1/assets/h2_all_about_bikes.gif) no-repeat scroll top left;

	height:70px;

	text-indent:-9999px;

}

h2.prize_draw {

	background:transparent url(/upp1/assets/h2_prize.gif) no-repeat scroll top left;

	height:70px;

	text-indent:-9999px;

}

h2.upp1 {

	height:40px;

	text-indent:-9999px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/assets/h2_upp1.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.upp2 {

	height:40px;

	text-indent:-9999px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/assets/h2_upp2.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.citycycling {

	height:40px;

	text-indent:-9999px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/assets/h2_citycycling.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

h2.landing_welcome {

	height:70px;

	text-indent:-9999px;

	width: 440px;

	background-attachment: scroll;

	background-color: transparent;

	background-image: url(/assets/h2_landing_welcome.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



.subtitle {

	color:#00aeef;

}





body.background1 {

	background-color: #bcd630;

	background-image: url(/upp1/assets/background1.jpg);

	background-position: center top;

	background-repeat:repeat-x;

}





#main_container {

	width:800px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-bottom: 25px;

}







#header {

	height:70px;

	width:800px;

}

#header img {

	float: left;

	border: none;

}

#header a {

	border: none;

}

#top_panel {

	height:90px;

	background-image: url(/upp1/assets/top_panel.gif);

	background-repeat: no-repeat;

	width: 800px;

	margin: 0px;

	padding: 0px;

}

#landing_top_panel {

	height:90px;

	background-image: url(/assets/landing_top_panel.gif);

	background-repeat: no-repeat;

	width: 800px;

	margin: 0px;

	padding: 0px;

	clear: both;

}

#landing_logos {

	height: 205px;

	clear: both;

	margin: 0px;

	padding: 0px;

}

#landing_logos a, #landing_logos img {

	border: none;

	padding:0px;

}

#landing_logos div {

	padding: 0px;

	border:0px;

	margin:0px;

	float:left;



}

#landing_upp1 {

	padding: 0px;

	float:left;

	width: 260px;

}

#landing_upp2{

	float:left;

	width: 240px;

}

#landing_citycycling{

	float:left;

	width: 300px;

}

#landing_content {

	padding-left: 50px;

	float: left;

	width: 440px;

	line-height: 1.4em;

}

#landing_content a:link, #landing_content a:visited  {

	color: #FFFFFF;

	font-weight:bold;

	text-decoration: underline;

}

#landing_content a:hover, #landing_content a:active {

	color: #FFFFFF;

	font-weight:bold;

	text-decoration: none;

}

#landing_signup {

	float: right;

	width: 300px;

	height: 290px;

	margin: 0px;

	padding-top: 56px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	display: none;

}

*html #landing_signup {

	float: right;

	width: 300px;

	height: 290px;

	margin: 0px;

	padding-top: 45px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#landing_signup a, #landing_signup img {

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#logo1 {

	float:left;

	width:550px;

	height:90px;

	background-image: url(/upp1/assets/logo1.gif);

	background-repeat: no-repeat;

}



#logo1_index {

	float:left;

	width:190px;

	height:90px;

	background-image: url(/upp1/assets/logo1.gif);

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

}



#logo2b_index {

	float:right;

	width:580px;

	height:90px;

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	background-color: #7E288B;

	background-image: url(/upp1/assets/logo_home_top.jpg);

	display: block;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-position: right top;

}



#search_panel {

	float:left;

	/*width:560px;*/

	width:300px;

	height:55px;

	padding-top:15px;

}



#search_panel_index {

	float:left;

	width:300px;

	height:55px;

	padding-top:15px;

}









#logo2a {

	float:right;

	width:240px;

	height:70px;

	background-image: url(/upp1/assets/logo2a.gif);

	background-repeat: no-repeat;

}



#logo2a_index {

	float:right;

	width:500px;

	height:70px;

	background-image:url(/upp1/assets/logo_home_search.jpg);

	background-repeat: no-repeat;

}



#logo2b {

	float:right;

	width:240px;

	height:90px;

	background-image: url(/upp1/assets/logo2b.gif);

	background-repeat: no-repeat;

}



*html #logo2b {

	float:right;

	width:240px;

	height:90px;

	background-image: url(/upp1/assets/logo2b.gif);

	background-repeat: no-repeat;

	background-position: right top;

	margin: 0px;

	padding: 0px;

}











#container {

	width:800px;

	background-color:#7b2b83;

	vertical-align: top;

}



#container_index {

	float:left;

	width:800px;

	height:470px;

	background:url(/upp1/assets/logo_home.jpg) no-repeat;

	display: block;

	margin: 0px;

	padding: 0px;

}

#landing_container_index {

	float:left;

	width:800px;

	height:550px;

	display: block;

	padding: 0px;

	background-image: url(/assets/landing_container_index.gif);

	background-repeat: no-repeat;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

#column1 {

	float: left;

	width: 190px;

	height: 47px;

}





#sidenav a {

	color: #fff;

	text-decoration: none;

	font-size: 15px;

	font-weight: bold;

}



#sidenav ul {

	list-style-type:none;

	cursor: pointer;

	padding-left: 0px;

}



#sidenav li {

	margin: 20px;

}



#sidenav a.about:hover, #sidenav a.about:active {

	background-image:url(/upp1/assets/navigation/about.gif);

	background-repeat:no-repeat;

}







#navigation {

	float:left;

	width: 170px;

	margin-left:20px;

}

#sitelinks {

	width: 170px;

	margin-left: 20px;

	float: left;

	margin-top: 20px;

	padding-right: 20px;

}



#sitelinks a, #sitelinks img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding: 0px;

	margin: 0px;

	float: left;

}



#column2_home {

	float: right;

	width: 570px;

	margin: 0px;

	padding: 0px;

}



#column2 {

	float: left;

	width: 570px;

	min-height:350px;

}

#content a:link, #content a:visited {

	color: #FFFFFF;

	text-decoration: underline;

}

#content a:hover, #content a:active {

	color: #FFFFFF;

	text-decoration: none;

}





#content {

	float:left;

	padding-left: 20px;

}

.content_text {

	float: left;

	width: 370px;

}

.content_text_tips{

	float: left;

	width: 340px;

	padding-left: 30px;

}

.content_image {

	float: left;

	width: 160px;

	padding-left: 20px;

}



.searchBox{

	font-size:120%;

	}



#searchImage{

	margin-top:5px;

	}



#bottom_panel {

	background-image: url(/upp1/assets/bottom_panel.gif);

	background-repeat: no-repeat;

	padding-top:10px;

	/*padding-left:200px;*/

	width:800px;

	height:260px;

}



#bottom_panel_index {

	float:left;

	background-repeat: no-repeat;

	padding-top:10px;

	padding-left:200px;

	width:600px;

	height:260px;

}















a {

	outline: none;

}

#homepage_links {

	float: right;

	width: 610px;

	height: 262px;

	clear: none;

	position: absolute;

	clip: rect(auto,auto,auto,auto);

	padding-top: 104px;

}



#button1 a, #button2 a, #button3 a{

	border:none;

}





#button1{

	height: 149px;

	width: 150px;

	float: right;

	padding-top: 104px;

}

/* Embedded Fonts */ 

@font-face { 

font-family: Flexure;

src: url('../assets/Flexure.eot'); 

}

@font-face {

 font-family: Flexure;

 src: url('../assets/Flexure.ttf'); /* TTF file for CSS3 browsers */

}

.button_free {

	font-family:Flexure;

	display: block;

	width: 150px;

	height: 149px;

	color:#FFF;

	text-indent:-1000em;

	background-image: url(/upp1/assets/free_button.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

a:link {text-decoration: none}



.button_free:hover {

	background-position: -150px 0;

}



#button2{

	float: left;

	margin: 0px;

	padding: 0px;

}

.button_join {

	display: block;

	width: 166px;

	height: 117px;

	text-indent: -1000em;

	background-image: url(/upp1/assets/join_button.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



.button_join:hover {

	background-position: -166px 0;

}





#button3{

	margin: 0px;

	display: block;

	padding-top: 156px;

	padding-right: 0px;

	padding-bottom: 0px;

	float: left;

	padding-left: 0px;

}

.button_prize {

	display: block;

	width: 355px;

	height: 262px;

	text-indent: -1000em;

	background-image: url(/upp1/assets/prize_button.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



.button_prize:hover {

	background-position: -355px 0;

}















.accordion {

	padding-left:10px;

	padding-right:10px;

}

#ads {

	padding-bottom: 10px;

}



#ads h3 {

	background-color: #eee;

}



#ads h3 a {

	text-decoration: underline;

	color: #5275b4;

}



div.ads {

	width: 370px;

	padding: 0px;

}

/* Accordian: end */





hr {

  	border: none;

	text-align: center;

	width: 100%;

	height:1px;

	color: #cccccc;

	background-color: #cccccc;

	margin:auto;

	margin-bottom:10px;

}



.bold{

	font-weight:bold;

	}



.black_head{

	color:#000000;

}

.black_head_bold{

	color:#000000;

	font-weight:bold;

}

.red_head{

	color:#DC0D23;

}

.alert{

	color:#FF00FF;

}



p {

	margin-top: 0px;

	padding-top: 0px;

}



a {

	color:#DC0D23;

	text-decoration:underline;

}

a.pdflink {

	background-image: url(/assets/icon_pdf.gif);

	background-repeat: no-repeat;

	display: block;

	padding-left: 25px;

	padding-bottom: 4px;

	height:15px;

}



.videolink {

	background-image: url(/assets/icon_video.gif);

	background-repeat: no-repeat;

	display: block;

	padding-left: 25px;

	padding-bottom: 4px;

	height:15px;

}



/* SEARCH */

a.title{

}

.description{

	padding-bottom: 10px;

	padding-top:10px;

}

.searchBox{

	background-color: #cfe5ae;

	border: 1px solid #cfe5ae;

}











#ulAbout, #ulBikes {

	overflow: hidden;

}





/***** accesskeys *****/

#accesskeys {position:relative;padding:0px;margin:0px;margin:0px;text-align:left;width:290px;width:626px;}

#skiplinks{display:block;position:absolute;top:15px;left:180px;text-align:left;width:220px;height:1.7em;clip:rect(0px, 220px, 1.7em, 0px);}

#skiplinks UL {padding:0;margin:0;list-style:none;}

#skiplinks LI {padding:0;margin:0;list-style:none;display:inline;}

#skiplinks A {color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;}

#skiplinks A:active, #skiplinks A:focus {position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;text-decoration:none;}