@charset "UTF-8";
/* CSS Document */


/* 

body.template1 = login page
body.template2 = local pages

denver1.html = body#pg-planB
denver2.html = body#pg-stats1
denver3.html = body#pg-myimpact 
denver4.html = body#pg-mytrips 

 */


/* ////////// all templates */

body {
	width: 100%;
	height: 100%;
	font-size:100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	color: #8c8c8c;
}

h1 {font: 24px/20px normal normal Helvetica, Arial, sans-serif;
	color: #d60019;
	padding: 5px 0 10px 0;
	}

h2 {font: 20px/14px normal normal Arial, Helvetica, sans-serif;
	color: #212f64;
	padding: 5px 0 10px 0;
	}

h3 {font: 16px/20px normal normal Arial, Helvetica, sans-serif;}
	
p {	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #8c8c8c;
	margin-bottom:8px;
	}

a {	font: inherit;
	color: #8c8c8c;
	text-decoration: underline;
	}

a:hover {	font: inherit;
	color: #d60019;
	text-decoration: underline;
	}

a:visited {	font: inherit;
	color: #8c8c8c;
	text-decoration: underline;
	}
	
form label {font-size: 11px; color: #8c8c8c;}

a img {border: 0; text-decoration:none;}

#wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 15px;
	}

#footer p {font-size:10px;}

.fltlt {float: left;}
.fltrt {float: right;}
.clear {clear:both;}

#footer2 p {font-size:10px;}

.fltlt {float: left;}
.fltrt {float: right;}
.clear {clear:both;}
/* ////////// template1 = log-in page */

.template1 #header {
	position: relative;
	top: 0;
	left: 0;
	width: 900px;}
.template1 #logo {
	position: absolute;
	top: 30px;
	left: 30px;}
.template1 #mainContent {
	width: 350px;
	position: relative;
	top: 200px;
	left: 500px;}
.template1 #pgPhoto {
	position: absolute;
	top: 300px;
	left: 150px;}
.template1 #mainContentReg {
	width: 800px;
	position: relative;
	top: 100px;
	left: 350px;}
	
.template1 #pgPhotoReg {
	position: absolute;
	top: 250px;
	left: 50px;}

.template1 #mainContentRegSuccess {
	width: 420px;
	position: relative;
	top: 160px;
	left: 400px;}
	
.template1 #pgPhotoRegSuccess {
	position: absolute;
	top: 150px;
	left: 50px;}

.template1 #footer p { margin: 150px 0 150px 180px}
.template1 td { padding: 3px; }
.template1 table { margin-bottom: 20px; }


/* log-in page form */

#login .field { background:transparent url(../images/formfield-bg.gif) no-repeat;
}

#login input.textfield {
height:25px;
background:transparent;
border:solid 0 #fff;
width:160px;margin: 1px 0 0 3px; width: 140px;
}

#login .button {
	border: solid 0 #fff;
	background: transparent;
	padding: 2px 0 0 25px;
	color: #8c8c8c;
	font-size: .85em;
	letter-spacing:.05em;
	font-weight: bold;
}

#login .button:hover {
	color: #212f64;
}

#login td.btn-cancel {
	height: 27px;
	width:160px;
	background:transparent url(../images/btn-cancel.gif) no-repeat 0 0;
	}

#login td.btn-login {
	height: 31px;
	width:160px;
	background:transparent url(../images/btn-submit.gif) no-repeat 0 0;
	}
	
#login td.btn-cancel:hover, #login td.btn-login:hover {
background-position: 0 -30px;
}



/* ////////// template2 = local pages = denver1.html/#pg-planB, denver2.html/#pg-stats1, denver3.html/#pg-myimpact  /////// */

.template2 #header {
	position: relative;
	top: 0;
	left: 0;
	width: 900px;}

.template2 #logo {
	position: absolute;
	top: 30px;
	left: 30px;
	}

.template2 .localTitle {
	font: 42px/40px bold Helvetica, Arial, sans-serif;
	color: #d60019;
	position: relative;
	top: -16px;
	left: 0;
	}		

.template2 p#welcome-member {
	color: #d60019;
	font: bold 12px/14px Helvetica, Arial, sans-serif;
	margin-top: 55px;
	float: right;
	text-align:right;
	}
			
.template2 #mainContent {
	width: 870px;
	height: 236px;
	position: absolute;
	top: 300px;
	left: 50px;
	padding: 20px 20px 20px 40px;
	background: transparent url(../images/boxbg.jpg) no-repeat 0 0;}
	


