/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}


/* Default Text Links*/
a:link, a:visited {
	color: #9999cc;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #00BBE8;
	border-bottom: 1px solid #00BBE8;
}

/* Default Table Layout */
table, td, th {
	border: 1px solid #626262;
}

blockquote {
	background: #F1F1F1;
	color:#666;
	font:italic 1.25em/18px Times, "Times New Roman", serif;
	margin:1.5em;
}

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0; padding-bottom: 0 !important;}

/*ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}*/
/*ul, ol {padding: 0 0 15px 15px;}*/

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}


table {margin-bottom:1.4em;width:100%; border: #626262 1px solid;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
/*tr.even td {background:#e5ecf9;}*/

.odd {
   background: #BFBFBF;
}

tfoot {font-style:italic;}

caption {
	background: #626262;
	color: #fff;
	font-weight: bold;
} 

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
/*label {font-weight:bold;}*/
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

/* .error, .notice, .success {padding:.8em;} */

.error {background:#FBE3E4;color:#8a1f11;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Temporary, Store Checkout */ 
#store-checkout label {
  display: block;
}

#store-checkout label.valid {
  padding-left: 10px;
  background: url(/files/img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}

#store-checkout label.error {
	padding: 10px;
}

#store-checkout #payment_info label {
	display: inline;
}

#store-checkout p,
#store-checkout input {
	font-size: 1.2em;
}


/* grid.css */
.container {width:960px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:960px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
hr {background:#598527;color:#598527;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*	========================
	I. Structure & Global, 	=global	Global styles and framework components
	======================== */
body.homepage { background: transparent url("/files/img/body-repeat-background.jpg") left 12px repeat-x; }

body.landing { background: transparent url("/files/img/template-body-background.jpg") 0 47px repeat-x; }

body.template { background: transparent url("/files/img/template-body-background.jpg") 0 47px repeat-x; }

#tertiary-nav li, 
#primary-nav li,
#stay-connected li,
#footer li {
	list-style-type: none;	
}

#trip-planner,
#trip-planner-info,
#routes-schedules,
#whats-new,
#service-changes,
#news-alerts {
	background: #f1f1f1;
	margin: 20px 0 0 15px;
}

#rider-alerts {
	margin-top: 20px;
}

#trip-planner {
/*Temporary Height*/
/*height: 600px;*/

	margin-left: 0 !important; /*override #trip-planner*/
	width: 465px;
}

#trip-planner h2,
#trip-planner-info h2 ,
#routes-schedules h2,
#whats-new h2,
#rider-alerts h2,
#news-alerts h2,
#service-changes h2,
#highlight-upper h2,
#highlight-lower h2,
#service-changes-sidebar h2,
#downloads h2,
#holiday-info h2,
#help h2, 
.route-extra h2,
.newsroom-sidebar h2 {
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	padding-left: 48px;
}

/*	List elements visually inline (floated)	
	======================== */
#viewing-options li, 
#primary-nav li,
#stay-connected li,
#footer li {
	float: left;
}

/*	========================
	III. Tertiay Navigation
	======================== */
#tertiary-nav {
	font-style: italic;
	font-size: 1.5em;
	height: 30px;
	line-height: 30px;
	background: #fff;
	padding: 6px 0;
}

#sta-logo {
	position: relative;
}

#homepage-banner {
	margin-left: -272px;
	position: relative;
}

/*	========================
	III.B. 	Terms of Use
	======================== */
a#terms-use {
	background: url("/files/img/terms-use-icon.jpg") no-repeat left center;
	font-size: .75em;
	float: left;
	padding-left: 20px;
}

a#home-icon {
	background: url("/files/img/home-icon.jpg") no-repeat left center;
	font-style: normal;
	float: left;
	margin-right: 15px;
	padding-left: 30px;
}


/*	========================
	III.C.	Keyword Search
	======================== */
#keyword-search  {
	font-size: .75em;
	float: right;
}

#keyword-search p {
	margin-bottom: 0; /*override framework*/
}

/*	========================
	III.A. Tertiay Navigation	Viewing Options, Terms of Use, Keyword Search
	======================== */
#viewing-options {
/*	margin-left: 30px;*/
}

#viewing-options li {
/*	font-size: .75em;*/
	margin-right: 10px;
}

/*	========================
	III.B. Primary Navigation
	======================== */

/*	III.B.1 Hompeage Navigation
	======================== */
#primary-nav ul {
/*	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat 0 40px;
*/	height: 100px;
	padding: 0;
	position: relative;
	margin-top: 5px;
	margin-bottom: 12px;
	width: 960px;
}

