/* CSS Document */
div#secondary-wrapper {
	margin: 0 auto;
	width: 890px;
	background: #f2f6ff;
	background-image: url(../images/secondary-mid.jpg);
	background-repeat: repeat-y;
}

div#side-panel {
	float: left;
	width: 229px;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 0;
	padding-left: 3px;
	margin-left: 3px;
}

div#side-panel p.logo {
	margin-top: 2px;
	margin-bottom: 10px;
}

.glossymenu{
	padding: 0 5px;
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	font-size: 12px;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	background-image: url(../images/nav-dots.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #CCCCCC;
	margin-right: 25px;
}

.glossymenu div.submenu ul li a{
	display: block;
	color: #153d88;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background: #DFDCCB;
}

.glossymenu div.submenu a.active{
	background: #FFFFFF;
	font-weight: bold;
	color: white;
}

div#side-panel select {
	font-size: 11px;
	margin-left: 5px;
}

div#content {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
	margin-left: 240px;
}

div#ra-content {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
	background: #dbebfa;
}

div#ra-content h3{
	background-image: url(../images/ride-along-header-bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 100;
	padding-left: 10px;
	padding-bottom: 40px;
	width: 100%;	
}

div#ra-content h4.ride-headers{
	background-image: url(../images/francais/ride-along-bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 100;
	padding-left: 10px;
	padding-bottom: 40px;
	width: 100%;	
}

div#ra-content h5 {
	background-image: url(../images/community-event-back.jpg);
	background-repeat: no-repeat;
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 100%;
	text-decoration: none;	
}

div#ra-content h5 a{
	background-image: url(../images/community-events.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 10px 30px;
	text-decoration: none;
}

div#ra-content h5 a:hover {
	text-decoration: underline;
}

div#ra-content h5 a:visited {
	color: #4f81bd;
}

div#ra-content .thumbnail{
position: relative;
z-index: 0;
}

div#ra-content .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

div#ra-content .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 500px;
	font-size: 12px;
	font-weight: 100;
	text-align: justify;
}

div#ra-content .thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

div#ra-content .thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 30px;
	left: 10px; /*position where enlarged image should offset horizontally */
}

div#ra-content .thumbnail span small{ /*CSS for enlarged image*/
	font-size: 16px;
}

div#ra-content .thumbnail span br.some-space { /*CSS for enlarged image*/
	margin-bottom: 6px;
}

div#content p{
	margin-top: 6px;
	text-align: justify;
}

div#ra-content p{
	margin-top: 6px;
	text-align: justify;
}

div#content div#testimonialz {
	float: right;
	margin-left: 10px;
	width: 220px;
	background: #fff;
	font-size: 11px;
}

blockquote {
	margin: 5px 5px;
	upadding: 3px;
	padding: 0 5px 10px 15px;
	font-style: italic;
	line-height: 1.3em;
	text-align: justify;
/*	background: transparent url("../images/blockquote.png") no-repeat 0 0;
*/}

p.endquote {
	padding: 0 10px 10px 0;
	line-height: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-left: 15px;
}

div#ra-content div#faqs p{
	line-height: 1.4em;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}

div#content ul{
	line-height: 1.4em;
	list-style: inside;
	padding-left: 15px;
}

div#ra-content ul{
	line-height: 1.4em;
	list-style: inside;
	padding-left: 15px;
}

div#content a{
	color: #153d88;
	text-decoration: none;
}

div#content a:hover {
	color: #153d88;
	text-decoration: none;
}

div#ra-content a{
	color: #153d88;
	text-decoration: none;
}

div#ra-content a:hover {
	color: #153d88;
	text-decoration: none;
}

div#content ol{
	line-height: 1.4em;
	list-style: inside;
	padding-left: 15px;
}

ul.tabbers {
	list-style: none;
	margin-top: 12px;
}

ul.tabbers li {
	list-style: none;
}