#pglocalhome1 #mainContent {
	width: 870px;
	height: 297px;
	position: absolute;
	top: 300px;
	left: 65px;
	padding: 20px 20px 20px 40px;
	background: transparent url(../images/bg_home.gif) no-repeat 0 0;}   /* home page box bg */
.template2 #mainContent p {width: 500px; }	
.template2 #pgPhoto {
	position: absolute;
	top: 260px;
	left: 500px;
	z-index:100;}


#pg-contact #mainContent {z-index:200;}


.template2 #pgPhoto {
	position: absolute;
	top: 240px;
	left: 500px;
	z-index:100;}

.template2 #footer { position: absolute; top: 650px; left: 60px;}

.template2 #footer2 { position: absolute; top: 730px; left: 60px;}

/* /// nav */
.template2 #nav {
	position: absolute;
	top: 110px;
	left: 48px;
	z-index:500;}
.template2 #nav ul
	{list-style:none;}	
.template2 #nav li {
	height: 27px;
	width: 153px;
	}
.template2 #nav li a {
	display:block;
	height: 27px;
	width: 153px;
	text-indent:-9999px;
	}
#nav-home { background: transparent url(../images/nav-home.gif) no-repeat 0 -27px;}				
#nav-bcycle { background: transparent url(../images/nav-bcycle.gif) no-repeat 0 -27px;}						
#nav-locations { background: transparent url(../images/nav-locations.gif) no-repeat 0 -27px;}						
#nav-bknowledge { background: transparent url(../images/nav-bknowledge.gif) no-repeat 0 -27px;}	
#nav-bconnected { background: transparent url(../images/nav-bconnected.gif) no-repeat 0 -27px;}						
#nav-contact { background: transparent url(../images/nav-contact.gif) no-repeat 0 -27px;}					
#nav-home:hover,#nav-bconnected:hover,  #nav-bcycle:hover, #nav-locations:hover, #nav-bknowledge:hover, #nav-contact:hover {background-position: 0 0;}

#pglocalhome1 #nav-home, #pglocalhome2 #nav-home { background: transparent url(../images/nav-home.gif) no-repeat 0 -54px;}				
#pgmyimpact #nav-bcycle { background: transparent url(../images/nav-bcycle.gif) no-repeat 0 -54px;}				
#pgmytrips #nav-bcycle { background: transparent url(../images/nav-bcycle.gif) no-repeat 0 -54px;}				
#pgmyinfo #nav-bcycle { background: transparent url(../images/nav-bcycle.gif) no-repeat 0 -54px;}				
#pg-contact #nav-contact { background: transparent url(../images/nav-contact.gif) no-repeat 0 -54px;}				
#pglocation #nav-locations { background: transparent url(../images/nav-locations.gif) no-repeat 0 -54px;}	
#pgbconnected #nav-bconnected { background: transparent url(../images/nav-bconnected.gif) no-repeat 0 -54px;}					
#pgbknowledge #nav-bknowledge { background: transparent url(../images/nav-bknowledge.gif) no-repeat 0 -54px;}						


/*end nav */
	
	
/* /// subnav */
.template2 #subnav {
width: 393px;
height:25px;
position: absolute;
top: 20px;
left: 400px;
}

.template2 #subnav ul {list-style:none;}	
.template2 #subnav li {
	padding: 0;
	margin: 0;
	display:block;
	float: left;
	height: 25px;
	text-indent: -9999px;}
.template2 #subnav li a {
	display:block;
	height: 25px;
	text-indent: -9999px;}	
	
#subnav-impact { background: transparent url(../images/subnav-btn-impact.gif) no-repeat 0 0; width: 132px;}				
#subnav-trips { background: transparent url(../images/subnav-btn-trips.gif) no-repeat 0 0; width: 125px;}						
#subnav-info { background: transparent url(../images/subnav-btn-info.gif) no-repeat 0 0; width: 136px;}
#subnav-impact:hover, #subnav-trips:hover, #subnav-info:hover {background-position: 0 -25px;}

#pgmyimpact #subnav-impact { background: transparent url(../images/subnav-btn-impact.gif) no-repeat 0 -25px; width: 132px;}				
#pgmytrips #subnav-trips { background: transparent url(../images/subnav-btn-trips.gif) no-repeat 0 -25px; width: 125px;}				
#pgmyinfo #subnav-info { background: transparent url(../images/subnav-btn-info.gif) no-repeat 0 -25px; width: 136px;}				