#primary-nav li {
/*	height: 136px;*/
	padding: 0 15px;
	width: 162px;
	cursor: pointer;
}

#primary-nav a#routes-schedules-link,
#primary-nav a#trip-planner-link,
#primary-nav a#fares-passes-link,
#primary-nav a#ride-sta-link,
#primary-nav a#about-sta-link {
	display: block;
	position: absolute;
	height: 100px;
	width: 165px;
	outline: none;
}

#primary-nav a#routes-schedules-link {
	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat -15px -100px;
}

#primary-nav a#routes-schedules-link:hover,
#primary-nav .current a#routes-schedules-link {
	background-position: -15px 4px;
	border-bottom: none !important; /*override framework*/
	color: #00BBE8;
}

#primary-nav a#trip-planner-link {
	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat -208px -99px;
}

#primary-nav a#trip-planner-link:hover,
#primary-nav .current a#trip-planner-link {
	background-position: -208px 4px;
	border-bottom: none !important; /*override framework*/
	color: #00BBE8;
}

#primary-nav a#fares-passes-link {
	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat -400px -100px;
}

#primary-nav a#fares-passes-link:hover,
#primary-nav .current a#fares-passes-link {
	background-position: -400px 4px;
	border-bottom: none !important; /*override framework*/
	color: #00BBE8;
}

#primary-nav a#ride-sta-link {
	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat -592px -99px;
}

#primary-nav a#ride-sta-link:hover,
#primary-nav .current a#ride-sta-link {
	background-position: -592px 4px;
	border-bottom: none !important; /*override framework*/
	color: #00BBE8;
}

#primary-nav a#about-sta-link {
	background: #000 url("/files/img/main-nav-sprite.jpg") no-repeat -785px -99px;
}

#primary-nav a#about-sta-link:hover,
#primary-nav .current a#about-sta-link {
	background-position: -785px 4px;
	border-bottom: none !important; /*override framework*/
	color: #00BBE8;
}
/*end main nav sprite map*/


/*	III.B.2 Template & Landing Navigation
	======================== */
.landing #primary-nav ul,
.template #primary-nav ul,
.landing #primary-nav li,
.template #primary-nav li {
/*	height: 98px;*/
}

#primary-nav li h1 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .5px;
	text-transform: uppercase;
}

#primary-nav a:link, 
#primary-nav a:visited {
	color: #fff;
}

#primary-nav a:hover, 
#primary-nav a:active {
	color: #00BBE8;
}

#primary-nav li p {
	color: #fff;
	font-size: .875em;
	font-style: italic;
	margin-bottom: 4px !important; /* override framework */
}

#home-link {
	background: url("/files/img/home-link.jpg") no-repeat;
	display:block;
	height: 75px;
	left: 180px;
	position:absolute;
	top: 14px;
	width: 230px;
	text-indent: -999em;
}

a#home-link:hover {
	border-bottom: none !important; /* override framework */
	outline: none;
}

/*	========================
	?.Content					Content
	======================== */
#content {
	padding: 15px;
}

body.template #content p img {
	border-color: #626262;
	/*border: 2px solid #626262;*/
}

body.template #content a:link img,
body.template #content a:visited img {
	border: 2px solid #626262;
}

body.template #content a:hover img,
body.template #content a:active img {
	border: 2px solid #00BBE8;
}


#content ol, 
#content ul {
	padding: 15px 0 15px 15px;
}
	
/*	========================
	?. Sidebar
	======================== */
#sidebar {
	
}


#rider-alerts-service-changes {
/*	padding: 15px;
	margin-top: 6px;
*/}

#highlight-upper,
#service-changes-sidebar,
#downloads,
#holiday-info,
#help, 
.route-extra {
	background: #F1F1F1;
	margin-bottom: 18px;
}

#highlight-upper li, 
#service-changes-sidebar li,
#downloads li,
#holiday-info li,
#help li,
.route-extra li {
	background: url("/files/img/home-arrow.jpg") left 3px no-repeat;
	list-style-type: none;
	padding-left: 30px;
}

#rider-alerts-service-changes h4 {
	margin-bottom: 0;
}

#snow-detour {
	background: url("/files/img/snow-detour-icon.gif") left center no-repeat !important;
} 

#pdf-download {
	background: url("/files/img/pdf-icon.gif") left center no-repeat !important;
}

#snow-detour,
#pdf-download {
	height:30px;
	line-height:30px;
}

/*	========================
	?. Landing
	======================== */
