body,td,th {
	font-family: Arial;
	font-size: 12px;
}
body {
	background-color: #FFFFFF;
	width: 600px;
	margin: 0px;
	font-size: 14px;
	background-image: url("/_images/sidebar.jpg");
	background-repeat: repeat-y;
	background-position: left top;
}

a img {border: none; } 
a.nav:link {color: navy; text-decoration: none; }
a.nav:visited {color: navy; text-decoration: none; }
a.nav:hover {color: maroon; text-decoration: underline; font-weight:bold; }
a.nav:active {color: navy; } 
a.ridelink:link {color: black; text-decoration: none; }
a.ridelink:visited {color: black; text-decoration: none; }
a.ridelink:hover {color: red; text-decoration: underline; }
a.ridelink:active {color: black; } 
a:hover {color: red; text-decoration: underline; }

h1 {
   background-color: navy;
   border: solid 2px navy;
   border-top-width: 4px;
   font-size:16px;
   font-weight:bold;
   color:white;
   padding: 0px 0px 0px 3px;
}

h2 {
   background-color: #dbdbdb;
   border: solid 2px #dbdbdb;
   font-size:16px;
   font-weight:bold;
   margin:0px;
}

/* ride list cell */
.r {
   border: solid 2px #dbdbdb;
   width: 100%;
   padding: 0px 0px 0px 0px;
   margin:0px 0px 8px 0px;}
.rh a:link {color: black; text-decoration: none; }
.rh a:visited {color: black; text-decoration: none; }
.rh a:hover {color: red; text-decoration: underline; }
.rh a:active {color: black; } 
.rh {
   background-color: #dbdbdb;
   border-bottom-width: 3px;
   font-size:16px;
   font-weight:bold;
   padding: 0px 0px 1px 3px;}
.ri {
   font-size:12px;
   padding: 2px 0px 1px 3px;} 

/* ride detail cell */
.dh {
   background-color: #dbdbdb;
   border-bottom-width: 3px;
   font-size:20px;
   font-weight:bold;
   padding: 0px 0px 1px 3px;}
.db {
   background-color: #dbdbdb;
   border-bottom-width: 3px;
   font-size:14px;
	font-style: italic;
   padding: 0px 0px 1px 3px;}   
.di {
   font-size:16px;
   padding: 2px 0px 1px 3px;} 

/* info area cell */
.ia {
  	background-color: #FFFACD;
   border: solid 2px #dbdbdb;
	padding:5px 5px;
}
.is {
  	background-color: #FFFACD;
   border: solid 2px #dbdbdb;
	padding:3px 5px;
	font-size:12px;
}
      
#head {
	background-image: url("/_images/header.jpg");
	background-repeat: repeat-x;
	margin: 0px;
	font-size: 20px;
	width: 620px;
	height: 100px;
	position: absolute;
	left: 180px;
	top: 0px;
	z-index:10;
	text-align:center;
}
#foot {
	position: relative;
	width: 600px;
	text-align: center;
	font-size: 10px;
}
#content {
	margin: 10px 10px 10px 10px;
	width: 600px;
	position: absolute;
	left: 180px;
	top: 100px;
	text-align: left;
}
#sidebar {
	margin: 0px;
	width: 180px;
   position:absolute;
   top:20px;
	text-align:center;
	color:#FF0000;
	font-size:18px;
	line-height:30px;
	z-index:20;
}

.infotable {
	width: 600px;
  	background-color: #FFFACD;
   border: solid 2px #dbdbdb;
}

.infoarea {
  	background-color: #FFFACD;
   border: solid 2px #dbdbdb;
	padding:2px 5px;
}

.ridetable {
	width: 600px;
	border-collapse: collapse;
}
.localtitle {
   background-color: navy;
   border: solid 2px navy;
   border-top-width: 4px;
   font-size:16px;
   font-weight:bold;
   color:white;
   padding: 0px 0px 0px 3px;
}
.ridetitle {
   background-color: #dbdbdb;
   border: solid 2px #dbdbdb;
   border-top-width: 2px;
   font-size:16px;
   font-weight:bold;
   padding: 0px 0px 0px 3px;
   margin: 0px;   
}
.rideproj {
   background-color: #f7f7f7;
   border: solid 2px #dbdbdb;
   border-top-width: 1px;
   font-size:10px;
   padding: 0px 0px 0px 3px;
}
.rideinfo {
   background-color: #ffffff;
	border-right: solid 2px #dbdbdb;
	border-left: solid 2px #dbdbdb;
   padding: 0px 0px 0px 3px;
   margin: 0px;
}
.detailtitle {
   background-color: #dbdbdb;
   border: solid 2px #dbdbdb;
   border-top-width: 5px;
   font-size:24px;
   font-weight:bold;
   padding: 0px 6px 0px 6px;
}
.detailbenefit {
   background-color: #dbdbdb;
   border: solid 2px #dbdbdb;
   border-top-width: 0px;
   font-size:12px;
   font-style: italic;
   padding: 0px 6px 0px 6px;
}
.detailinfo {
	font-size:16px;
   background-color: #ffffff;
	border-right: solid 2px #dbdbdb;
	border-left: solid 2px #dbdbdb;
	padding: 0px 6px 0px 6px;
}
.detaildesc {
	font-size:14px;
	line-height:16px;
   background-color: #ffffff;
	border-right: solid 2px #dbdbdb;
	border-left: solid 2px #dbdbdb;
	padding: 0px 6px 0px 6px;
}
.blank{
   background-color: #ffffff;
   border-top: solid 2px #dbdbdb;
   height: 10px;
   margin: 0px;
}
.space{
   height: 10px;
}
.whatis {
	text-align:right;
	font-size: 10px;
   padding: 0px 10px 0px 3px;
}
.headtag {
	text-align:center;
	font-size: 18px;
   padding: 0px 0px 0px 3px;
}
.listhead {
   font-size:18px;
   font-weight:bold;
}
.listlist {
	font-size:13px;
	vertical-align:top;
	width:200px;
}


#tabystuff{font: Arial;
padding: 10px;
border: 1px solid gray;
border-top: none;
position: relative;
}

#taby{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 14px;
border-bottom: 1px solid gray;
}

#taby li{list-style: none; display: inline; margin: 0;}

#taby li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid gray;
background: #ebebeb;
border-bottom: none;
}

#taby li a:link{color: navy;}
#taby li a:hover{color: navy; background: lightyellow;}
#taby li a.current:hover{color: navy; background: white;}
#taby li a.current{border-bottom: 1px solid white; background: white;}