ul.icons {
	list-style: none;
	margin-top: 12px;
}

ul.icons li {
	display: inline;
	padding: 24px;
}

div#content ul.volprofiles {
	list-style: none;
}


div#content ul.riders {
	list-style: none;
}

div#content ul.riders li {
	background-image: url(../images/rider-list.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 45px;
	padding-top: 12px;
}

div#content ul.riders li span{
	font-size: 11px;
	padding-left: 10px;
}

div#content ul.riders li a{
	color: #153d88;
	text-decoration: none;
	background-image: url(../images/bike-on.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#content ul.riders2 {
	list-style: none;
	float: right;
	margin-right: 30px;
	width: 250px;
}

div#content ul.riders2 li {
	background-image: url(../images/rider-list.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 45px;
	padding-top: 12px;
}

div#content ul.riders2 li a{
	color: #153d88;
	text-decoration: none;
	background-image: url(../images/bike-on.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#content ul.blogs {
	list-style: none;
}

div#content ul.blogs li {
	background-image: url(../images/rider-list.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 45px;
	padding-top: 12px;
}

div#content ul.blogs li span{
	font-size: 11px;
	padding-left: 10px;
}

div#content ul.blogs li a{
	color: #153d88;
	text-decoration: none;
	background-image: url(../images/blog-on.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#content ul.blogs2 {
	list-style: none;
	float: right;
	margin-right: 30px;
	width: 250px;
}

div#content ul.blogs2 li {
	background-image: url(../images/rider-list.png);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 45px;
	padding-top: 12px;
}

div#content ul.blogs2 li a{
	color: #153d88;
	text-decoration: none;
	background-image: url(../images/blog-on.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#content .right-bar {
	background-image: url(../images/right-nav.jpg);
	width: 300px;
	height: 364px;
	float: right;
	margin-left: 12px;
	margin-top: 0;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	margin-bottom: 12px;
	border-left: 1px dotted #153d88;
}

div#content .right-bar ul {
	list-style: none;
}

.right-bar {
	background-image: url(../images/right-nav.jpg);
	width: 300px;
	height: 364px;
	float: right;
	margin-left: 12px;
	margin-top: 0;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	margin-bottom: 12px;
	border-left: 1px dotted #153d88;
}

.right-bar span.main-events {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
}


div#content ul.icons li span.right-bar {
	margin-left: 0;
	background-image: none;
	float: none;
	border-left: none;
}

div#content p a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

div#content p a:hover {
	color: #000000;
	text-decoration: underline;
}

div#ra-content p a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

div#ra-content p a:hover {
	color: #000000;
	text-decoration: underline;
}

div#content p.greybox {
	background-image: url(../images/grey-box.png);
	width: 400px;
	height: 161px;
	padding: 20px 10px 0 10px;
}

div#content p.smallgreybox {
	background-image: url(../images/grey-box-sm.png);
	width: 400px;
	height: 76px;
	padding: 10px 10px 0 10px;
}

div#content table {
	line-height: 1.5em;
}

div#ra-content table {
	line-height: 1.5em;
}

.tableheader {
	color: #FFFFFF;
	padding-left: 5px;
	background-color: #4f81bd;
	text-align: left;
}

.ridealong-tableheader {
	height: 24px;
	background-color: #3e6b94;
	color: #FFFFFF;
	margin: 3px 10px 6px 3px;
	padding: 5px 0 5px 3px;
	font-size: 16px;
	font-weight: 100;
}

.tableridealong {
	background-color: #FFFFFF;
	padding: 8px;
	font-size: 13px;
	border-bottom: 1px solid #153d88;
}