.landing #sta-logo,
.template #sta-logo {
	height: 129px;
	position: relative;
}

.landing #primary-nav ul,
.template #primary-nav ul {
	margin-bottom: 21px;
}

#template-banner {
	margin-left: -151px;
	margin-top: 5px;
	position: relative; /*for ie6*/
}

/*Hide main-nav descriptions for landing & page templates*/
.landing #primary-nav p,
.template #primary-nav p {
	display: none;
}

.landing #content {
	background: #f1f1f1;
	margin: 20px 0 35px 0;
}

.template #content {
	background: #f1f1f1;
	clear: left;
	margin: 20px 20px 35px 0;
	width: 685px;
}


.is-a-listing {
	margin-bottom: 20px;
}

.span-11 {
	margin-bottom: 20px;
}

.section-left {
	clear: left;
	margin-right: 90px !important; /*override framework */
}

#content h1 {
	color: #626262;
	font: bold italic 36px/1em Times, "Times New Roman", serif;
	letter-spacing: .25px;
}

body.landing #content h2 {
/*	border-bottom: 2px dotted #626262;*/
	color: #598527;
	font: bold 24px/28px Times, "Times New Roman", serif;
	letter-spacing: .5px;
	margin-bottom: 0 !important;
}

body.template #content h2 {
	border-bottom: 2px dotted #626262;
	color: #598527;
	font: bold 24px/28px Times, "Times New Roman", serif;
	letter-spacing: .5px;
	margin-bottom: 20px;
}


#content h3 {
	font-weight: bold;
}

body.template #content h2 {
	clear: both;
}

#content h2 a:link, 
#content h2 a:visited {
	color: #598527;
}

#content h2 a:hover, 
#content h2 a:active {
	color: #00BBE8;
}

/*	========================
	?. Page Template
	======================== */
.template #section-nav {
/*	padding: 0 0 20px 20px;*/
	background: #F1F1F1;
	margin-top: 20px;
	width: 940px;
}

.template ul#section-nav {
	float: left;
	padding: 10px 0 10px 20px;
}

.template #section-nav li {
	float: left;
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 4px;
	margin-right: 20px;
}

.template #section-nav li.section-nav-first {
	font-weight: bold;
	list-style: none;
}

#section-nav a:link, 
#section-nav a:visited {
	color: #000;
}

#section-nav a:hover, 
#section-nav a:active {
	color: #00BBE8;
}


/*	========================
	?. Large Footer
	======================== */
#large-footer div {
	padding-left: 15px;
	margin-right: 0 !important; /*override framework*/
	margin-bottom: 36px;
}

#large-footer li {
	list-style-type: none;
}

/*	========================
	VI. Trip Planner
	======================== */
 
#trip-planner-info h3 a {
	color:#598527;
	font:bold 24px/28px Times,"Times New Roman",serif;
	letter-spacing:0.5px;

}

#trip-planner-info h3 {
	margin-bottom: 0 !important;
}

#trip-planner fieldset {
	border: solid 0 transparent; 
	padding: 10px;
}

#trip-planner legend {
	text-indent: -999em;
}

#routes-schedules h2 {
	background: url("/files/img/home-routes-header.jpg") top left no-repeat;
}

#service-changes h2,
#trip-planner h2,
#rider-alerts h2 {
	background: url("/files/img/home-trip-plan-whats-new-header.jpg") top left no-repeat;
}	

#trip-planner-info h2 {
	background: url("/files/img/home-trip-plan-whats-new-header-rev.jpg") top left no-repeat;
}

#trip-planner h3, 
#trip-planner h4,
#trip-planner h5 {
	padding-left: 10px;
}

#trip-planner form {
	margin-left: 10px;
}

#trip-planner label {
/*	display: block;*/
	font: bold 1.25em/1.25em Times, "Times New Roman", serif;
}

#trip-planner p {
	padding: 0 10px 0 40px;
}

#trip-planner h3 {
	padding: 0 10px 0 30px;
}

#trip-planner-start, 
#trip-planner-end,
#trip-planner-date-time,
#trip-planner-direction {
	
}

#trip-planner-start {
	background: url("/files/img/trip-planner-step-1.gif") center left no-repeat;
}
#trip-planner-end {
	background: url("/files/img/trip-planner-step-2.gif") center left no-repeat;
}
#trip-planner-date-time {
	background: url("/files/img/trip-planner-step-3.gif") center left no-repeat;
}
#trip-planner-direction {
	background: url("/files/img/trip-planner-step-4.gif") center left no-repeat;
}


#rider-alerts {
	clear: left;
}

