/* Meyer Resets v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	color: #4C4C4C;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, 'Lucida Grande', sans-serif;
	font-size: small;
	}

h1, h2, h3, h4, h5 {
	margin: 0 0 0.3em 0;
	line-height: 1.2;
	font-family: Arial, Helvetica, 'Lucida Grande', sans-serif;
	}

h1 { font-size: 250%; color: #7A7A6F; font-weight: normal; }
h2 { font-size: 140%; color: #7A7A6F; }
h3 { font-size: 130%; color: #7A7A6F; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }

h2.intro {
	margin: 12px 0 10px 0;
	font-size: 25px;
	font-weight: normal;
}

h2.loose { margin: 24px 0 35px 0; }

#howBody h3 { color: #4C4C4C; }

p {
	margin: 0 0 12px 0;
	font-size: 95%;
	line-height: 1.5;
	}

p.bom {
	min-height: 38px;
	margin: 12px 0;
	padding-left: 63px;
	background: transparent url(/images/icon-star.png) 8px 40% no-repeat;
}

ul {
	list-style-type: disc;
	padding-left: 18px;
}

ol {
	list-style-type: decimal;
	padding-left: 18px;
}

ul li, ol li {
	line-height: 1.2;
	font-size: 95%;
	}

ol li { margin-bottom: 6px; }

ul.loose li { margin-bottom: 10px; }

table { font-family: inherit; }

/*
a:link { color: #; text-decoration: none; }
a:visited { color: #; text-decoration: none; }
a:hover { color: #; text-decoration: none; }
a:active,
a:focus { outline:none; }
*/


#wrap {
	width: 962px;
	max-width: 962px;
	margin: 0 auto;
	text-align: left;
	}

#header {
	padding-bottom: 12px;
	border-bottom: 4px solid #E3E3D7;
	}

#logoHolder {
	float: left;
	}

#hgroup {
	padding-top: 30px;
	text-align: right;
	}

#nav ul {
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align: left;
	/* background-color: #000; */
	}

#nav ul li {
	display: inline;
	/* background-color: #000; */
	line-height: 30px;
	text-align: left;
	}

#nav ul a {
	padding: 0 10px;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #CCC;
	}

#nav ul #participantLink a { border-width: 0; }

#nav ul a.current { text-decoration: underline; }

#stationLink {
	display: block;
	width: 100%;
	background-color: red;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	line-height: 30px;
	text-align: left;
	}

#stationLink a {
	padding-left: 8px;
	color: #FFF;
	text-decoration: none;
	}

#main {
	float: left;
	width: 760px;
	}

#participantsBody #main {
	float: none;
	width: auto;
	}


#mapFrame {
	margin-bottom: 25px;
	padding: 10px;
	border: 1px solid #CCC;
	}

#mapMode {
	padding-left: 50px;
	background: transparent url(/images/icon-map.png) 0 50% no-repeat;
	}

#mapFrame table {
	width: 100%;
	margin: 10px 0;
	}

#mapFrame td {
	padding: 15px 8px;
	background-color: #E3E3D7;
	}

#searchFilters { position: relative; }

#printResults {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	color: #00E;
	text-decoration: underline;
	cursor: pointer;
	}

#inputBlock {
	padding: 10px 8px;
	margin: 10px 0;
	vertical-align: middle;
	background-color: #E3E3D7;
	}

#inputBlock label { line-height: 20px; }

input#zip { width: 60px; }

#inputBlock #btSearch { float: right; margin-top: 0; }

#detailBar {
	float: left;
	width: 280px; /* 190 */
	height: 510px;
	background-color: #E3E3D7;
	overflow-y: auto;
	overflow-x: hidden;
	}

#detailBar .padder { padding: 10px 9px; }

#detailBar h3 {
	color: #4C4C4C;
	font-size: 110%;
	}

#detailBar ol { padding-left: 0; }

#detailBar p,
#detailBar li {
	color: #4C4C4C;
	}

#detailBar p.detailDetails {
	font-size: 90%;
	font-style: italic;
	}

#detailBar p.detailAddress {
	font-size: 90%;
	margin-top: 5px;
	}

#detailBar ol li {
	list-style-position: inside;
	margin-top: 4px;
	font-weight: bold;
	}

#detailBar ol li p {
	margin: 2px 0;
	line-height: 1.2;
	font-weight: normal;
	}

#detailBar ol li .bubbleLink { font-weight: normal; }

#detailBar .selected { color: red; }
#detailBar li .noLoc { color: #3c6934; }

#map_canvas {
	float: right;
	width: 448px; /* 538 */
	height: 510px;
	}

p#mobileLinks {
	margin-bottom: 15px;
	padding-left: 65px;
	line-height: 42px;
	background: transparent url(/images/icon-phone.png) 21px 50% no-repeat;
	}

p#questions {
	margin-bottom: 15px;
	padding-left: 65px;
	line-height: 42px;
	background: transparent url(/images/icon-info.png) 19px 50% no-repeat;
	}

p#email {
	margin-bottom: 15px;
	padding-left: 65px;
	line-height: 42px;
	background: transparent url(/images/icon-email.png) 18px 50% no-repeat;
	}

#sidebar {
	float: right;
	width: 180px;
	}

#sidebar h2 {
	margin: 0;
	line-height: 1;
	text-align: center;
	}

#sidebar ul li {
	margin-bottom: 7px;
	line-height: 1.2;
	}

#sidebar .adbox { margin: 10px 0 20px 0; }

#participantFilters {
	padding: 10px 8px;
	margin: 24px 0 10px 0;
	vertical-align: middle;
	background-color: #E3E3D7;
	}

#participantFilters label,
#participantFilters input { margin-top: 8px; }
#participantFilters #btFilter { float: right; margin-top: 0; }

table.listing {
	width: 100%;
	margin: 12px 0;
	}

table.listing th,
table.listing td {
	padding: 5px 8px;
	border: 1px solid #E3E3D7;
	line-height: 1.3;
	}

table.listing .rowHeader { font-weight: normal; }
table.listing .name { width: 30%; }
table.listing .category { width: 20%; }
table.listing .benefit { width: 49%; }

table.listing strong { font-weight: normal; color: #000; }
table.listing .name strong,
table.listing .benefit strong { line-height: 1.4; font-size: 110%; }

.hasApp p { margin-left: 200px; }

#footer {
	clear: both;
	margin: 10px 0;
	padding-top: 10px;
	border-top: 1px solid #CCC;
	}

#footer a { font-weight: bold; }


.fl { float: left; }
.fr { float: right; }
img.fl { margin: 0 12px 12px 0; }
img-fr { margin: 0 0 12px 12px; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.noList { display: none; }