#pgmyimpact #pgPhoto, #pgmytrips #pgPhoto, #pgmyinfo #pgPhoto {z-index:-100; position:absolute; top: 70px; left:640px;}

#pgmyimpact #mainContent,#pgmytrips #mainContent {
	width: 866px;
	height: auto;
	position: absolute;
	top: 300px;
	left: 150px;
	padding: 30px 20px 20px 40px;
	background: transparent url(../images/boxbg.jpg) no-repeat 0 0;}


.stats { 
	display: block;
	margin: 0 0 0 200px;
	font-size:16px;
	line-height:22px;}
	
table.stats {
	margin: 50px 0 10px 0;
	padding-bottom:15px;
	border-bottom: #CCC solid 1px;
}

.stat-label {
	color: #8c8c8c;
	width: 200px;
	padding-left: 10px;
}

.stat-subhead {
	font: 12px/16px normal normal Helvetica, Arial, sans-serif;
	text-align:left;
	color: #8c8c8c;
	}
	
p.stat-subhead {
	max-width: 180px;
	margin: 0 0 20px 0; 
	position: absolute;
	top: 60px;
	left: 40px;
	}

td.stat-subhead {
	width: 200px;
	padding: 0 30px 0 0;
	vertical-align:top;
 }

div.highlight-stat {
	font: 20px/26px normal normal Helvetica, Arial, sans-serif;
	color: #8c8c8c;
	width: 800px;
	padding: 0;
	margin-left: 50px;}
	

#pg-stats1 div.highlight-stat {
	margin: 0;
	}

p.line1 {
	font: 22px/20px normal normal Helvetica, Arial, sans-serif;
	margin: 15px 0 5px 0;
}	

p.line2 {
	text-indent:200px;
	font: 22px/20px normal normal Helvetica, Arial, sans-serif;
}	
	
.sub-subhead {
	font: 16px/26px normal normal Helvetica, Arial, sans-serif;
	color: #8c8c8c; }

.stat {
	color: #d60019;
	font-weight:bold;}
	
.stat2 {
	font: bold 19px/19px Helvetica, Arial, sans-serif;
	color: #d60019;
	margin: 4px 5px 0 0;
	}	
	
.stat-imgLabel {vertical-align:bottom;}	




/* /// myimpact */

#pgmyimpact .stat2 {
	color: #d60019;
	font-weight:bold;
	text-align:right;
	vertical-align: top;
	width: 150px;
	font-size:22px;
	line-height:23px;}

#pgmyimpact table.stats {
	margin: 20px 0 20px 60px;
	border-bottom: #FFF solid 0;
}

#pgmytrips #mainContent {
	width: 866px;
	height: auto;
	position: absolute;
	top: 300px;
	left: 173px;
	padding: 30px 0 20px 0;
	background:url(../images/bg_tableTop.gif) no-repeat;
}

/* /// buttons */

a#btnLogout {
display:block;
float: right;
width: 56px;
height: 10px;
margin-top:5px;
background: url(../images/btn-logout.gif) no-repeat 0 0;
overflow: hidden;
font: 1px/1px Arial, Helvetica, sans-serif;
color:  #ebebeb; }

a#btnLogout:hover { 
background-position: 0 -10px; }

.template2 .button {
	background: transparent url(../images/btnBg.gif) no-repeat 0 0;
	height:27px; 
	width: 159px;
	padding: 7px 0 0 0;
	font-size: .9em; }

.template2 .button:hover {
	background: transparent url(../images/btnBg.gif) no-repeat 0 -32px; }
	
.template2 .button a {
	color: #212f64;
	text-decoration:none;
	padding: 6px 0 0 12px; }	
	
.template2 .button a:hover {
	color: #d60019;
	text-decoration:none;
	padding: 6px 0 0 12px; }	


/* /// stats display */

.stats { 
	display: block;
	margin: 0 0 0 200px;
	font-size:16px;
	line-height:22px;}
	
table.stats {
	margin: 50px 0 10px 0;
	padding-bottom:15px;
	border-bottom: #CCC solid 1px;
}

.stat-label {
	color: #8c8c8c;
	width: 200px;
	padding-left: 10px;
}

.stat-subhead {
	font: 12px/16px normal normal Helvetica, Arial, sans-serif;
	text-align:left;
	color: #8c8c8c;
	}
	
