/****************************************** 
#custom-doc:
Divide your desired pixel width by 13;
the result is your width in ems for all 
non-IE browsers. Take the em width you just 
calculated and multiply it by 0.9759 to find 
the width in ems for IE.
********************************************/	
	
@media screen
{ 
	#custom-doc 
	{ 	
		margin:auto;
		text-align:left;
		width:74.923em;	     /* non-IE */
		*width:73.117em;      /* IE */
		min-width:974px;     /* optional but recommended */
	}
}

@media print 
{
	#custom-doc 
	{ 
		margin:auto;
		text-align:left;
		width:50.00em;        /* non-IE */
		*width:48.80em;       /* IE */
		min-width:650px;      /* optional but recommended */
	}
}

div.rides
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

table.rides
{
	text-align: left;
	font-size: 	100%;
	border: 0px;
	border-collapse: collapse;
	padding: 7px;
}

div.ridesheader1
{
	background: #fff;
	padding: 6px;
}

tr.ridesheader2
{
	background: #ddd;
	padding: 12px;
}

table.ridesheader
{
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}	

td.symbolkey
{
	text-align: right;
	padding-right: 12px;	
}

@media screen
{
	.yui-button#printrides button 
	{
	   	padding-left: 2em;
	    background: url(../assets/skins/sam/printer.gif) 10% 50% no-repeat;
	}

	.yui-button#showsymbols button 
	{
		padding-left: 2em;
	    background: url(../assets/skins/sam/key.gif) 10% 50% no-repeat;
	}
}


@media print
{
	.yui-button#printrides button 
	{
		display: none;
	}

	.yui-button#showsymbols button 
	{
		display: none;
	}
}


td.monthname
{
	font-weight: bold;
	font-size: 	175%;
	line-height: 160%;
	text-align: left;
}

tr.riderow
{
	background: #fff;
	border: 2px solid #aaa;
}	

tr.audaxrow
{
	background: #fff;
	border: 2px solid #aaa;
}	

td.datecell
{
	width: 18%;
	vertical-align: top;
	border: 2px solid #aaa;
	padding: 7px;
}

td.ridecell
{
	width: 82%;
	vertical-align: top;
	border: 2px solid #aaa;
	padding: 7px;
}	

img.symbol 
{
	border: none;
}

span.ridetitle
{
	font-weight: bold;
}

@media screen
{
	span.ridedate
	{
		font-size: 125%;	
		font-weight: bold;
	}
	
	span.mapurl
	{
		font-size: 100%;	
		font-style: italic;
		font-weight: bold;
	}
}

@media print
{
	span.ridedate
	{
		font-size: 105%;	
		font-weight: bold;
	}

	span.mapurl
	{
		display: none;	
	}
}

span.ridealert
{
	color: #CC3300;
}

p.pageheading
{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}		

.pagetext
{
	text-align: left;
	padding-bottom: 10px;
}

