@media screen{

#dave{ margin-top:20px; clear:both; padding-top:10px; margin-bottom:0px; overflow:hidden; height:1%;}
#dave img{ float:left; border:3px solid #cccccc; margin-left:50px; margin-top:10px; margin-right:20px;}
#dave p{ margin-top:10px;}

.pointer{ cursor:pointer;}
.DropDownContainer { position:relative; z-index: 100; visibility: visible; margin:0; padding:0; }

#Drop1 { font-family: Arial, Helvetica, sans-serif; position: absolute; width: 173px; left:80px; top:215px; z-index:50; visibility: hidden; line-height:18px; border:1px solid #cccccc; border-top:3px solid #005D23; padding:0px; background-color:#ffffff; }
	#Drop1 a { color:#326598; font-size:11px; text-decoration:none; display:block; width:158px; padding:0px 5px 0px 10px; margin:0px; border-bottom:0px solid #cccccc; }
	#Drop1 a:hover { color:#FFF; font-size:11px; text-decoration:none;  display:block; width:158px; padding:0px 5px 0px 10px; margin:0px; background-color:#999999; cursor:pointer; }

#Drop2 { font-family: Arial, Helvetica, sans-serif;   position: absolute; width: 173px; left:120px; top:60px; z-index:50; visibility: hidden; line-height:18px; border:1px solid #cccccc; border-top:3px solid #005D23;padding:0px; background-color:#ffffff; }
	#Drop2 a { color:#326598; font-size:11px; text-decoration:none; display:block; width:158px; padding:0px 5px 0px 10px; margin:0px;  }
	#Drop2 a:hover { color:#e8e8e8; font-size:11px; text-decoration:none;  display:block; width:158px; padding:0px 5px 0px 10px; margin:0px; background-color:#326598; cursor:pointer; }



/* CSS Document */
h1{font-size:1.4em;color:#666666;font-weight:normal}
h2{color:#666666;margin-top:10px;font-size:1.0em;font-weight:bold}
h3{color:#FF33CC;font-weight:bold;font-size:.75em;color:#666666;padding-top:10px}
a{color:#156ad7}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
p{padding-top:10px;font-size:.75em;line-height:1.6em;color:#3d3d3d}
#breadCrumb{font-size:.75em;display:block;margin-bottom:15px}
*{margin:0px;padding:0px}
.mt20{ margin-top:20px;}
.note{ font-size:.9em; padding:10px; margin:0px;}
.contentDL{ font-size:.8em;}
.contentDL dd{padding-bottom:5px;}
body{background-image:url(../images/bg-body.gif);background-repeat:repeat-x;margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:1.0em}
img{border:0px}
#all{width:770px;margin:auto;}
#banner{width:770px;height:75px;position:relative;clear:both}
#banner h1{position:absolute;top:20px;left:80px;font-weight:normal;font-size:1.2em;color:#FFFFFF}
#banner h1 a{color:#ffffff;text-decoration:none}
#logo{position:absolute;left:5px}
#leftNav{width:168px;padding:0 5px 5px 5px;float:left; position:relative;}
#leftNav ul{list-style:none}
#leftNav ul li{border:1px solid #d3d3d3;background-image:url(../images/bg-navbtns.gif); background-color:#ECEBEB; background-repeat:repeat-x; margin-bottom:5px;padding-bottom:3px;padding-left:5px}
#leftNav ul li a{color:#156eda;font-weight:bold;font-size:.7em;vertical-align:middle; width:150px;  display:block; padding:2px;}
#leftNav ul li a:hover{ color:#333333;}

#content{width:570px;float:left;padding-left:20px; padding-bottom:20px;}

#content ul{ margin-left:30px;}
#content ul li{ line-height:1.6em; margin:5px; font-size:.75em;}
#content ol{ margin-left:30px;}
#content ol li{ line-height:1.6em; margin:5px; font-size:.75em;}
.inset{ padding:10px; background-color:#efefef; border:1px solid #cccccc; width:528px; margin-top:20px; margin-bottom:10px;}
#content ul li p{ font-size:1em;}
.inset2{ padding:10px; background-color:#efefef; border:1px solid #cccccc; width:528px; margin-top:10px; margin-bottom:10px; width:550px;}
.inset2 h2{margin-top:0px; padding-top:0px; padding-bottom:0px; }
.inset2 a{ clear:both; display:block;}
.inset2 p{ padding-top:0px;}

#content.infoPage ul li{font-size:.75em;}

#centralGraphic{background-image:url(../images/bg-central-image2.jpg);width:570px; height:165px}
#centralGraphic h1{font-size:1.0em;color:#666666;font-weight:bold;padding:30px 0px 5px 30px; margin-left: 230px;}
#centralGraphic p{padding-left:30px;width:260px;padding-top:0px; margin-left: 260px;}


#centralGraphic2{background-image: url(../images/bg-central-image-new2.jpg); width:570px; height:165px; position:relative;}
#centralGraphic2 a{color:#fff; }
#centralGraphic2 p{padding-left:30px; width:305px; padding-top:60px;  color:#fff; width:300px;}
#centralGraphic2:hover{ cursor:pointer;}

#centralGraphic4{background-image: url(../images/bg-places-to-go.jpg); width:570px; height:165px; position:relative;}

#centralGraphic3{background-image: url(../images/ticket-to-ride.jpg); width:570px; height:165px; position:relative;}
#centralGraphic3 a{color:#fff; }
#centralGraphic3 p{padding-left:30px; width:305px; padding-top:60px;  





color:#fff; width:300px;}
#centralGraphic3:hover{ cursor:pointer;}

#routesSchedules{background-image:url(../images/bg-rates-schedules-btn.jpg);width:285px}
.centralModule{float:left;height:120px;display:block;background-repeat:no-repeat;background-position:bottom;background-color:#eceaeb}
.centralModule h1{font-size:1.0em;padding:0px;font-weight:bold;color:#FFFFFF;margin-top:30px;margin-left:30px}
.centralModule h1 a{font-size:1.0em;color:#FFFFFF}
.centralModule p{color:#FFFFFF;margin-left:30px;width:230px;padding:0px;margin-top:5px}
.centralModule p a{color:#FFFFFF;text-decoration:none;padding-top:0px}
#ratesPasses{background-image:url(../images/bg-passes-btn.jpg);width:285px}
.homepageContentModule{clear:both;padding-top:10px}
.homepageContentModule h1{background-repeat:no-repeat;font-size:.9em;font-weight:normal;color:#141b8e;font-weight:normal;font-weight:bold;padding-left:50px;padding-bottom:10px;padding-top:5px}
.homepageContentModule h2{font-size:.75em;padding-left:50px;padding-bottom:5px;margin-bottom:0px;margin-top:0px;font-weight:bold}
.homepageContentModule h2 a{color:#156eda;font-size:1.0em;padding:0px}
.homepageContentModule p{padding-left:50px;padding-top:0px;margin-top:0px}
.homepageContentModule a{font-size:.7em;display:block;padding-left:50px;padding-top:10px;color:#156eda}

.leftModule{background-image:url(../images/bg-left-module.gif);background-repeat:no-repeat;margin-top:20px; background-position:0 19px;}
.leftModule h1{background-image:url(../images/bg-left-titles.gif);background-repeat:repeat-x;color:#FFFFFF;font-size:.75em;padding:3px 0px 3px 5px;font-weight:bold; z-index:100}
.leftModule p{padding:10px 10px 0px 10px}
.leftModule dl{padding:0px 10px 10px 10px}
.leftModule dt{font-size:.7em;font-weight:bold;margin-top:10px;display:block}
.leftModule dd{display:block;font-size:.7em}

#realTimeTracking h1{background-image:url(../images/bg-title-bustracking.gif)}
#announcements h1{background-image:url(../images/bg-title-announcements.gif);padding-top:10px}
#virtualMapsScreen{margin:30px 0px 0px 10px;float:right}



#content ul.newsList{list-style:none; margin:0px; padding:0px}
#content ul.newsList li{padding-bottom:10px; padding-top:10px;border-bottom:1px solid #efefef;margin-bottom:10px;  margin-left:50px;}
#content ul.newsList li p{ padding-left:0px; font-size:1em; }
#content ul.newsList li .homeDate{color:#5f5f5f; font-weight:bold; color:#5f5f5f;margin-left:0px;padding-bottom:5px;display:block}
#content ul.newsList li h2{ margin-left:0px; padding-left:0px; font-size:1em;}
#content ul.newsList li.altRow{}

#content ul#contentNewsList {margin-top:0px;}
#content ul#contentNewsList li{ margin-bottom:0px; padding-bottom:20px;  margin-left:0px;}
#content ul#contentNewsList li span{  font-weight:bold;}
#content ul#contentNewsList li a{ }
#content ul#contentNewsList li h2 a{ font-size:1.4em;}




#memberCommunities ul{padding:10px; position:relative;}
#memberCommunities ul li{border:0px;background-image:none;font-size:.75em;padding-bottom:2px}
#footerContainer{background-image:url(../images/bg-footer.gif);background-repeat:repeat-x;overflow:hidden;height:1%;clear:both;background-color:#005d23}
#footer{width:770px;margin:auto}
#footer p{color:#ffffff;clear:both;padding-top:20px;padding-bottom:20px}
#footer ul{list-style:none;margin-top:15px; }
#footer ul li{background-repeat:no-repeat; background-position:right 8px;display:inline; padding-left:0px; line-height:1.4em; color:#FFFFFF; font-size:.75em}
#footer ul li.noBG{background-image:none}
#footer ul li a{color:#FFFFFF;}


table#schedule{font-size:1em; width:100%; margin-bottom:10px;}
table#schedule caption{background-color:#3a3b9c;padding:5px;text-align:left;font-weight:bold;color:#FFFFFF; font-size:.8em;}
table#schedule tr td{padding:5px; font-size:.7em; text-align:center;}
table#schedule tr td.altCol{background-color:#efefef}
table#schedule tr td.stopName{ text-align:left;}
table#schedule tr td.townName{background-color:#cccccc; padding:2px; color:#ffffff; font-weight:bold; text-align:left; font-size:.8em;}
table#schedule tr td.divider{background-color:#000000;height:5px;overflow:hidden;padding:0px}
table#schedule tr td.direction{border-right:1px solid #000000;width:10px;background-color:#ffffff}



#innerNav{border-bottom:1px solid #9e9e9e;height:19px;overflow:visible;list-style:none;position:relative;width:100%;margin-top:10px}
#innerNav li.active{border-width:1px 1px 0px 1px;border-style:solid;border-color:#9e9e9e;float:left;background-color:#ffffff;position:relative;top:1px;margin-right:5px;z-index:100;border-bottom-color:#ffffff;padding:2px 10px 2px 10px;font-size:.7em;color:#9e9e9e}
#innerNav li{border-width:1px 1px 0px 1px;border-style:solid;border-color:#9e9e9e;float:left;background-color:#9e9e9e;position:relative;top:1px;margin-right:5px;z-index:100;border-bottom-color:#ffffff;padding:2px 10px 2px 10px;font-size:.7em;color:#ffffff}
#scheduleOptions{display:block;margin-top:10px;font-size:.7em;clear:both;margin-bottom:10px}
#scheduleOptions label{padding-left:5px;padding-right:5px}
#scheduleOptions select{font-size:1em;margin-right:5px}
.Button{background-image:url(../images/bg-btns.gif);color:#666666;border:1px solid #646464; font-size:1em;padding-top:1px;padding-bottom:1px;background-position:bottom;background-color:#fefefd;background-repeat:repeat-x; cursor:pointer;}
#mapContainer{width:570px;overflow:auto;  margin-top:10px;}
#mapContainer img{margin:auto;display:block}


#content ul#routeList{ list-style:none; margin:0px; padding:0px; }
#content ul#routeList li{ border:1px solid #dddddd; padding:10px; margin-top:10px; margin-bottom:20px; }
#content ul#routeList li h2{ margin-top:0px; padding-top:0px; background-color:#3a3b9c; padding:5px; font-size:1.4em;}
#content ul#routeList li h2 a{ color:#ffffff; text-decoration:none; border-bottom:1px solid #ffffff;}
#content ul#routeList li span{ display:block; font-size:1em; padding-top:10px;}
#content ul#routeList li p{ padding-top:0px; margin-top:5px; font-size:1em;}


.ratesTable{ margin-top:20px; font-size:.8em; border-top:1px solid #cccccc;  border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin:20px 0 20px 0; width:100%; }
.ratesTable tr td{ border-bottom:1px solid #cccccc; padding:5px;}
.ratesTable tr th{ padding:5px; background-color:#cccccc; }
.ratesTable tr th.rate{ width:100px;}

.highlighted{ padding:5px; background-color:#efefef; color:#000000}
.highlighted2{ padding:5px; background-color:#FFFFdE; color:#000000; }
.highlighted3{ padding:5px;  background-color:#3a3b9c; color:#ffffff; }



dl#qa{ margin-top:20px; }
dl#qa dd{ display:block;font-size:.8em; border-bottom:1px solid #cccccc; margin-bottom:20px; padding-bottom:20px; margin-left:20px; display:block; margin-top:5px; padding:0px 20px 20px 0px; line-height:1.6em;}
dl#qa dt{ font-weight:bold; font-size:.8em; color:#666666; margin-left:20px; }

.linksdl{ margin-top:20px; margin-bottom:20px; font-size:.8em;}
.linksdl dt{ font-weight:bold; display:block;}
.linksdl dd{ font-weight:normal; margin-bottom:20px; display:block;}



#content ul.meetingsList{ margin:0px; padding:0px; list-style:none;}
.meetingsList dd.date{  margin:0px; padding:0px 0px 3px 0px;}
.meetingsList h2{ margin:0px 0px 5px 0px; padding:0px; font-size:1.4em}
.meetingsList dd.time{margin:0px; padding:0px;}
.meetingsList li{padding-bottom:20px; padding-top:20px; border-bottom:1px solid #efefef;}
.meetingsList p{ padding-top:0px;}

#legend h3{ maring-top:0px; padding-top:0px;}
#legend p{ border-bottom:1px solid #000000; margin-top:0px; padding-top:0px; padding-bottom:10px; }

span.date{ font-size:.75em; font-weight:bold; display:block; padding-top:3px; margin-bottom:10px;}

ul.siteMap{   margin-left:20px; margin-top:10px; }
ul.siteMap li{ padding-bottom:5px;}

.siteMapColumnR{ width:250px; float:right;}
.siteMapColumnL{ width:250px; float:left;}


.SpryHiddenRegion {visibility:hidden;}
#TabbedPanels1{margin-top:20px; padding-top:0px; float:left;}
/***** SPRY TABS STYLES *****\
\* Horizontal Tabbed Panels */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	border:0px;
	
	 /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
#content ul.TabbedPanelsTabGroup {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	z-index:0;
	
}
#content ul li.TabbedPanelsTab {
	z-index:0;
		position:relative;
		top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 3px 0px 0px;
	font-size:11px;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
}
#content ul li.TabbedPanelsTabHover {
	background-color: #CCC;
}
#content ul li.TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: solid 1px #ffffff;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
	
}
.TabbedPanelsContentGroup {
	clear: both;
	
	margin:0px;
	border-top: solid 1px #999;
	
	background-color: #FFF;
}
.TabbedPanelsContent {
	
}
.TabbedPanelsContentVisible {
}

}