.tableridealong2 {
	padding: 8px;
	font-size: 13px;
	background-image: url(../images/big-glyph.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 45px;
	border-bottom: 1px solid #153d88;
}

/*.registrationpoint {
	padding: 8px;
	font-size: 13px;
	background-image: url(../images/reg-glyph.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 30px 0 10px 45px;
	border-bottom: 1px solid #153d88;
}*/

.tableheader2 {
	color: #FFFFFF;
	padding-left: 5px;
	background-color: #4f81bd;
	text-align: left;
	border-right: 1px solid #f2f6ff;
}

.tableheader3 {
	color: #FFFFFF;
	padding-left: 5px;
	background-color: #4f81bd;
	text-align: left;
	border-right: 1px solid #4f81bd;
}

.provinceheader {
	background-color: #eaeaea;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #4f81bd;
}
.button-style {
	font-size: 14px;
	margin: 2px 0 2px 0;
	background-color: #5283be;
	color: #FFFFFF;
}

.yellowrow {
	background-color: #FFFFCC;
}
.exactplace {
	font-size: 10px;	
}	
.underline {	
	border-bottom: 1px solid #4f81bd;
}

ul.days li {
	display: inline;
	padding-right: 5px;
	border-right: 1px solid #000000;
	margin-left: 5px;
}

span.ridealong {
	font-weight: bold;
	color:#FF0000;
}

div#breadcrumbs {
	border-top: 1px solid #666666; 
	border-bottom: 1px solid #666666;
	background-color: #E4E4E4;
	margin-top: 12px;
	font-size: 11px;
	padding: 3px 0 3px 3px;
}

div#breadcrumbs a {
	color: #000000;
	text-decoration: none;
}

div#breadcrumbs span.active {
	font-weight: bold;
}

div#content h1 {
	color: #153d88;
	font-size: 24px;
	font-weight: 100;
	padding-top: 24px;
	border-bottom: 1px solid #153d88;
}

div#ra-content h1 {
	color: #153d88;
	font-size: 24px;
	font-weight: 100;
	padding-top: 24px;
	border-bottom: 1px solid #153d88;
}

div#content h2 {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
}

div#ra-content h2 {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
}

div#ra-content h2.mjss {
	background-image: url(../images/mjss2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 500px;
	height: 40px;
	font-size: 16px;
}

div#side-panel h2 {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	margin-bottom: 3px;
	padding-top: 12px;	
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #153d88;
}

div#content h2 a {
	color: #153d88;
	text-decoration: none;
}

div#content h4 {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
	border-bottom: 1px solid #153d88;
}

div#ra-content h4.h4underline {
	color: #153d88;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
	border-bottom: 1px solid #153d88;
}

div#content div#related {
	float: right;
	margin-left: 15px;
	width: 202px;
	height: 269px;
	background-image: url(../images/related-content.png);
	background-repeat: no-repeat;
}

div#content div#related ul.related-news-items {
	list-style: none;
	margin-left: -15px;
	margin-top: 40px;
}

div#content div#related ul.related-news-items li {
	padding: 3px 3px 3px 3px;
	margin: 0 6px 0 6px;
	border-bottom: 1px solid #153d88;
	color:	#153d88;
}

div#content div#related ul.related-news-items li a{
	color: #153d88;
	text-decoration: none;
}

div#content div#related ul.related-news-items li a:hover{
	color: #fabb1f;
}


div#content h5 {
	color: #153d88;
	font-size: 16px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
}

div#wrapper h6 {
	color: #153d88;
	font-size: 16px;
	font-weight: 100;
	padding-bottom: 3px;
	padding-top: 12px;	
	padding-left: 10px;
}

div#content p {
	color: #000000;
	line-height: 1.4em;
	padding-right: 10px;
}

div#ra-content p {
	color: #000000;
	line-height: 1.4em;
	padding-right: 10px;
}

div#content p.riderinfo {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
}

div#content p.riderinfo span{
	font-weight: bold;
}

div#content p.ridernews {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
	background-image: url(../images/news.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
}

div#content p.videolink {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
	background-image: url(../images/play.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
}

div#content span.loginuid {
	margin-right: 15px;
}

