/*A NOTE TO DEVELOPERS:_______________________________
please keep attributes in alphabetical order, to make de-duping easier
please notate use of hacks, if needed, with a comment and how it works alongside
please make use of pre-existing styles
please test css cross-browser
please indent definitions to match the cascade, where appropriate
*/
/*
COLORS:
green:  #008000
dark green: #006400 - darkgreen
blue:  #6495ed - cornflowerblue
darker blue: #3366FF
dark grey:  #2f4f4f - darkslategray
*/
/* __________________________MAIN___________________________________ */
body {
	background: #FFFFFF url("/img/world.gif") top left repeat-x fixed;
	color: #000000;
	font: 76%/170% Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
		/* a la Owen Briggs (http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html) */
	margin: 0px;
	padding: 0px;
	width: 600px;
}
html>body {
	font-size: 12px;
}
/* _______________NETURALIZE ELEMENTS ____________________________ */
/* Neutralize margins and padding to make all browsers consistent*/
form, fieldset {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {margin: 0; padding: 0;}
p {line-height: 1.5em; margin: 0 0 1.5em 0; padding: 0;}
blockquote {margin: 0; padding: 0;}
/* Apply left margin*/
ul, ol, dl, li, dd {margin-left: 2.0em;}
/* Miscellaneous standardizations*/
form label {cursor: text; margin: 0; padding: 0;}
fieldset {border: 1px solid #000000;}
img {border: 0px;}	
code {font-weight: bold;}
ul li, ol li {padding-bottom: 0.7em;}
	ul li ul, ol li ol {margin-top: 0.7em;}
ul.roman, ol.roman {list-style: lower-roman;}
ul.alpha, ol.alpha {list-style: lower-alpha;}
																	.sample {margin-top: 1.0em;}					/*remove before pub.*/
/*----------------------------behavior additions----------------------------------------------------------------*/
/*  add centering  */
div.center, span.center {margin: 0 auto 0 auto; text-align: center;}
/*  add float clearing  */
.clearleft {clear: left;}
.clearright {clear: right;}
.clearem {clear: both;}
/*  add floating  */
.floatleft {float: left;}
.floatright {float: right;}
/*  add text effects */
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.lowercase {text-transform: lowercase;}
#privacy, #terms {text-align: justify; margin-right: 6.0em;}
/* stylistic color additions */
.red {background-color: inherit; color: #dc143c;}
.blue {background-color: inherit; color: #0000cd;}
.attn {background-color: inherit; color: #dc143c;}
/* _______________MAIN COMPONENTS_________________________________ */
div#wrapper {
	background: transparent url("/img/shadowoubkg.gif") top left repeat-y;
	max-width: 600px;
	margin: 0px;
	padding: 0px;
}
/*----------------------------header--------------------------------------------------------------------------------*/
div#rtp_header {
	background: #FFFFFF;
	border: 0px;
	color: #000000;
	margin: 0px; 
	padding: 0px;
	width: 600px; height: auto;
}
	div#rtp_header div.branding {
		background-color: #367E3D;
		background: #367E3D url("") top left no-repeat;
		color: #000000;
		font: bold 2.0em/1.0em "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-transform: uppercase;
		vertical-align: middle;
		width: 450px; height: 50px;
	}
		div#rtp_header div.branding img.runningman {display: none;}
		div#rtp_header div.branding img.logo {float: none;}
		div#rtp_header div.branding a, div#rtp_header div.branding a:link, div#rtp_header div.branding a:visited, div#rtp_header div.branding a:hover {
			color: #367E3D;
			text-decoration: none;
		}
		div#rtp_header div.branding div.tagline {
			display: none;
		}
/*----------------------------navigation---------------------------------------------------------------------------*/
div#navigation {
	display: none;
}
/*----------------------------content------------------------------------------------------------------------------*/
div#rtp_content {
	background: #FFFFFF;
	border: 0;
	color: inherit;
	padding: 0;
	width: 720px;
}
	div#rtp_interior {
		background: transparent; 
		color: #000000;
		margin: 0;
		min-height: 0px;
		padding: 0px;
	}