div#whats-new li#video {
	background: url("/files/img/video-icon.jpg") left center no-repeat !important;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 40px;
}

div#whats-new li#video h3 {
	line-height: 30px !important;
}


#trip-planner,
#rider-alerts,
#service-changes {
	width: 470px; /*override framework*/
	background: #f1f1f1 url("/files/img/home-container-bottom.gif") bottom left no-repeat;
}

#trip-planner-info {
	width: 696px;
	/* background: #f1f1f1 url("/files/img/home-container-bottom.gif") bottom left no-repeat;	
	 */	margin: 20px 0 20px 20px;
}

.template #trip-planner {
	clear: left;
	width: 470px; /*override framework*/
	background: #f1f1f1 url("/files/img/home-container-bottom.gif") bottom left no-repeat;	
	margin: 20px 0 20px 0;
}
	
/*	========================
	VII. Routes & Schedules
	======================== */

/* Routes Dropdown Menu */
.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  float: left;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
 	border-bottom: 1px solid #F1F1F1;
/*	display: block;*/
}

.nav li a:hover {
	border-bottom:1px solid #00BBE8;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {

}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	border-bottom:1px solid #00BBE8;
}

.nav ul {
  list-style: none;
/*  width: 100px;*/
  position: absolute;
  top: -999em;
	left: 0;
/*  left: -1px;*/
/*  padding-top: 18px;*/
}

.nav li:hover ul,
.nav li.sfHover ul {
	top: 0;
/*	top: 18px;*/
}

.nav ul li {
/*  border: 0;*/
  float: none;
}

.nav ul a {
/*  width: 80px;*/
/*  white-space: nowrap;*/
}
.nav ul a:hover {
}
/*end dropdown menu*/

ul#nav-one {
/*	padding-left: 10px*/
}

ul#nav-one li.nav-heading {
	background: none;
}

#routes-schedules h3 {
	font: bold 1.25em/1.25em Times, "Times New Roman", serif;
	letter-spacing: .25px;
	margin-bottom: 0 !important; /*override framework*/
}

#routes-schedules ul {
/*	background: #F1F1F1 url("/files/img/home-container-bottom-small.gif") no-repeat scroll left bottom;*/
	float: left;
	margin-left: 15px;
/*	padding-left: 10px;*/
	width: 300px;
}

#routes-schedules ul li {
	background: url("/files/img/home-arrow.jpg") 0 5px no-repeat;
	font-size: 14px;
	list-style-type: none;
	list-style-position: inside;
	margin: 2px 3px;
/*	float: left;*/
	padding-left: 30px;
/*	width: 225px;*/
}

#routes-schedules {
	background: #f1f1f1 url("/files/img/home-routes-bottom.gif") bottom left no-repeat;
	clear:left;
	margin-left:0 !important;
	padding-bottom: 18px;
}

#routes-schedules h4 {
	margin-left: 15px;
}

#highlight-upper {
	margin-top: 20px;
	width: 225px;
	background: #f1f1f1 url("/files/img/home-container-bottom-small.gif") bottom left no-repeat;
}

#sidebar #rider-alerts,
#sidebar #service-changes,
#service-changes-sidebar,
#downloads,
#holiday-info,
#help, 
.route-extra {
	width: 225px;
	background: #f1f1f1 url("/files/img/home-container-bottom-small.gif") bottom left no-repeat;
}

#highlight-upper h2,
#service-changes-sidebar h2,
#downloads h2,
#holiday-info h2,
#help h2, 
.route-extra h2,
.newsroom-sidebar h2 {
	background: url("/files/img/home-routes-rider-header.jpg") top left no-repeat;
}

#trip-planner-info ul,
#trip-planner-info p,
#trip-planner-info h3,
#trip-planner-info h4,
#whats-new ul,
#routes-schedules p,
#rider-alerts ul,
#rider-alerts p,
#rider-alerts h3,
#rider-alerts h4, 
#service-changes ul,
#service-changes h3,
#service-changes h4,
#service-changes p,
#highlight-upper h3,
/*#highlight-upper li,*/
#highlight-upper ul,
#highlight-upper h4,
#highlight-lower h3,
/*#highlight-lower li,*/
#highlight-lower ul,
#highlight-lower h4,
#service-changes-sidebar h3,
#service-changes-sidebar h4,
#service-changes-sidebar ul,
#downloads ul,
#holiday-info ul,
#help ul,
#downloads p,
#holiday-info p,
#help p, 
.route-extra ul, 
.route-extra p {
	padding: 0 10px 10px 10px;
}