div#content input.login {
	margin-bottom: 10px;
}

div#content span.loginpwd {
	margin-right: 5px;
}

.menu_list {	
	width: 609px;
}

.menu_list_province {	
	width: 878px;
}
.menu_head {
	color: #4f81bd;
	font-size: 15px;
	font-weight: 100;
	padding: 10px;
	border-top: 1px solid #4f81bd;
	background-color: #CCCCCC;
	position: relative;
	margin:1px;
	cursor: pointer;
	background-image: url(../images/click-for-details.png);
	background-repeat:no-repeat;
	background-position: right;
}

.menu_head_province {
	color: #4f81bd;
	font-size: 15px;
	font-weight: 100;
	padding: 10px;
	border-top: 1px solid #4f81bd;
	background-color: #CCCCCC;
	position: relative;
	margin:1px;
	cursor: pointer;
}
.menu_body {
	border-top: 1px solid #4f81bd;
	display:none;
}
.menu_body a{
  color:#006699;
  font-weight:bold;
  text-decoration:none;
  padding-top: 10px;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
  #video_notes a{
	color: #4f81bd;
	text-decoration: none;
}

#video_notes a:hover {
	font-style: italic;
}

.youtube {
	background-image: url(images/yt-bg.jpg);
	background-repeat: no-repeat;
	width: 446px;
	height: 360px;
	text-align: center;
	padding-top: 10px;
}

.yt_description {
	color: #666666;
	font-style: italic;
	text-align: justify;
	font-size: 11px;
}

div#content p.sponsor {
	float: right;
	margin-left: 15px;
}

div#content p.sep {
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
}

div#contet h5.blogentries ul li{
	list-style: none;
}

div#content div#ride-along-top {
	width: 635px;
	height: 457px;
	background-image: url(../images/ride-along-top-bgrnd.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	position: relative;
}

div#content div#ride-along-top p.galleries {
	position: absolute;
	top: 111px;
	left: 15px;
}

div#content div#ride-along-top p.whatcanido {
	position: absolute;
	top: 171px;
	left: 415px;
	width: 222px;
	text-align: left;
}

div#content span.title {
	font-size: 20px;
	color:#333333;
	margin-right: 30px;
}

.title2 {
	font-size: 16px;
	color:#153d88;
	margin-bottom: 10px;
	text-align: left;
}

div#content .title3 {
	font-size: 16px;
	font-weight: 100;
	padding: 5px;
	color: #fff;
	background-image: url(http://www.tourforkids.com/ontario/images/h5-back.png);
	background-repeat: no-repeat;
	width: 600px;
}

img.smallpic {
	float: left;
	margin-right: 6px;
	margin-left: 3px;
}

img.rapic {
	float: right;
	margin-right: 6px;
	margin-left: 15px;
}

div#ride-along-mid {
	width: 878px;
	margin-top: -10px;
	clear: both;	
}

div#ride-along-mid div#right-side {
	float: right;
	width: 210px;
	background-image: url(../images/right-bar-bgrnd.jpg);
	background-repeat: repeat-y;
	margin-top: -2px;
	padding-top: 15px;
	padding-left: 15px;
	margin-left: 10px;
}

div#ride-along-mid div#right-side p.dedication {
	background-image: url(../images/right-bar-dots.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	width: 200px;
}

div#ride-along-mid div#right-side table {
	font-size: 16px;
}

div#content .calendar a {
	background-image: url(../images/calendar.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	margin-right: 10px;
	color: #000000;
}

div#content .map {
	background-image: url(../images/map.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	color: #000000;
	text-align: left;
	margin-top: 6px;
}

div#content .smalltext {
	color: #666666;
	font-size: 11px;
	font-style: italic;
	text-align: left;
	margin-top: 6px;
}