p.stat-subhead {
	max-width: 180px;
	margin: 0 0 20px 0; 
	position: absolute;
	top: 60px;
	left: 40px;
	}

td.stat-subhead {
	width: 200px;
	padding: 0 30px 0 0;
	vertical-align:top;
 }

div.highlight-stat {
	font: 20px/26px normal normal Helvetica, Arial, sans-serif;
	color: #8c8c8c;
	width: 800px;
	padding: 0;
	margin-left: 50px;}
	

#pg-stats1 div.highlight-stat {
	margin: 0;
	}

p.line1 {
font: 22px/20px normal normal Helvetica, Arial, sans-serif;
margin: 15px 0 5px 0;
}	

p.line2 {
text-indent:200px;
font: 22px/20px normal normal Helvetica, Arial, sans-serif;
}	
	
.sub-subhead {
	font: 16px/26px normal normal Helvetica, Arial, sans-serif;
	color: #8c8c8c; }

.stat {
	color: #d60019;
	font-weight:bold;}
	
.stat2 {
	font: bold 19px/19px Helvetica, Arial, sans-serif;
	color: #d60019;
	margin: 4px 5px 0 0;
	}	
	.stat-imgLabel {vertical-align:bottom;}	


/* /// mytrips table stats display */

th.stat-hdr {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	padding: 5px;
	color: #212f64;
	
	background-color:#CCCCCC; }

#table-header td {
	padding: 5px;}

#table-wrapper {
	width: 866px;
	height:auto;
	background: url(../images/bg_tableTile.gif) repeat-y;}

#trips-table {
	font: 12px/16px Helvetica, Arial, sans-serif;
	color: #8c8c8c; }
	
#trips-table td {
	padding: 5px;}	
	
	
	
/* /// myinfo */
#pgmyinfo #mainContent {
	width: 866px;
	height: 318px;
	position: absolute;
	top: 300px;
	left: 150px;
	padding: 30px 20px 20px 40px;
	background: transparent url(../images/bg_myinfo.gif) no-repeat 0 0;}

#info-table {margin-top:20px;}
#info-table td {padding: 1px 0 1px 5px; vertical-align:middle;
font: 12px/16px Helvetica, Arial, sans-serif;
	color: #8c8c8c;}
	
#info-table td.stat-hdr {
	font: bold 12px/25px Helvetica, Arial, sans-serif;
	color: #212f64;
	vertical-align:middle; }
	
#info-table img {padding-right: 5px;}
	
tr.odd {background-color:#e8e8e8;} 



#pg-contact #mainContent {
	width: 200px;
	position: absolute;
	top: 120px;
	left: 550px;
	background:none;
}

#pg-contact #mainContent p {
width: 160px;
max-width:160px;
margin-left: 130px;
}

#pg-contact #mainContent div {
	width: 200px;
	position: absolute;
	top: 25px;
	left: 40px;
	background:none;
}

#pg-contact #pgPhoto {
	position: absolute;
	top: 150px;
	left: 160px;
}

#pg-contact p.name {
font-weight:bold;
color: #212f64;
margin-bottom: 0;
}

a#mailBtn {
	font: normal 16px/25px Helvetica, Arial, sans-serif;
	color: #212f64;
	text-decoration:none;
	padding-left: 15px;
	background: transparent url(../images/arrow.gif) 0 3px no-repeat;
}

a#mailBtn:hover {
	font: normal 16px/25px Helvetica, Arial, sans-serif;
	color: #d60019;
	text-decoration:none;
	padding-left: 15px;
	background: transparent url(../images/arrow.gif) 0 3px no-repeat;
}



/* /// locations page */

#pglocation #mainContent {
	position: absolute;
	top: 115px;
	left:218px;
	width: 719px;
	height: 485px;
	background:none;
	margin: 0;
	padding: 0;
	position: relative;
	background:url(../images/mapBg.gif) no-repeat;
}



#map-ltcol {
	width: 538px;
	height: 480px;
	float: left;
}


img#map-corner-LT {position: absolute; top: 4px; left: 4px; z-index:100;}
img#map-corner-LB {position: absolute; top: 461px; left: 4px; z-index:100;}

#locationPhoto {margin: 5px; margin-right:0; height: 536px; height:468px; overflow:hidden;}
#map {margin: 5px; margin-right:0; height: 536px; height:468px; overflow:hidden;}


