body { margin: 0 }

.Header { background-color: #9CE7A8 }
.HeaderLink { font-family: Arial; font-weight: bold; font-size: 10pt; color: yellow; text-decoration: none; }
.Footer { background-color: #9CE7A8; text-align: center; font-family: Arial; font-size: 8pt; vertical-align: middle; }
.FooterLink { color: #0000c0 }

th { font-weight: bold; font-family: Arial; font-size:9pt; }
.RideDate { font-weight: bold; font-size:9pt; color: #008000; font-family: Arial; text-align: center; }
.RideDescription { font-family: Arial; font-size:9pt; }
td.RideDate { vertical-align: top; }
td.RideDescription { vertical-align: top; }
.Odd { background-color: #E0FFE0; }
.Even { background-color: #C0FFC0; }
.Odd-BikeWeek { background-color: #F0F000; }
.Even-BikeWeek { background-color: #E0E080; }
.Story { padding: 5px; border-spacing: 10px }
.StoryBody { text-align: left; }
.StoryAttribution { text-align: right; }
.NewsletterTitle { text-align: center; font-family: Arial Black; font-weight: normal; color: #660099; font-size: 18pt }
.PageTitle { text-align: center; font-family: Arial Black; font-weight: normal; color: #660099; font-size: 18pt }
.PhotoSetTitle { text-align: left; font-family: Arial; font-weight: normal; color: #660099; font-size: 14pt }
.PageLastChangeDate { text-align: left; font-family: Arial; font-size: 8pt }
.CommitteePosition { text-align: left; font-family: Arial; font-size: 10pt; font-weight: bold; color: #008000; }
.CommitteeEmailLink { text-align: left; font-family: Arial; font-size: 10pt; font-weight: bold; }
.CommitteePersonName { text-align: left; font-family: Arial; font-size: 10pt; font-weight: bold; }
a { text-decoration: none; }
.Tips { font-family: Arial; font-size: 11pt; color: black; }
.Tips .TipName { font-weight: bold; color: #080 }
li { text-align: left; margin: 5px; }
h1 { text-align: center; font-family: Arial; color: #008000; font-size: 14pt; font-weight: bold; margin: 1.1em 0 1em; }
h2 { text-align: left; font-family: Arial; color: #008000; font-size: 12pt; font-weight: bold; margin: 0px; }
h3 { text-align: left; font-family: Arial; color: #008000; font-size: 11pt; font-weight: bold; margin: 0px; }
h4 { text-align: left; font-family: Arial; color: #008000; font-size: 10pt; font-weight: bold; margin: 0px; }
h5 { text-align: left; font-family: Arial; color: #008000; font-size: 9pt; font-weight: bold; margin: 0px; }
.LastChange { text-align: left; font-family: Arial; font-size: 8pt; font-weight: normal; color: black; }
div.CycleRoute { clear: both; }
table.RouteFacts { background: #008000; font-family: Arial; font-size: 10pt; border: none; float: left; width: 400px }
table.RouteFacts th { text-align: left; vertical-align: top; color: white; width: 150px }
table.RouteFacts td { text-align: left; color: #008000; }
table.NCRPatch { background: red; border: solid 2px white; float: right; }
table.NCRPatch td { font-family: Arial; font-weight: bold; font-size: 8pt; color: white; }
table.RCRPatch { background: blue; border: solid 2px white; float: right; }
table.RCRPatch td { font-family: Arial; font-weight: bold; font-size: 8pt; color: white; }

table.Newsletters tr { vertical-align: top; }
tr.Title { background-color: #A0FFA0; }
tr.Title th { text-align: left; }

dt { font-weight: bold; }

.sharesb{
	clear:both;
	position:relative;
	border:1px solid #ddd;
	padding:10px;
	margin:15px 0 10px 0;
	font-size:12px;
	background:#e0ffe0;
}
.sharesb p {
	padding:0;
	margin:0;
}
.sharesb p a{
	position:absolute;
	top:0px;
	right:0px;
	padding:10px;
	font-size:12px;
}
.sharesb h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-weight:normal;
}
.sharesb ul{
	text-align:left;
	list-style:none;
	margin:15px 0 0px 15px;
	padding:0;
}
.sharesb ul li{
	text-align:center;
	display:inline;
	padding:0 4px 6px 0 ;
}
.sharesb ul li.delicious{background:url("http://www.spokeseastkent.org.uk/images/bookmarks/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("http://www.spokeseastkent.org.uk/images/bookmarks/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{background:url("http://www.spokeseastkent.org.uk/images/bookmarks/reddit.gif") no-repeat 0 0;}
.sharesb ul li.facebook{background:url("http://www.spokeseastkent.org.uk/images/bookmarks/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("http://www.spokeseastkent.org.uk/images/bookmarks/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}

hr{
border:1px solid #000;
}


p.Question { font-weight: bold; }


/* Stylesheet for layout of Spokes header */

/* NB: At present, it mixes Point and Pixel dimensions -- bad! */

body 		{margin: 0px;
		 background-color: white;}
  
#banner 	{		 background-color: #9CE7A8;}

#invicta 	{
		 top: 2px; left: 5px; float:left}

#spokes 	{
		 left: 70px;
		 font:  bold  0pt Verdana, sans-serif;
		 color: #080;}

#spokes1 	{top: 4pt;
		 font-size: 40px;}		/* 32 pt */

#spokes2 	{top: 48px;
		 font-size: 10pt;}

#wheel 		{		 right: 0; float:right}

#navbar 	{
		 width: 100%;
		 text-align: center;
		 background-color: #080;
		 color: silver;
		 font: bold 10pt Arial, sans-serif;
        	 /*background-image: url(images/chain.gif);*/}

#navbar a 	{
		 color: white;
		 text-decoration: none;
		 margin: 0.5%;
		 white-space: nowrap;}	

#navbar a:hover	{text-decoration: underline;}

/* Maps page */
#maps-content {
			margin-left: 0.5%;
			margin-right: 0.5%;
			width: 99%;
			background-color: white}



/* Styles for home page / events page */
img			{border: 0px;}

#main-content {
			margin-left: 0.5%;
			margin-right: 0.5%;
			float: left;
			width: 79%;
			background-color: white}
			
#sidebar {	float: right;
			width: 20%;
			background-color: #9CE7A8;}
			
#sidebar div {
			background-color: white;
			margin-left: 5px;
			margin-right: 5px;
			border: #080 solid 1px;
			margin-bottom: 2px;
			padding: 2px;
			
			color: black;
			font: 9pt Arial, sans-serif;
			}
			
#sidebar div h1 {
			background-color: #080;
			color: white;
			font: bold 10pt Verdana, sans-serif;
			}

#welcome	{font: 10pt Verdana, sans-serif}
#welcome .spokes {color: #080; font-weight: bold; font-size: 12pt;}

#upcoming	{width: 80%;
			margin-left: 10%;
			margin-right: 10%;
			padding: 4px;
			background-color: #080}
#upcoming-content {background-color: #a0f0a0}
#features { margin-left: 10px; margin-right: 10px; }
#features .feature {clear:both}



#rules div	{background-color: #a0f0a0;
		border: #080 solid 1px;
		padding: 5px;
		font: 10pt Verdana, sans-serif}
		
		
		
/* Newsletter */
#spokes-support	{background-color: #a0f0a0; text-align: center; width: 90%; margin-left: 5%; margin-right: 5%; border: 1px solid #080;}
#disclaimer	{text-align: center; width: 90%; margin-left: 5%; margin-right: 5%;}

/* CycleStreets */
#cyclestreets-content {margin-left: 10px; margin-right: 10px; font-family: Arial;}

/* Blog */
#blog img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#blog img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#blog img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

#blog .alignright {
	float: right;
	}

#blog .alignleft {
	float: left;
	}
	
#blog .post {clear: both;}