div#content .pdf a {
	background-image: url(../images/pdf.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	color: #153d88;
	font-weight: 100;
}

 p.dots {
	background-image: url(../images/right-bar-dots.jpg);
	background-repeat: repeat-x;
	padding: 10px;
	clear: both;
}

div#content a img.video {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
}

div#content a:hover img.video {
	background-color: #666;
}

div#content ul.feeds li {
	border-bottom: 1px solid #D1D1D1;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	margin-left: -15px;
}

div#content ul.feeds li a:hover{
	color: #FF0000;
}

div#side-panel div#tags {
	width: 200px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-left: 10px;
}

div#side-panel div#tags a.size1 {
	font-size: 14px; color: #fa1d0b; text-decoration: none;
}

div#side-panel div#tags a.size2 {
	font-size: 11px; color: #144395; text-decoration: none;
}

div#side-panel div#tags a.size3 {
	font-size: 11px; color: #fa1d0b; text-decoration: none;
}

div#side-panel div#tags a.size4 {
	font-size: 14px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size5 {
	font-size: 8px; color: #fa1d0b; text-decoration: none;
}

div#side-panel div#tags a.size6 {
	font-size: 15px; color: #144395; text-decoration: none;
}

div#side-panel div#tags a.size7 {
	font-size: 12px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size8 {
	font-size: 18px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size9 {
	font-size: 15px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size10 {
	font-size: 10px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size11 {
	font-size: 15px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size12 {
	font-size: 12px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size13 {
	font-size: 13px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size14 {
	font-size: 14px; color: #144395; text-decoration: none;
}

div#side-panel div#tags a.size15 {
	font-size: 16px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size16 {
	font-size: 16px; color: #144395; text-decoration: none;
}

div#side-panel div#tags a.size17 {
	font-size: 13px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size18 {
	font-size: 15px; color: #fa1d0b; text-decoration: none;
}

div#side-panel div#tags a.size19 {
	font-size: 13px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size20 {
	font-size: 14px; color: #fa1d0b; text-decoration: none;
}

div#side-panel div#tags a.size21 {
	font-size: 18px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size22 {
	font-size: 9px; color: #144395; text-decoration: none;
}

div#side-panel div#tags a.size23 {
	font-size: 11px; color: #000000; text-decoration: none;
}

div#side-panel div#tags a.size24 {
	font-size: 14px; color: #fabd15; text-decoration: none;
}

div#side-panel div#tags a.size25 {
	font-size: 14px; color: #fa1d0b; text-decoration: none;
}

.friendfeed {
	background-color: #999999;!important
}

div#content span.ce {
	font-size: 9px;
	color: #FF0000;
}

p.community-event a{
	background-image: url(../images/community-events.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 10px 30px;
	font-size: 14px;
	font-weight: 100;
	text-decoration: none;
}

p.community-event a:hover {
	text-decoration: underline;
}

p.community-event a:visited {
	color: #4f81bd;
}


div#mid-ride-alongs {
/*	background-image: url(../images/ride-along-mid-bgrnd.jpg);
*/	background-image: url(../images/ride-along-top-pic.jpg);
	background-repeat: no-repeat;
	height: 320px;
}

div#mid-ride-alongs p.polaroid {
	text-align: right;
	padding-right: 10px;
}

div#mid-ride-alongs p.clickra {
	padding-left: 100px;
	padding-top: 120px;
	float: left;
}

div#mid-ride-alongs-fr {
/*	background-image: url(../images/ride-along-mid-bgrnd.jpg);
*/	background-image: url(../images/francais/ride-along-mid-bgrnd.jpg);
	background-repeat: no-repeat;
	height: 320px;
}

div#mid-ride-alongs-fr p.polaroid {
	text-align: right;
	padding-right: 10px;
}

div#mid-ride-alongs-fr p.clickra {
	padding-left: 100px;
	padding-top: 120px;
	float: left;
}