.pagetextbold
{
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.pagetextitalic
{
	font-style: italic;
	text-align: left;
	padding-bottom: 10px;
}

.pagetextsmallitalic
{
	font-style: italic;
	text-align: left;
	font-size: 95%;
	padding-bottom: 30px;
}

.pagetextbolditalic
{
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-bottom: 10px;
}

.pagetextboldcentre
{
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}

.smallpagetext
{
	text-align: left;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 70%;
}

.soldout
{
	font-weight: bold;
	font-style: italic;
	color: red;
	text-align: left;
	padding-bottom: 10px;
}

.pagetext li
{
	padding-bottom: 10px;
	margin-left: 15px;
	padding-left: 5px;
	list-style-type: disc;
}

.agendamain 
{
	padding-bottom: 5px;
	margin-left: 30px;
	padding-left: 10px;
	list-style-type: decimal;
}
.agendasub 
{
	padding-bottom: 2px;
	margin-left: 60px;
	padding-left: 10px;
	list-style-type: lower-alpha;
}

.easterlist ul
{
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.easterlist li
{
	padding-top: 0px;
	padding-bottom: 2px;
	margin-left: 35px;
	padding-left: 10px;
	list-style-type: disc;
}

.maglist ul
{
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 30px;
}

.maglist li
{
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 35px;
	padding-left: 10px;
	list-style-type: disc;
}
.contactheader
{
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 6px;
	padding-top: 25px;
}

.committeemember
{
	font-size: 100%;
	padding-top: 3px;
	padding-bottom: 6px;
}

.committeetitle
{
	font-weight: bold;
	padding-right: 10px;
}

.othergrouplink
{
	font-weight: bold;
}

.lccsignup
{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;	
}

label.ridequery
{
	text-align: left;
	font-size: 95%;
	padding-right: 10px;
}		

textarea.ridequery
{
	float: left;
	width: 350px;
}

input.ridequery
{
	float: left;
	width: 350px;
}

div.ridequery
{
	width: 55%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff;
	padding: 12px;
	border: 2px solid #aaa;
}

table.ridequery
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: left;
	border: none;
	border-collapse: collapse;
	padding: 12px;
}

tr.ridequery
{
	vertical-align: top;
}

@media screen 
{
	.ctcfooter
	{
		height: 25px;
		background-color: #F2F8FF; 
		padding-top: 7px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 70%;
		text-align: center;
		vertical-align: middle;
		border-top: 1px solid #aaa;
	}
	
	#footer_right 
	{					
		float: right;
		padding-top: 3px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		text-align: right;
		margin-right:3px;
	}

	.addthis_overridden_style
	{		
		float: right;
	}	
}

@media print 
{
	.ctcfooter
	{
		display: none;	
	}

	#ctcmenupanel
	{
		display: none;
	}	

	.symbolonestar
	{
		width: 16px;
		height: 16px;
	}
	
	.symboltwostar
	{
		width: 33px;
		height: 16px;
	}
	
	.symbolthreestar
	{
		width: 50px;
		height: 16px;
	}
	
	.symboltwothreestar
	{
		width: 70px;
		height: 16px;
	}

	.symbolfourstar
	{
		width: 70px;
		height: 16px;
	}
	
	.symbolwalk
	{
		width: 30px;
		height: 15px;
	}
	
	.symbolaudax
	{
		width: 39px;
		height: 17px;
	}
	
	.symbolsportif
	{
		width: 44px;
		height: 20px;
	}
	
	.symbolsocial
	{
		width: 36px;
		height: 18px;
	}
	
	.symboloffroad
	{
		width: 53px;
		height: 20px;
	}
	
	.symbolfamily
	{
		width: 39px;
		height: 18px;
	}
	
	.symbollcc
	{
		width: 28px;
		height: 16px;
	}
	
	.symbolnewcomers
	{
		width: 62px;
		height: 16px;
	}
	
	.symbolzone6
	{
		width: 40px;
		height: 16px;
	}
}

.ctcdoc
{
	border: 2px solid #aaa;
}

.ctcbanner 
{
	text-align: left;	
	background-image: url(../images/headerslice.jpg);
	background-repeat: repeat-x;
	height: 99px;
}

.ridesummary
{
	border-right: 1px solid #aaa;
	height: 610px;
}

.newssection
{
	border-bottom: 1px solid #aaa;
}

.newsitem 
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.homepicture
{
	text-align: center;	
	padding-top: 5px;
	padding-bottom: 5px;
}

.hometext
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.hometext p
{
	font-size: 110%;
	padding-bottom: 10px;
}

.subheading
{
	text-align: center;
	font-weight: bold;
}

.hometext li
{
	font-size: 110%;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 30px;
	list-style-type: disc;
}

.righthandheading
{
	text-align: center;
	padding: 5px;
	font-size: 110%;
	font-weight: bold;
}

.ridesummarydate
{
	text-align: center;
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
}

.oneridesummary
{
	padding: 6px;
	font-size: 100%;
	border: 0px;
}

table.publist
{
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 25px;
	width: 70%;
}	

tr.publistheader
{
	font-weight: bold;
}

.newsitems
{
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 25px;
	font-size: 100%;
	border: 0px;
}

.alert 
{
	color: #CC3300;
}

.alert a
{
	color: #CC3300;
}

.ridesummarydetail
{
	font-size: 95%;
	padding-top: 5px;	
}

.ridesummarybody
{
	display: none;
}

.rideguideheading
{
	font-size: 130%;
	font-weight: bold;
	text-align: center;	
	padding: 5px;
	background-color: #ddd;
}

.rideguidescrollable
{
	overflow: auto;
	height: 326px;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

.textboxnarrow
{
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 150px;
	margin-right: 150px;
	border: 2px solid #aaa;
}

.textboxwide
{
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	border: 2px solid #aaa;
}

/* Hides from IE5-mac \*/
* html .textboxwide {height: 1%;}
/* End hide from IE5-mac */

.lefthandcolumn
{
	margin-right: 350px;
}


.righthandcolumn
{
	float: right;
	text-align: left;

}

.righthandcolumncentred
{
	float: right;
	text-align: center;

}

.lefthandcolumnmap
{
	margin-right: 375px;
}


.committeephoto
{
	clear: both;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 5px;
}

.caption
{
	padding-top: 10px;
	font-style: italic;
	font-size: 95%;	
}

.rideguidesymbol
{
	font-size: 220%;
	font-weight: bold;
	text-align: center;	
	padding: 8px;
}

.rideguidesymbol2
{
	font-size: 110%;
	font-weight: bold;
	text-align: center;	
	padding: 8px;
}

.rideguidekey
{
	font-size: 100%;
	text-align: left;	
	padding-right: 6px;
	padding-left: 2px;
	padding-bottom: 5px;
}

#rideguideclose
{
	padding: 5px;
	text-align: center;
	background-color: #ddd;
}

@media screen
{
	.printrideguide
	{
		display: none;
	}
}


@media print 
{
	.printrideguideheading
	{
		font-size: 90%;
		font-weight: bold;
		text-align: center;	
		padding: 5px;
		background-color: #ddd;
	}

	.printrideguidecontacts
	{
		font-size: 80%;
		font-weight: normal;
		text-align: left;	
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 6px;
		padding-right: 6px;
	}

	.printrideguide
	{
		display: block;
	}

	.printrideguidesymbol
	{
		font-size: 160%;
		line-height: 70%;
		font-weight: bold;
		text-align: center;	
		padding: 3px;
	}
	
	.printrideguidesymbol2
	{
		font-size: 75%;
		line-height: 100%;
		font-weight: bold;
		text-align: center;	
		padding: 3px;
	}
	
	.printrideguidekey
	{
		font-size: 70%;
		text-align: left;	
		padding-right: 2px;
		padding-left: 2px;
	}
}

div#mapdiv
{
	text-align: center;
	height: 610px;
	padding: 0px;
	border: 0px;
}

iframe#mapframe
{
	width: 100%;
	height: 100%;
	border: 0px;
	frameborder: 0px;
}
		
iframe#smallmap
{
	width: 350px;
	height: 425px;
	border: 0px;
}		
	
div#loiremapdiv
{
	width: 350px;
	height: 375px;
	border: 0px;
	text-align: center;
}

iframe#loiremap
{
	width: 350px;
	height: 350px;
	border: 0px;
}		
	
div#smallmapdiv
{
	width: 350px;
	height: 350px;
	border: 0px;
	text-align: center;
}

div#smallimgdiv
{
	width: 350px;
	height: 250px;
	border: 0px;
	text-align: center;
}

div#mediumimgdiv
{
	width: 350px;
	height: 300px;
	border: 0px;
	text-align: center;
}

div#historypicture
{
	width: 350px;
	border: 0px;
	text-align: center;
}	

div#smallaudaxmapdiv
{
	width: 350px;
	height: 290px;
	border: 0px;
	text-align: center;
}	

div#audaxroutedetails
{
	width: 350px;
	height: auto;
	border: 0px;
	text-align: left;
}	

iframe#smallaudaxmap
{
	width: 350px;
	height: 250px;
	border: 0px;
}		

div#searchinput
{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
}

table.submittable
{
	margin-left: auto;
	margin-right: auto; 
}


.submittable input
{
	color: #aaa; 
} 

div#cse-search-results
{
	margin: 0 auto;
	text-align: center;
}

p.maperror
{
	font-size: 110%;
	font-weight: bold;
	padding-top: 75px; 	
}

.alignright
{
	float: right;
}
	
p.imagespacer
{
	margin-bottom: 75px; 	
}

li.grouplink 
{
	margin-top: 5px;
	margin-bottom: 12px;
}

div.blogsignup
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #aaa;
}