#highlight-upper p,
#highlight-lower p,
#service-changes-sidebar p {
	margin-bottom: 0 !important;
	padding: 0 10px 10px 10px;
}


#whats-new li {
	background: url("/files/img/home-arrow.jpg") left top no-repeat;
	clear: both;
	list-style: none;
/*	margin: 0 0 3px 10px;*/
	padding-left: 20px;
}

#rider-alerts li,
#service-changes li {
/*	float: left;*/
	background: url("/files/img/home-arrow.jpg") left top no-repeat;
	list-style: none;
/*	margin: 0 0 3px 10px;*/
	padding-left: 20px;
}

#rider-alerts h3,
#service-changes h3 {
	color:#626262;
	padding-left: 0 !important;
}

#rider-alerts h4, 
#rider-alerts p,
#service-changes h4,
#service-changes p,
#routes-schedules p {
	font-size: 1em;
	margin-bottom: 0 !important;
}
	
/*	========================
	VIII. What's New
	======================== */
#whats-new h3,
#rider-alerts h3, 
#service-changes h3,
#stay-connected h2,
#highlight-upper h3,
#highlight-lower h3,
#service-changes-sidebar h3,
#trip-planner h3 {
	font: bold 1.25em/1.25em Times, "Times New Roman", serif;
	letter-spacing: .25px;
	margin-bottom: 0 !important; /*override framework*/
}

#whats-new h3 a:link, 
#whats-new h3 a:visited,
#rider-alerts h3 a:link, 
#rider-alerts h3 a:visited,
#service-changes h3 a:link, 
#service-changes h3 a:visited,
#large-footer h5 a:link,
#large-footer h5 a:visited  {
	color: #626262;
}

#whats-new h3 a:hover, 
#whats-new h3 a:active,
#rider-alerts h3 a:hover, 
#rider-alerts h3 a:active,
#service-changes h3 a:hover, 
#service-changes h3 a:active,
#large-footer h5 a:hover,
#large-footer h5 a:active {
	color: #00BBE8;
}


/*	========================
	IX. Stay Up-To-Date		Updates for Employment, RSS, Text, Twitter, Facebook
	======================== */
#stay-connected {
	height: 90px;
	margin-top:15px;
}

#stay-connected h2 {
	border-bottom: 2px dotted #626262;
	color: #598527;
	font-size: 1.25em;
	height: 21px;
	width: 300px;
}

#stay-connected h3 {
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 0; /*override framework*/
}

#stay-connected ul {
	padding-top: 8px;
}

#stay-connected li {
	margin-right: 2px;
	padding-left: 47px;
	height: 54px;
}

#stay-connected li#update-jobs,
#stay-connected li#update-sms,
#stay-connected li#update-facebook,
#stay-connected li#update-twitter,
#stay-connected li#update-rss {
	background: url("/files/img/sprite-map.jpg") no-repeat;
}

#stay-connected li#update-jobs {
	background-position: 0 0;	
}

#update-jobs a:link,
#update-jobs a:visited {
	color: #c26161;
}

#stay-connected li#update-sms {
	background-position: 0 -50px;	
}

#update-sms a:link,
#update-sms a:visited {
	color: #588f2e;
}

#stay-connected li#update-facebook {
	background-position: 0 -100px;	
}

#update-facebook a:link,
#update-facebook a:visited {
	color: #4e76bf;
}

#stay-connected li#update-twitter {
	background-position: 0 -150px;	
}

#update-twitter a:link,
#update-twitter a:visited {
	color: #2c76a5;
}

#stay-connected li#update-rss {
	background-position: 0 -200px;	
}

#update-rss a:link,
#update-rss a:visited {
	color: #a37b3a;
}

#update-jobs a:hover,
#update-jobs a:active,
#update-sms a:hover,
#update-sms a:active,
#update-facebook a:hover,
#update-facebook a:active,
#update-twitter a:hover,
#update-twitter a:active,
#update-rss a:hover,
#update-rss a:active {
	color: #00BBE8;
}

/*	========================
	RSS Feeds
	======================== */
.rss-feed {
	background: url("/files/img/rss-icon.gif") left center no-repeat;
	padding: 10px 10px 10px 36px;
}


.sms-icon {
	background: url("/files/img/sms-icon.gif") left center no-repeat;
	padding: 10px 10px 10px 36px;
}


/*	========================
	X. Footer	 Footer Information
	======================== */
#footer {
	height: 106px;
	background: url("/files/img/footer-background-repeat.jpg") left top repeat-x;
}

#footer img {
	float: left;
}