div.hoverunder {
	position:absolute; visibility: hidden; border: 0px solid orange; width: 300px; padding: 8px 8px 17px 8px; background-image:url(../images/hover-under.png); background-repeat: no-repeat; margin-left: -70px; margin-top: -10px;
}

div.hovertoronto {
	position:absolute; visibility: hidden; border: 0px solid orange; width: 300px; padding: 8px 8px 17px 8px; background-image:url(../images/hover2.png); background-repeat: no-repeat; margin-left: -30px; margin-bottom: -30px;
}

div.hoverunder h4 {
	color: #153d88;
	font-size: 14px;
	font-weight: 100;
	padding-top: 1px;
	margin-bottom: -10px;
}


div.hoverunder p {
	font-size: 11px;
	color: #153d88;
	margin-bottom: -2px;
}

div.hoverunder a {
	color: #153d88;
	text-decoration: none;
	font-weight: bold;
}

div.hoverunder a:hover {
	color: #faab20;
}


div.hovertoronto h4 {
	color: #153d88;
	font-size: 13px;
	font-weight: 100;
	padding-top: 1px;
}


div.hovertoronto p {
	font-size: 11px;
	color: #153d88;
	padding-bottom: 4px;
}

div.hovertoronto a {
	color: #153d88;
	text-decoration: none;
	font-weight: bold;
}

div.hovertoronto a:hover {
	color: #faab20;
}

.close {
	text-align: right;
	font-size: 9px;
	margin-right: 115px;
	margin-top: -3px;
}

.work_container { 
padding:0; 
text-align:left; 
padding-top:242px; 
background-image: url(../images/ride-along-seperator.jpg);
background-repeat: no-repeat;
}

#scroll_btn { cursor:pointer; }

div#opener {
	clear: both;
}

ul.ridealongrules {
	list-style: none;
	margin-bottom: 20px;
}

ul.ridealongrules li {
	background-image: url(../images/bike.png);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 35px;
	list-style: none;
	text-align: justify;
	padding-bottom: 15px;
}

div#community-events-calendar {
	width: 600px;
}

div#community-events-calendar h2{
	padding-left: 15px;
	width: 615px;
	padding-bottom: 10px;
	font-size: 21px;
}

div#community-events-calendar ul {
	list-style: none;
	margin-top: 5px;
}

div#community-events-calendar ul li {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 0;
}

div#community-events-calendar ul li.no-border {
	border-bottom: none;
	margin-bottom: 10px;
}

div#community-events-calendar p.picture {
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}

div#community-events-calendar p.des {
	padding-right: 10px;
	text-align: justify;
	margin-left: 15px;
}

div#community-events-calendar h5 {
	font-size: 16px;
	font-weight: 100;
	padding: 5px;
	color: #fff;
	background-image: url(http://www.tourforkids.com/ontario/images/h5-back.png);
	background-repeat: no-repeat;
}

div#community-events-calendar h5.h3link a{
	font-size: 16px;
	font-weight: 100;
	padding: 3px;
	color: #fff;
}

div#community-events-calendar h5.h3link a:hover{
	font-size: 16px;
	font-weight: 100;
	padding: 3px;
	color: #fff;
}

div#community-events-calendar h5.h3link a:visited{
	font-size: 16px;
	font-weight: 100;
	padding: 3px;
	color: #fff;
}

div#community-events-calendar h6 {
	font-size: 16px;
	font-weight: 100;
	height: 25px;
	margin-top: 10px;
	padding: 5px 0 0 10px;
	background-image: url(http://www.tourforkids.com/ontario//images/h5-yellow-back.png);
	background-repeat: no-repeat;
}

div#community-events-calendar .h6link a{
	font-size: 16px;
	font-weight: 100;
	color: #1b79bf;
}

div#community-events-calendar .h6link a:hover{
	font-size: 16px;
	font-weight: 100;
	color: #1b79bf;
}

div#community-events-calendar .h6link a:visited{
	font-size: 16px;
	font-weight: 100;
	color: #1b79bf;
}