div.breadcrumbs {
	background: transparent; 
	color: #6495ed; 
	line-height: 1.2em; 
	margin: 10px 0 0.5em 0;
	text-align: left;
}
	div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:visited {background-color: inherit; color: #6495ed;}
	div.breadcrumbs a:hover {background-color: inherit; color: #008000;}
/*----------------------------footer---------------------------------------------------------------------------------*/
div#rtp_footer {
	background: #FFFFFF url("/img/runners_negative.gif") top left no-repeat;
	border: 0px;
	color: #000000;
	display: block;
	margin: 0;
	padding: 0;
	width: 800px;
}
	div#rtp_footer p {
		background-color: #FFFFFF;
		color: inherit;
		margin: 0; 
		padding: 0.5em;
	}
	div#rtp_footer ul {display: none;}
	div#rtp_footer .tagline {
		display: none;
	}
/* _______________TEXT EFFECTS______________________________________ */
/*----------------------------links----------------------------------------------------------------------------------*/
a, a:link {background-color: inherit; color: #3366FF; text-decoration: underline;}
a:visited {background-color: inherit; color: #333333; text-decoration: underline;}
a:hover {background-color: inherit; color: #000000; text-decoration: underline overline;}
a:active {background-color: inherit; color: #dc143c; text-decoration: none;}
/*----------------------------P.I.E.---------------------------------------------------------------------------------*/
/*float clearing - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/*----------------------------OFF-LEFT--------------------------------------------------------------------------*/
/*---- http://css-discuss.incutio.com/?page=ScreenreaderVisibility ---- */
.off-left {left: -1299px; position: absolute; width: 1290px;}
/*----------------------------headers/headlines----------------------------------------------------------------*/
/* main page headline */
h1 { 
	background: transparent; 
	clear: left;
	color: #000000;
	font: bold 2.0em/1.5em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
	margin: 0 0 0.5em 0;
}
	h1.route {margin: 0 0 0 0;}
h2, caption { 
	background: transparent; 
	color: #000000;
	font: 1.5em/1.0em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
	margin: 0.5em 0 0.8em 0;
	text-align: left;
}
	h2#location {margin: 0 0 0.8em 0;}
	h2#subhead, h2.subhead {margin: 0;}
	h2 a, h2 a:link, h2 a:visited {background: transparent; color: #000000; text-decoration: none;}
	h2 a:hover {background: transparent; color: #000000;}
h3 {
	background-color: inherit; 
	color: #000000;
	font: bold 1.1667em/1.286em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
	margin: 1.286em 0 0 0;
}
h4 {
	background-color: #DCDCDC;
	color: #000000;
	font: bold 1.4em/1.4em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
	margin: 0 0 1.0em 0;
	padding: 0.3em;
}
h5 {
	background-color: inherit; 
	color: #000000;
	display: block;
	font: italic bold 1.3em/1.5em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
	margin: 0 0 0.6em 0;
}
/*----------------------------common blocks------------------------------------------------------------------*/
div.rads {
	display: none;
}
div.inline-rads {
	display: none;
}
div.callout, div.shoenav {
	background: transparent;
	border: 3px solid #666666;
	color: #000000;
	margin: 0 0 1.0em 1.0em;
	padding: 0;
	width: 320px;
}
	div.callout p, div.callout span.date {padding: 0 2.0em 0 1.0em;}
	div.callout span.date {display: none;}
	div.callout h2 { padding: 0 1.0em; background: transparent; color: #000000;}
	div.callout img {padding: 0 1.0em;}
img.flag {display: none;}
div.repost {
	background-color: #FFFFFF; 
	border: 3px solid #666666;
	color: #000000;
	margin: 0 1.0em 1.0em 1.0em;
	padding: 1.0em;
}
div.answer {
	border: 1px solid silver;
	float: left;
	margin: 1.0em;
	padding: 3.0em;
}
	div.answer span.blue {font-size: larger; font-weight: bold;}
blockquote {
	margin: -1px 2.0em 1.0em 2.0em;
	padding: 0 0.5em 0 0.5em;
}
	blockquote.realquote {
		font-style: italic;
	}
div.photo img, span.photo img {
	background: #FFFFFF; 
	border: 3px solid #666666; 
	color: #000000;
	margin: 0 0.667em; 
	padding: 0.667em;
}
ul.twocollist {
	float: none;
	list-style: circle;
	margin-bottom: 1.0em;
	margin-right: 1.0em;
	padding: 0;
}
p.credits {
	background-color: inherit;
	color: #000000;
	padding: 1.0em;
}
div.rss {
	display: none;
}
	span.date {background-color: inherit; display: block; color: #666666;}
ul.toc {
	background: #FFFFFF;
	border: 3px solid #666666;
	color: #000000;
	margin: 0;
	padding: 1.0em;
	width: 20.0em;
}
	ul.toc li {list-style: circle; margin-left: 2.0em; padding: 0;}
	ul.toc li.tocname {font-weight: bold; list-style: none; margin-left: 0;}
	ul.toc li.current {list-style: disc;}
ul.index {list-style: circle;}
/*----------------------------tables------------------------------------------------------------------*/
table {
	background-color: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	width: auto;
}
	table th {
		background-color: #E8E8E8;
		border: 1px solid #666666;
		color: #000000;
		font-weight: bold;
		padding: 0.2em;
		text-align: left;
		vertical-align: top;
	}
		table th.off-left {border: 0px;}
		table th.section
		{
			border: 0px;
			background-color: #E8E8E8; 
			color: inherit;
			font-size: larger;
		}
	table td {
		background-color: #FFFFFF;
		border: 1px solid #666666;
		color: inherit;
		padding: 0.2em;
		vertical-align: top;
	}
	table td.center {text-align: center;}
	table tfoot td {
		font-style: italic;
		text-align: right;
	}
/*---table exceptions---*/
th.month {background-color: #FFFFFF; /*border-top: 0; border-left: 0; border-right: 0;*/ color: #6495ed;}
/*----------------------------widths------------------------------------------------------------------*/
.twentyfive {width: 25%;}
.fifty {width: 50%;}
.sixtyfive {width: 65%;}
.seventyfive {width: 75%;}
.hundred {width: 100%;}
/*----------------------------forms------------------------------------------------------------------*/
form {
	clear: left;
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 300px;
}
	form fieldset {
		border: 1px solid #999999;
		margin: 0;
		padding: 0.3em 1.0em 1.0em 1.0em;
	}
		form legend {
			background-color: inherit; 
			color: #2f4f4f;
			font: italic bold 1.4em/1.4em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
			margin: 0;
		}
		form label {
			display: block;
			margin: 0;
			padding: 0;
		}
		form input {
			background-color: #FFFFFF;
			color: #000000;
			padding: 3px;
			width: 200px;
			vertical-align: middle;
		}
		form select {
			background-color: #FFFFFF; 
			color: #000000;
			margin-top: 3px;
			padding: 2px;
			width: 208px;
			vertical-align: middle;
		}
		form input#searchbutton, form input.searchbutton {
			background: #339933 url("/img/searchbutton.jpg") top left repeat-x; 
			border: 1px solid #006400; 
			color: #FFFFFF; 
			display: block;
			font-weight: bold;
			margin: 3px 0 0 0;
			padding: 2px;
			width: auto;
			vertical-align: middle;
		}
			form p {margin: 0.5em 0 0 0;}
		form label.radio, form label.checkbox {
			display: inline;
			cursor: pointer;
		}
		form input.radio, form input.checkbox {width: 10px;}
		div.horizontal {float: left; margin-right: 2px;}
		form label.horiz {
			display: block;
			cursor: pointer;
			width: auto;
		}
		form input.horiz {
			width: 40px;
		}
		form select.horiz {margin: 0; width: auto;}
		form.floatright {display: block; margin: -1.0em 0 1.0em 1.0em;}
/*---form exceptions---*/
form#radsearch {margin-left: 3.0em; margin-top: 1.0em;}
form#headersearch {display: none; }
form.searchagain {margin-top: 2.0em;}
form#frmRace {}
	form#frmRace input {width: 350px;}
	form#frmRace select, form#frmRace textarea {width: 358px;}
	form#frmRace input.radio, form#frmRace input.checkbox {width: auto;}
	form#frmRace input.searchbutton {width: auto;}
.buttongap {border-top: 1px solid white;margin-top: 2px;}
/* _______________CONTENT EFFECTS_________________________________ */
ul.philphoto li {border-top: 1px solid #CCCCCC; list-style: none; padding-top: 0.5em;}
	ul.philphoto li ul li {border: 0px; list-style: disc;}
/* _______________GOOGLE MAP EFFECTS_________________________________ */
div.hoverdivlayer {
	background-color: #FFFFFF;
	border: 4px solid #000000; 
	color: inherit;
	display: block; 
	float: right;
	margin: 0 0 1.0em 1.0em;
	width: 350px; height:405px;
}
	* html div.hoverdivlayer {
		background-color: #FFFFFF;
		color: inherit;
		display: block; 
		border: 4px solid #000000; 
		width: 350px; 
		height: 405px;
	}
	div.hoverdivlayer #map {
		height: 350px; 
		margin: 0 auto 0 auto; 
		overflow: hidden;
		width: 350px; 
	}
	.googmapheader {
		background-color: #6495ed;
		color: inherit;
		height: 55px; 
		overflow: hidden; 
		width: 350px; 
	}
		.googmapheader div.googmaptitle {
			background-color: inherit; 
			color: #FFFFFF;
			font: bold 1.2em/1.1em Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; 
			padding: 8px 0 0 6px;
		}
		.googmapheader div.googmaptitle span.gardentitle {background-color: inherit; color: #000000;}
		.googmapheader img {
			margin: 5px 0 0 20px;
		}
	div.googmapclose { 
		float: right;
		margin: 6px 6px 0 0;
	}
		a.googlemapcloselink:link, a.googlemapcloselink:visited, a.googlemapopenlink {
			display: none;
		}
		a.googlemapcloselink:hover {
			background-color: inherit; 
			color: inherit;
			cursor: pointer;
			text-decoration: underline;
		}
	.googmaploading {
		margin-top: 30%; 
		padding-left: 20px;
		text-align: center; 
	}
div#weather {}
	div#weather p {border-bottom: 1px dotted #CCCCCC}
	div#weather img {float: left; margin-right: 1.0em;}
div.address {margin-bottom: 2.0em;}
/* _______________GOOGLE MINI SEARCH RESULTS_________________________________ */
div.search_suggestion {}
	div.search_suggestion {
		font-weight: normal;
		padding-bottom: 1.0em;
	}
	ol.searchresults {margin: 0; padding: 0;}
	ol.searchresults li {border: 0px; list-style: none; margin: 0; padding-bottom: 2.0em;}
		ol.searchresults li p {list-style: none; margin: 0 0 0 0; padding: 0 0 0.8em 0;}
		ol.searchresults li a {
			font-size: 1.1em;
			font-weight: bold;
		}
			ol.searchresults li div.pageresults {padding: 0;}
			ol.searchresults li div.url a {
				background-color: inherit; 
				color: #666666;
				font-weight: normal;
				font-size: 1.0em;
				padding: 0;
				text-decoration: none;
			}
	div.pagination {
		background: #FFFFFF url("/img/fade.gif") top left repeat-x;
		color: inherit;
		border: 1px solid #E8E8E8;
		margin-bottom: 2.0em;
		padding: 0.4em;
		width: 50.0em;
	}
		div.pagination span.previous-link {float: left;}
		div.pagination span.next-link {float: right;}
/* _______________SHOE FINDER_________________________________ */
table#products {
	text-align: center;
}
table#products td {
	border: none;
}
	table#products td.item {
		width: 150px;
	}
	table#products td.item {border: 3px solid #FFFFFF;}
	table#products td.item:hover {background-color: inherit; color: inherit; border: 3px solid #008000; text-decoration: none;}
	table#products td.pagination {
		width: 100%;
		font-size: small;
		text-align: right;
	}
dl#prod_details {font-weight: bold; margin: 0; padding: 0;}
	dl#prod_details dd {font-weight: normal; margin: 0; padding: 0;}

/* for the crossingsigns and stamps page */
.collection img {
width:120px;
margin-right:4px;
}

/* clipart pages */
.clipart img {
    width:70px;     /* this shrinks the image to 70px but keeps the image proportional */
    border:1px solid gray;
}
.fancydl dt {
    font-weight:bold;
}
.fancydl dd {
    margin-bottom:10px;
}