#footer ul {
	color: #fff;
	margin-left: 190px;
}

#footer li {
	margin-left: 15px;
	font: normal 1.16em/84px "Helvetica Neue",Arial,Helvetica,sans-serif;
}

#footer #contact-link {
	margin-left: 25px;
	list-style-type: square;
}

#footer #contact-link a:link, 
#footer #contact-link a:visited {
	color: #fff;
}

#footer #contact-link a:hover, 
#footer #contact-link a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}


/*	========================
	X. Large Footer	 Sitemap
	======================== */
#large-footer li {
	line-height: 1.25em;
	list-style-type: none;
	margin-bottom: 6px;
}

#large-footer h5 {
	font: bold 1.125em/1.25em Times, "Times New Roman", serif;
	letter-spacing: .25px;
}

/*	========================
	X. Route Pages, Overlay Images
	======================== */


/* close button positioned on upper right corner */ 
div.overlay {
/*	width:576px;  */
	display:none;
/*	background-image:url(/img/overlay/white.png);	*/
}

div.overlay div.close {
	background:url("http://data.antigonegrace.com/overlay/close.png") no-repeat;
	position:absolute;
	top: -20px;
	right: 20px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

div.overlay a {
	border:10px solid #FFFFFF;
	display:block;
	height: 478px;
	padding: 0 !important;
	width: 638px;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}


/*	========================
	Multimedia
	======================== */
.multimedia {
	float:left;
	margin:0 20px 20px 0;
	width:225px;
}

.multimedia ul {
	border: 1px solid #222;
	border-top: none;
	padding-top: 20px;
}

.multimedia ul li {
	letter-spacing: .5px;
	list-style: square inside;
}

.multimedia h5 {
	border-bottom: none;
}

#easy_popupgallery {
	background: #fff;
	padding: 10px 0;
	width: 100%;
}

#easy_popupgallery strong {
	color: #626262;
	font-weight: bold;
	letter-spacing: .5px;
    cursor:pointer;
	text-transform: uppercase;
 	z-index: 10001;
}

div.gallery-number {
	color: #626262;
	font-weight: bold;
	letter-spacing: 1px;
    cursor:pointer;
	text-transform: uppercase;
 	z-index: 10001;
	position: absolute;
/*    float: right;*/
    right: 10px;
    bottom: -16px;
}

/*Override Inherited*/
body.template #content div.multimedia h2 {
	background:transparent url("/files/img/home-routes-rider-header.jpg") no-repeat scroll left top;
	border-bottom: none !important;
	color:#FFFFFF;
	font-size:1.25em;
	font-weight:bold;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important;
	height:45px;
	line-height:45px;
	margin-bottom: 0 !important;
	padding-left:48px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color: #fff;
	border: 10px solid #fff;
	padding-top: 30px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background: url("/files/img/close.png") no-repeat top left; 
    color: #626262;
	font-weight: bold;
	line-height: 35px;
	left: 15px; 
	letter-spacing: .5px;
	padding-left: 45px;
	position:absolute; 
    top: -8px; 
    cursor:pointer; 
    height:35px;
 	z-index: 1000;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #9999CC;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color: #9999CC; /*#00BBE8;*/
	text-transform: uppercase;
	/*font-size:11px;*/
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right: -10px;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover,
.prev:hover {
	color: #fff;
	padding:10px 20px;
	background: #00BBE8 !important;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;
}

/* the "information box" */
.info {
	position:absolute;
	bottom: 30px;
	left:0;	
	padding: 10px 15px;
	color: #222;
	/*border: 10px solid #FFFFFF;*/
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	font-size: 1.5em;
	background: #fff !important;
}

/* STA Store */
#store-member-login {
	background:transparent url("/files/img/home-routes-rider-header.jpg") no-repeat scroll left top;
	float: left;
/*	font-size: 1.25em;*/
	margin: 0 20px 20px 0;
	width: 225px;
}

div#store-member-login ul,
div#store-member-login form {
	border: 1px solid #626262;
	padding: 10px;
}

div#store-member-login h3 {
	margin-bottom: 0 !important;
}

div#store-member-login li {
	list-style: none;
	text-transform: capitalize;
}

div#store-member-login p {
	margin-bottom: 0;
}

div#sta-store div#store-member-login h2,
div#sta-store div.store-nav h2 {
	border: none !important;
	margin-bottom: 0 !important;
	color:#FFFFFF;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size: 1.25em;
	height:45px;
	line-height: 45px;
	padding-left:48px;
}