.tumblr { list-style: none; padding: 0;}
.tumblr li { margin-bottom: 1em; }
.tumblr img { display: block; padding: 4px; border: 1px solid #eee;}
.tumblr img:hover { background-color: #DDD; border: 1px solid #DDD;}
.tumblr em { font-style: normal; font-weight:bold; display: block; margin-top: 0.2em; }
.tumblr .tumblr-post-date{ display: block; margin-top: 0.5em;}
.tumblr h2 { color: #FF0000; display: block; }

div#picroll {
text-align:left; width: 642px; height: 169px;overflow:auto; white-space: nowrap;}

div#picroll ul{
	list-style: none;
}

div#picroll ul li{
	display: inline;
}

.joinbox {
	height: 214px;
	text-align: right;
	padding: 10px;
	margin-left: 480px;
}

div#community-options {
	width: 878px;
	height: 1600px;
	background: url(../images/ride-along/community-events-2010.jpg) #fff;
	background-repeat: no-repeat;
}

div#community-options table.icons3 {
	width: 850px;
	margin: 0 10px 10px 10px;
}

div#community-options table.icons td  {
	text-align: left;
	width: 33%;
}

table.caloevents  {
	text-align: center;
	margin-left: 80px;
	border: none;
	margin-top: 20px;
}

table.caloevents td {
	text-align: center;
	border-bottom: 1px solid #CECECE;
	padding: 3px;
}

table.caloevents tr.calgrey {
	background: #eaeaea;
}


table.caloevents-ir  {
	text-align: center;
	margin-left: 80px;
	border: none;
	margin-top: 20px;
margin-right: 350px;}

table.caloevents-ir td {
	text-align: left;
	border-bottom: 1px solid #CECECE;
	padding: 3px;
}

table.caloevents-ir tr.calgrey {
	background: #eaeaea;
}

table  {
	text-align: center;
}

div#community-options p {
	margin-right: 25px;
	color: #000;
	font-size: 11px;
}

p.c-title {
	margin-left: 90px;
	margin-top: 30px;
}	

div#community-options ul.comoptions {
	list-style: none;
	margin-left: 75px;
	margin-top: 10px;
	width: 733px;
}	

div#community-options ul.comoptions li {
	background: url(../images/ride-along/list-of-events.jpg);
	background-repeat: repeat-y;
	height: 23px;
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: 2px;
}	


div#community-options ul.comoptions li a.ir {
	color: #030;
	font-weight: bold;
}	

div#community-options ul.comoptions li a.ir:hover{
	color: #F60;
	font-weight: bold;
}	

div#community-options ul.comoptions li a.bth {
	color: #F00;
	font-weight: bold;
}	

div#community-options ul.comoptions li a.bth:hover{
	color: #F60;
	font-weight: bold;
}

div#community-options ul.comoptions li a.ra {
	color: #006;
	font-weight: bold;
}	

div#community-options ul.comoptions li a.ra:hover{
	color: #F60;
	font-weight: bold;
}

div#community-options ul.comoptions li a.ce {
	color: #C09;
	font-weight: bold;
}	

div#community-options ul.comoptions li a.ce:hover{
	color: #F60;
	font-weight: bold;
}

div#ride-along10 {
	width: 878px;
	height: 800px;
	background: url(../images/ride-along/ride-along-2010.jpg) #fff;
	background-repeat: no-repeat;
}

div#inside-ride {
	width: 878px;
	background: url(../images/ride-along/inside-ride-back.jpg) #fff;
	background-repeat: no-repeat;
	text-align: center;
}

div#com-events {
	width: 878px;
	background: url(../images/ride-along/com-events.jpg) #fff;
	background-repeat: no-repeat;
}

/*
a.srollover {
          text-decoration: none;
      }

a:hover.srollover {
       background: url(../images/map-marker.png) 0 -10px no-repeat;
      }

*/