#map-rtcol {
width: 173px;
heigh: 480px;
display: block;
float: left;
overflow:hidden;
}


#pglocation #map-rtcol h1 {margin: 50px 0 5px 15px; }
#pglocation #map-rtcol h3 {margin: 25px 0 0 15px; color: #212f64;}
#pglocation #map-rtcol p {margin: 0 0 10px 15px;}
#pglocation #map-rtcol strong {color: #d60019; font-weight:bold;}


#map-rtcol label {display: block;  margin: 15px 0 0 15px; }

#map-rtcol select {display: block; margin: 5px 0 5px 15px;}


#map-rtcol #rtcol-btm {position: absolute; bottom: 0;}


/* /// b-knowledge page */

#pgbknowledge #mainContent {
	position: absolute;
	top: 150px;
	left:540px;
	width: 480px;
	height: 400px;
	background:none;
	margin: 0;
	padding: 0;
}

#pgbknowledge #pgPhoto {
	position: absolute;
	top:300px;
	left: 50px;
}

#pgbknowledge h3 {	
	position: absolute;
	top: 3px;
	left: 165px;
	width: 300px;
	font: 12px/14px normal normal Arial, Helvetica, sans-serif;}
	
#pgbknowledge dl {
	font: 12px/16px normal normal Arial, Helvetica, sans-serif;
	margin-top: 20px;
	width: 440px;
	padding-right:10px;
}	

#pgbknowledge dt {	
	margin: 10px 0 0 0;
	color: #d60019;
	cursor:pointer;
	font: normal 14px/16px normal normal Arial, Helvetica, sans-serif;

}
.ddActive {
	
	text-indent:20px;
	background: url(../images/arrow2-rev.gif) 0 2px no-repeat;
}	


#pgbknowledge dd {
display: block;

}	

/* ////////////// registration */


#pg-register #mainContent {
	background:none; 
	height: 400px; width: 710px; 
	border:none;
	position: absolute;
	top: 160px;
	left: 120px;
	padding:0;
	margin:0;}
	
#pg-register .col1, #pg-register .col2 {width: 320px; padding:0; margin:0; float:left;	border:none;}
#pg-register .col2 {margin-left: 20px; border-left:solid 1px #CCC; padding-left:20px;}

#pg-register td {}

#pg-register label {display: block; margin: 0 0 2px 8px;}

#pg-register input.textfield {background:transparent url(../images/textfield-bg.gif) no-repeat 0 0; width:155px; height:25px; border:solid 0 #fff; padding:5px;}
#pg-register input.textfieldXL {background:transparent url(../images/textfieldXL-bg.gif) no-repeat 0 0; width:321px; height:25px; border:solid 0 #fff; padding:5px;}

#pg-register input.reg-button { margin-top: 13px; background:transparent url(../images/btn-login.gif) no-repeat 0 0; width:155px; height:30px; border:solid 0 #fff; text-align:left; font: bold 12px/12px Helvetica, Arial, sans-serif; color:#666666; padding:0 0 5px 25px;}
#pg-register input.reg-button:hover {margin-top: 13px;background:transparent url(../images/btn-login.gif) no-repeat 0 -30px; width:155px; height:30px; border:solid 0 #fff; text-align:left; font: bold 12px/12px Helvetica, Arial, sans-serif; color:#243472; padding:0 0 5px 25px;}

#pg-register input.cancel-button {margin-top: 13px;background:transparent url(../images/btn-cancel-reg.gif) no-repeat 0 0; width:155px; height:30px; border:solid 0 #fff; text-align:left; font: bold 12px/12px Helvetica, Arial, sans-serif; color:#666666; padding:0 0 5px 25px;}
#pg-register input.cancel-button:hover {margin-top: 13px;background:transparent url(../images/btn-cancel-reg.gif) no-repeat 0 -30px; width:155px; height:30px; border:solid 0 #fff; text-align:left; font: bold 12px/12px Helvetica, Arial, sans-serif; color:#243472; padding:0 0 5px 25px;}
#pg-register select {width: 155px;}

#pg-register td.error-msg {font: bold 11px/13px Helvetica,  Arial, sans-serif; color: #FF0000; height:30px; padding: 20px 10px;}

#pg-register #pgPhoto {z-index:-100; position:absolute; top: 240px; left: 540px;}

#pg-register label.required {color:#FF0000; font-weight:bold; }