div#store-info {
	clear: left;
	float: left;
	margin: 0 40px 20px 0;
	width: 270px;
}

div#store-help {
	float: left;
	margin:0 40px 20px 0;
	width: 540px;
}

div#store-help li {
	list-style-position: inside;
	list-style-type: square;
}

div#sta-store {
	background: #f1f1f1;
	float: left;
	margin: 20px 0 35px 0;
	padding: 15px;
	width: 930px;
}

.store-nav {
	background:transparent url("/files/img/home-routes-rider-header.jpg") no-repeat scroll left top;
	float: left;
/*	font-size: 1.25em;*/
	margin: 0 20px 20px 0;
}

.store-nav ul {
	float: left;
	padding: 20px;
	border:  1px solid #626262;
	padding: 4px 10px;	
} 

.store-nav li {
	float:left;
	list-style: none;
	list-style-position: inside;
	margin-right:10px;
}

.store-extra {
	float:left;
	clear: left;
	list-style: none;
	list-style-position: inside;
	margin-top: 20px;
}

div#sta-store h1 {
	color: #626262;
	font: bold italic 36px/1em Times, "Times New Roman", serif;
	letter-spacing: .25px;
} 

#sta-store h2 {
	border-bottom: 2px dotted #626262;
	color: #598527;
	font: bold 24px/28px Times, "Times New Roman", serif;
	letter-spacing: .5px;
	margin-bottom: 20px;	
}

div#sta-store h3 {
	font-weight: bold;
	text-transform: capitalize;
}

.first-item {
	clear: left;
}
	
div#sta-store .item {
	float: left;
	margin: 0 20px 30px 0;
	width: 290px;
}

div#sta-store .item img {
/*	border: 2px solid #626262;*/
}

div#sta-store .item p {
	margin-bottom: 0; /*override framework*/
}

div#sta-store ul.item-ordering {
	font-size: 1.25em;
}

div#sta-store .item li {
	line-height: 32px;
	height: 32px;
	list-style: none;
	margin-bottom: 1px;
}

div#sta-store .item li a {
	display: block;
	width: 100px;
}

#item-price {
	font-size: ;
}


#store-item-nav li {
	float: left;
}

.item-buy-link,
.item-add-link,
.item-view-link,
.store-nav-question  {
	padding: 10px 0 10px 40px;
}

.item-buy-link {
	background: url("/files/img/store/item-buy-link.gif") no-repeat center left;
}

.item-add-link {
	background: url("/files/img/store/item-add-link.gif") no-repeat center left;
}

.item-view-link {
	background: url("/files/img/store/item-view-cart.gif") no-repeat center left;
}

.store-nav-question {
	background: url("/files/img/store/nav-question.gif") no-repeat center left;
}

/*Cart Navigation*/
#cart-nav {
	float: left;
	width: 885px; 
	padding: 18px; 
/*	border: 1px solid #626262;*/ 
}

ul#cart-nav li {
	float:left;
	list-style:none;
	margin-right:10px;
}

/* Receipt */
#print-receipt {
	background: url("/files/img/print-receipt.png") no-repeat;
	padding: 0 0 8px 30px;
}

#return-to-store { 
	background: url("/files/img/return-to-store.png") no-repeat;
	padding: 0 0 8px 30px;
}

#go-homepage{
	background: url("/files/img/return-home.png") no-repeat;
	padding: 0 0 8px 30px;	
}
 



/*Easy Front End Framework Integration*/

/*Tool Tips*/
#easy_tooltip{
	border:1px solid #e1e1e1;
	padding:2px 10px;
	background:#f5f5f5;
}

#easy_popupcontent {

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}


.close {
    background: url("/files/img/close.png") no-repeat bottom left; 
    color: #626262;
	font-weight: bold;
	line-height: 35px;
	right: 0; 
	letter-spacing: .5px;
	padding-left: 45px;
	padding-right: 20px;
	position:absolute; 
    top: -35px; 
	text-transform: uppercase;
    cursor: pointer; 
 	z-index: 1000;
}

/* Newsroom */
.newsroom-date {
	background-color: #F1F1F1;
	float: right; 
	margin-top: -28px;
 	padding: 0 10px;	
}

.newsroom-header {
	font: bold 1.5em/1.5em Times, "Times New Roman", serif;
	letter-spacing: .25px;
}

.newsroom-sidebar {
	background:url("/files/img/home-container-bottom-small.gif") no-repeat scroll left bottom #F1F1F1;
	margin-top:20px;
	width:225px;
}

