* { }

*
{
	margin: 0;
	padding: 0;
}

body
{
	width: 994px;
	background-color: #990000;
	margin: 30px auto;
	height: 100%;
	text-align: center;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
}

#container
{
	/*background-image: url(/images/10.png);
	background-repeat: repeat-y;
	background-position: 0 0;*/
	background-color: #FFF;
	text-align: left;
}

#brand
{
	width: 994px;
	height: 170px;
}

#topLogo
{
	width: 272px;
	height: 170px;
	background-image: url(/images/122.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#head
{
	width: 716px;
	height: 170px;
	background-color: #FFC;
	float: right;
	background-image: url(/images/127.jpg);
	background-repeat: no-repeat;
	background-position: 4px 0;
}

#upperRight
{
	float: right;
	width: 6px;
	height: 170px;
	overflow: hidden;
	background-color: #ffc;
	background-image: url(/images/126.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav
{
	height: 28px;
	width: 994px;
}

#middleLogo
{
	width: 178px;
	height: 28px;
	background-image: url(/images/123.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#navLinks
{
	height: 28px;
	width: 816px;
	background-image: url(/images/118.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	float: right;
	font-size: 18px !important;
}

#navLinks ul { margin-left: 9px; }

#navLinks li
{
	color: #FFF;
	display: block;
	float: left;
	list-style-type: none;
	line-height: 28px;
	text-decoration: none;
	font-weight: 500;
}

#navLinks li a
{
	color: #FFF;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

#navLinks li a:hover
{
	background-image: url(/images/119.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#subNav
{
	float: left;
	width: 170px;
	background-image: url(/images/193.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px !important;
}

/*#subNav ul { margin: 50px 0 50px 0; }

#subNav li
{
	display: block;
	width: 170px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	background-image: url(/images/116.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom: 1px;
	vertical-align: bottom;
}

#subNav li a
{
	color: #fff;
	text-decoration: none;
	display: block;
}

#subNav li a:hover
{
	display: block;
	background-image: url(/images/117.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}*/

#subNav ul { margin: 50px 0 50px 4px; }

#subNav li
{
	display: block;
	width: 166px;
	height: 20px;
	text-align: left;
	line-height: 20px;
	background-image: url(/images/194.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom: 1px;
	vertical-align: bottom;
}

#subNav li a
{
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
	display: block;
}

#subNav li a:hover
{
	display: block;
	background-image: url(/images/197.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mainContent
{
	float: left;
	width: 774px;
}

#content a, #subContent a
{
	color: #770044;
	text-decoration: underline;
}

#content a:visited, #subContent a:visited { color: #773300; }
#content a:hover, #subContent a:hover { text-decoration: underline; }

#content
{
	display: inline;
	margin: 50px 7px 50px 8px;
	width: 589px;
	float: right;
	font-size: .87em;
}

#content .news-posting:hover { background: #FFE; min-height: 0;}
#content p { margin: 0 8px 10px 7px; }

#content h4, #content h3
{
	margin-bottom: 10px;
	margin-left: 7px;
}

#content h4 a, #content h3 a { text-decoration: none; }

#content h5
{
	font-size: 12px;
	font-style: italic;
	color: #ccc;
	font-weight: normal;
	text-align: right;
	padding: 0 12px 12px 0;
}

#content hr
{
	background: #FFDDCC;
	border: 0;
	height: 1px;
	margin: 6px auto 12px;
	text-align: center;
	width: 220px;
}

#bottom
{
	background-image: url(/images/239.png);
	background-position: 0 0;
	height: 6px;
	width: 994px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#wbccopyright
{
	width: 994px;
	color: #CCC;
	font-size: .7em;
	font-style: italic;
	text-align: center;
	padding-top: 10px;
	background-color: #900;
}

/* page specific */
#docs #content ol, #docs #content ul { margin-left: 100px; }
#news img { max-width: 570px; }

#map
{
	width: 570px;
	height: 400px;
	overflow: hidden;
	margin: 0 auto 10px;
}

#latlong { display: none; }

#eventStats ul
{
	list-style-type: none;
	position: relative;
}

#eventStats ul li
{
	width: 150px;
	text-align: right;
	position: relative;
}

#eventStats ul ul
{
	position: absolute;
	top: 0;
}

#eventStats ul ul li
{
	display: inline-block;
	margin-left: 150px;
	padding-left: .5em;
	text-align: left;
	width: 470px;
}

#contact #content fieldset
{
	border: 1px solid #ccc;
	padding: 1em;
}

/* rides and events sections */
#rides #content div.weekday p
{
	display: inline;
	width: 180px;
	height: 100px;
	float: left;
	overflow: hidden;
}

.weekday { margin-bottom: 25px; }

/* temporary test page */
.eventDetails ul { list-style-type: none; }

.eventDetails li
{
	height: 33px;
	vertical-align: middle;
	line-height: 33px;
}

.eventContainer
{
	margin-bottom: 25px;
	height: 100px;
	padding: 8px 0 8px 0;
}

.eventContainer:hover { background-color: #FFC; }

.eventMap
{
	width: 180px;
	display: inline;
	height: 100px;
	float: right;
	margin-right: 8px;
	overflow: hidden;
}

.eventDetails
{
	width: 370px;
	height: 100px;
	float: left;
	display: inline;
	margin-left: 7px;
}

/* downloads page */
#downloads #content #newsletters
{
	float: left;
	width: 260px;
}

#downloads #content #forms-maps
{
	float: right;
	width: 260px;
}

/* far right column*/
#subContent
{
	float: right;
	width: 220px;
	padding-top: 50px;
	font-size: .75em;
}

#directions, #todaysRides, #upcoming { margin-bottom: 10px; }
#directions { display: none; }
#directions p { padding: 10px; }
#directions fieldset { border: none; }

#todaysRides
{
	width: 216px;
	min-height: 60px;
	background-color: #EEDDDD;
}

#upcoming, #directions
{
	width: 216px;
	background-color: #FFDDCC;
}

#todaysRides h4
{
	background-color: #B22;
	background-image: url(/images/139.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#upcoming h4, #directions h4
{
	background-color: #D62;
	background-image: url(/images/137.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#todaysRides h4, #upcoming h4, #directions h4
{
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	display: block;
	padding-left: 10px;
	font-weight: 100;
	text-align: left;
	color: #fff;
	height: 20px;
	vertical-align: bottom;
	line-height: 20px;
	overflow: hidden;
}

#todaysRides p, #upcoming p { padding: 10px 10px; }

#todaysRides div
{
	background-image: url(/images/138.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 6px;
	overflow: hidden;
}

#upcoming div, #directions div
{
	background-image: url(/images/136.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 6px;
	overflow: hidden;
}

.latlong { display: none; }
.previewHeader { font-size: 12px !important; }
.rideInfo { margin-top: 10px; }

.right
{
	float: right;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-top: 5px;
}

.left
{
	float: left;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-top: 5px;
}

.clearBoth
{
	clear: both;
	height: 0;
	margin: -1px 0 0 0;
	overflow: hidden;
}