.newsroom-sidebar-header {
	background:url("/files/img/home-arrow.jpg") no-repeat 10px 4px;
	list-style-type:none;
	padding: 0 10px 10px 30px;
	font: bold 1.5em/1.5em Times, "Times New Roman", serif;
	letter-spacing: .25px;
}


.newsroom-sidebar img {
	border: 2px solid #626262;	
	float: left;
	margin: 0 10px 5px 11px;
}

#logos img {
	margin: 0 10px 5px 11px;
}

#photos img, 
#videos img {
	margin: 0 10px 15px 8px;
}

#photos h3,
#videos h3 {
	margin-bottom: 0;
}


#logos li {
	width: auto !important;
}

.newsroom-gallery li img {
	width: 206px;
}

ul.logo-thumbnail {
	float: left;
}

ul.logo-thumbnail p {
	float: left;
    height: 24px;
    margin: 10px;
}

.preview-icon,
.eps-icon,
.ai-icon {
	padding-left: 28px;
}

.preview-icon {
	background: url("/files/img/preview-icon.png") no-repeat;
}

.eps-icon {
	background: url("/files/img/eps-icon.png") no-repeat;
}

.ai-icon {
	background: url("/files/img/ai-icon.png") no-repeat;
}

.logo-thumbnail li {
	list-style: none;
	margin-bottom: 20px;	
}

.newsroom-gallery li {
  	float: left;
	list-style: none;
	margin: 0 10px 0 0;
}

.newsroom-sidebar li {
	float: left;
	line-height: 50px;
	list-style: none;
	width: 220px;
}


.newsroom-download {
	text-align: center;
	padding-top: 10px; 
	clear: both;
}

/* Revised Homepage */
#whats-new {
	min-height: 488px;
	width: 696px;

/*	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
*/}

#whats-new h2 {
	background: url("/files/img/home-trip-plan-whats-new-header-rev.jpg") no-repeat scroll left top transparent;
	width: 662px;
}

/* Google Transit Form */
.inactive {
	color: #666;
}

#google-transit { 	
	background: #fff; 
	border: 3px dotted #626262;
	border-top: none !important;
	margin-top:65px;
	position: relative;
	width: 220px;
}

#old-trip-planner {
	margin: 10px 0;
	padding-left: 10px;
}

#old-trip-planner p {
	background: url("/files/img/home-arrow-white.gif") no-repeat scroll left top;
	font-size: 10px;
	margin:0 !important;
	padding-left: 20px;
}

/* Reset Inherited Table Styling */
#google-transit table, 
#google-transit td, 
#google-transit th {
	background: #fff	;
	border: none;
	margin: 0;
	padding: 0;
}

#google-transit form {
	padding: 12px 0 12px 6px;
}

#google-transit input,
#google-transit select  {
	padding: 4px;
}

#fdate, 
#ftime {
	width: 80px;
}

#google-transit input:focus {
	-moz-box-shadow: 0 0 3px 2.3px #9999CC;	
}


#revised-newsroom {
	background:url("/files/img/home-container-bottom-small.gif") no-repeat scroll left bottom #F1F1F1;
	width:225px;
}

#google-transit h2, 
#revised-newsroom h2 {
	background:url("/files/img/home-routes-rider-header.jpg") no-repeat scroll left top transparent;	
	color:#FFFFFF;
	font-size:1.25em;
	font-weight:bold;
	height:45px;
	line-height:45px;
	padding-left:48px;
}

#google-transit h2 {
	position: absolute;
	left:-3px;
	top: -45px;
	width: 178px;
}

#google-transit li,
#revised-newsroom li {
	background:url("/files/img/home-arrow.jpg") no-repeat scroll left top transparent;
	list-style:none outside none;
	padding-left:20px;
}

#google-transit ul,
#revised-newsroom ul {
	padding:0 10px 10px;	
}

#google-transit h3,
#revised-newsroom h3 {
	font:bold 1.25em/1.25em Times,"Times New Roman",serif;
	letter-spacing:0.25px;
	margin-bottom:0 !important;
}

#google-transit-maps {
	position: relative;
}

#google-transit-maps p {
	margin-bottom: 5px !important;
}

#google-transit-maps a {
	float: left;
	margin-right: 10px;
}

#google-transit-link {
	color: #0390E1;
	font-weight: bold;
	line-height: 40px;
}

#google-transit-maps label {
	color: #555555;
	font-size: .75em;
}

#google-transit-date {
	float:left; 
	margin-right: 10px;
}
	
#google-transit-time {
	float: left;
}

#google-transit-submit {
	bottom: 5px;
	left: 60px;
	position: absolute;
}