
/*** GENERAL STYLES ***/

body {background: #000; text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 14px; color: #333;}
select, input, textarea {color: #555;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 19px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

@media print {
  body  {background: #fff;}
}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}

a {color: #415e85; text-decoration: none;}
/*** #5176a6 contrast doesn't pass AA for small text ***/
a:hover {text-decoration: underline;}
a.underline {text-decoration: underline;}
a.gray {color: #555;}
a.gray:hover {color: #415e85;}

.buttonlink {display: block; background: #143e7c url(/images/content/icons/buttonlink.gif) 0 0 repeat-x; text-align: center; padding: 0 10px; color: #d0d8e5; text-transform: uppercase; font-weight: bold; min-height: 24px; font-size: 11px; line-height: 24px; text-decoration: none !important;}
.buttonlink img {vertical-align: middle; margin: 0 4px 0 0;}
input.buttonlink {border: 0; width: 100%; cursor: pointer;}
.buttonlinkhover, .buttonlink:hover {color: #fff;}
.xxlarge .buttonlink {font-size: 17px; height: 30px; line-height: 30px;}
.medium .buttonlink {font-size: 14px; height: 24px; line-height: 24px; padding: 10px 5px;}
.xsmall .buttonlink {font-size: 12px; height: 22px; line-height: 22px; padding: 10px 5px;}

.xxxsmall {font-size: 10px; line-height: 12px;}
.xxsmall {font-size: 11px; line-height: 14px;}
.xsmall {font-size: 12px; line-height: 16px;}
.small {font-size: 13px; line-height: 18px;}
.medium {font-size: 14px; line-height: 19px;}
.large {font-size: 15px; line-height: 20px;}
.xlarge {font-size: 16px; line-height: 22px;}
.xxlarge {font-size: 17px; line-height: 24px;}
.xxxlarge {font-size: 18px; line-height: 26px;}

.red {color: #c00;}
.yellow {color: #f9d22a;}
.blue {color: #143e7c;}
.gray {color: #555;}
.dlink {color: #ec008c; font-weight: bold;}
.serif {font-family: georgia, serif;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.fieldhint, select.fieldhint, select.fieldhint option:first-child {font-family: arial, sans-serif !important; font-style: normal !important;}
select.fieldhint option {font-family: arial, sans-serif !important; font-style: normal !important;}

.super {position: relative;bottom: 0.5em;font-size: 0.8em;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.imgborder {border: 1px solid #ccc; padding: 5px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.verticalmiddle {vertical-align: middle;}
.nomargin {margin: 0 !important;}

.container {position: relative; width: 990px; margin: 0 auto; text-align: left;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; overflow: hidden; background: url(/images/hr.gif) 0 0; height: 7px; margin: 10px 0;}
.hrthin {float: none; clear: both; overflow: hidden; background: url(/images/hr.gif) 0 0; height: 2px; margin: 2px 0;}
.clear {float: none; clear: both;}
.overflowhidden {overflow: hidden;}
.nowrap {white-space: nowrap;}
.hide {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

.width10 {width: 10%;} .width15 {width: 15%;} .width20 {width: 20%;} .width23 {width: 23%;} .width25 {width: 25%;}
.width30 {width: 30%;} .width33 {width: 33%;} .width35 {width: 35%;} .width40 {width: 40%;} .width43 {width: 43%;} 
.width45 {width: 45%;} .width50 {width: 50%;} .width55 {width: 55%;} .width60 {width: 60%;} .width65 {width: 65%;}
.width70 {width: 70%;} .width75 {width: 75%;} .width80 {width: 80%;} .width85 {width: 85%;}
.width90 {width: 90%;} .width95 {width: 95%;} .width5 {width: 5%;} .width100 {width: 100%;}

.padleft10 {padding-left: 10%;} .padleft15 {padding-left: 15%;} .padleft20 {padding-left: 20%;} .padleft25 {padding-left: 25%;}
.padleft30 {padding-left: 30%;} .padleft35 {padding-left: 35%;} .padleft40 {padding-left: 40%;} .padleft45 {padding-left: 45%;}
.padleft50 {padding-left: 50%;} .padleft55 {padding-left: 55%;} .padleft60 {padding-left: 60%;} .padleft65 {padding-left: 65%;}
.padleft70 {padding-left: 70%;} .padleft75 {padding-left: 75%;} .padleft80 {padding-left: 80%;} .padleft85 {padding-left: 85%;}
.padleft90 {padding-left: 90%;} .padleft95 {padding-left: 95%;} .padleft5 {padding-left: 5%;} .padleft100 {padding-left: 100%;}

.padright10 {padding-right: 10%;} .padright15 {padding-right: 15%;} .padright20 {padding-right: 20%;} .padright25 {padding-right: 25%;}
.padright30 {padding-right: 30%;} .padright35 {padding-right: 35%;} .padright40 {padding-right: 40%;} .padright45 {padding-right: 45%;}
.padright50 {padding-right: 50%;} .padright55 {padding-right: 55%;} .padright60 {padding-right: 60%;} .padright65 {padding-right: 65%;}
.padright70 {padding-right: 70%;} .padright75 {padding-right: 75%;} .padright80 {padding-right: 80%;} .padright85 {padding-right: 85%;}
.padright90 {padding-right: 90%;} .padright95 {padding-right: 95%;} .padright5 {padding-right: 5%;} .padright100 {padding-right: 100%;}


/*** TOP STYLES ***/

#top {position: relative; background: #616161 url(/images/top.gif) 0 0 repeat-x;}
#top #stripes {position: absolute; left: 0; top: 70px; width: 100%; height: 36px; background: #143e7c; border-top: 9px solid #f9d22a;}
#top .container {height: 115px;}
#logo {position: absolute; left: 0; top: 0; width: 111px; height: 70px; line-height: 70px; background: #f9d22a; text-align: center; font-size: 26px;}
#tagline {position: absolute; left: 22px; bottom: 0; line-height: 36px; font-family: georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; color: #fff;}
#tagline sup {position: relative; bottom: 1ex; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; font-size: 11px; font-family: arial, sans-serif; color: #ccc;}


/*** SEARCH FORM STYLES ***/

#sitesearch {position: absolute; right: 10px; top: 34px; border: 1px solid #b5b5b5; background: #fff; width: 221px; height: 24px;}
#sitesearch .text {position: absolute; left: 5px; top: 1px;}
#sitesearch .text input {width: 180px; height: 20px; border: 0; font-size: 12px;}
#sitesearch .button {position: absolute; right: 1px; top: 1px;}


/*** TOP NAV STYLES ***/

#nav {position: absolute; left: 111px; top: 0; }
#nav li {float: left; border-right: 1px solid #fff; line-height: 15px; font-size: 13px;}
#nav a {display: block; border-left: 1px solid #acacac; border-right: 1px solid #282828; padding: 30px 20px 5px 10px; height: 35px; text-decoration: none; color: #fff; min-width: 67px; background: #6b6b6b url(/images/nav.gif) 0 0 repeat-x;
	text-shadow: 			1px 1px 2px #3f3f3f;
	-moz-text-shadow: 		1px 1px 2px #3f3f3f;
	-op-text-shadow: 		1px 1px 2px #3f3f3f;
	-webkit-text-shadow: 	1px 1px 2px #3f3f3f;
}
#nav a strong {display: block; font-size: 16px; text-transform: uppercase;}
#nav li.on a, #nav a:hover {background: #123e7e url(/images/nav-on.gif) 0 0 repeat-x;}

#eyebrow {position: absolute; right: 2px; top: 10px;}
#eyebrow li {float: left; border-left: 1px solid #ffcb00; line-height: 1.1em;}
#eyebrow li:first-child {border: 0;}
#eyebrow a {display: block; padding: 0 8px; text-decoration: none; text-transform: uppercase; color: #fff; font-size: 11px;}
#eyebrow a:hover {color: #f9d22a;}

#social {position: absolute; right: 10px; bottom: 10px; font-family: georgia, serif; font-size: 12px; font-style: italic; color: #fff;}
#social li {float: left; padding-left: 5px; line-height: 16px;}
#social li:first-child {padding-right: 5px;}
#social a {display: block; color: #fff; text-decoration: none;}
#social img {display: block;}


/*** MAIN COLUMN STYLES ***/

#main {background: #fff;}
#main .container {padding: 15px 0; overflow: hidden;}

#leftsidebar {position: relative; float: left; width: 180px; margin-right: 20px;}
#content {position: relative; float: left; width: 510px;}
#content1col {position: relative; float: left; width: 770px;}
#contenttools {position: relative; float: left; width: 990px;}
#rightsidebar {position: relative; float: right; width: 260px;}


/*** CONTENT STYLES ***/

#content h1 {font-size: 24px; line-height: 30px; color: #111; margin: 15px 0;}
#content h2 {font-size: 17px; line-height: 23px; text-transform: uppercase; margin: 20px 0 5px;}
#content h2.afterh1 {font-size: 14px; line-height: 19px; text-transform: none; font-weight: normal; font-style: italic; font-family: georgia, serif; margin: -15px 0 20px;}
#content h2.railname {font-size: 20px;}
#content h2.railname img {margin-right: 5px;}
#content h2.rideralert {font-size: 17px; line-height: 23px; text-transform: none; margin: 20px 0 5px;}
#content h3.rideralert {font-size: 15px; line-height: 18px; text-transform: none; margin: 10px 0 10px;}
#content h3 {}
#content h2 + ul, #content h3 + ul {margin-top: .5em;}
#content ul {margin: 0 0 20px;}
#content ul li {padding: 2px 0 2px 14px; margin: 0 15px; background: url(/images/bullet-yellow.gif) 0 9px no-repeat;}
#content ul.nolimargin li {margin: 0;}
#content .floatleft :first-child, #content .floatright :first-child {margin-top: 0;}

#content .box {background: #ddd; padding: 15px; margin: 20px 0; overflow: hidden;}
#content .box > :first-child {margin-top: 0;}
#content .box > :last-child {margin-bottom: 0;}
#content .box ul li {margin: 0; background-image: url(/images/bullet.gif);}

#content .buttoncontainer {font-size: 11px; overflow: hidden;}
#content .buttoncontainer .buttonlink {float: left; margin: 0 5px 0 0; width: 100px;}

#content .rowlink {margin: 0;}
#content .rowlink a {position: relative; display: block; overflow: hidden; padding: 10px 0; background: url(/images/hr.gif) 0 0 repeat-x; color: #333; line-height: 17px; text-decoration: none; cursor: pointer;}
#content .rowlink a:hover {background-color: #f9e287;}
#content .rowlink a .width15 img {margin-left: 10px;}

#content ul.tabs {margin: 30px 0 10px; border-bottom: 7px solid #f9d22a; overflow: hidden;}
#content ul.tabs li {float: left; margin: 0 3px 0 0; padding: 0; background: #7d7d7d;}
#content ul.tabs a {display: block; padding: 0 15px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: none;}
#content ul.tabs a:hover {background: #143e7c;}
#content ul.tabs li.on a {background: #f9d22a; color: #333;}

#content .scheduleicons {position: absolute; right: 0; top: 0;}

#content .halfbox {position: relative; width: 150px; min-height: 60px; padding: 10px 10px 10px 90px; background: #ddd url(/images/halfbox.gif) 0 0 repeat-y; margin-bottom: 20px;}
#content .halfbox img {position: absolute; left: 0; top: 0;}
#content .halfbox h3 {text-transform: uppercase; margin-bottom: 5px;}
#content .halfbox a.halfboxlink {position: relative; display: block; width: 150px; height: 60px; margin: -10px -10px -10px -90px; padding: 10px 10px 10px 90px; color: #333; font-size: 15px; line-height: 20px; font-weight: bold; text-decoration: none;}
#content .halfbox a.halfboxlink:hover {background: #f9e287;}
#content .halfbox ul {margin: 0; font-size: 13px; line-height: 18px;}
#content .halfbox ul li {margin: 0; background-image: url(/images/bullet.gif); background-position: 0 6px; padding-top: 0; padding-bottom: 0;}

#content .busroutedropdowns {font-size: 13px;}
#content .busroutedropdowns select {width: 100%; font-size: 13px; margin-bottom: 10px;}
#content .busroutedropdowns .button {margin: 10px 20px;}
#content .busroutedropdowns input.buttonlink {font-size: 14px; line-height: 19px;}

/*** CONTENT 1 COLUMN STYLES ***/

#content1col .background {background: #ffffcc;}

#content1col h1 {font-size: 24px; line-height: 30px; color: #111; margin: 15px 0;}
#content1col h1.itsourdart {font-size: 34px; line-height: 50px; color: #ffcc00; font-weight: bold; margin: 10px 0 2px 90px;}
#content1col h2 {font-size: 17px; line-height: 23px; text-transform: uppercase; margin: 20px 0 5px;}
#content1col h2.afterh1 {font-size: 14px; line-height: 19px; text-transform: none; font-weight: normal; font-style: italic; font-family: georgia, serif; margin: -15px 0 20px;}
#content1col h2.railname {font-size: 20px;}
#content1col h2.railname img {margin-right: 5px;}
#content1col h2.hov {font-size: 120%; background-color: #f0f0f0;}
#content1col h3 {}
#content1col h2 + ul, #content h3 + ul {margin-top: .5em;}
#content1col ul {margin: 0 0 20px;}
#content1col ul li {padding: 2px 0 2px 14px; margin: 0 15px; background: url(/images/bullet-yellow.gif) 0 9px no-repeat;}
#content1col ul.hov li {
	padding: 2px 0 2px 14px;
	margin: 0 15px 0 32px;
	background: url(/images/bullet-yellow.gif) 0 9px no-repeat;
}
#content1col ul.nolimargin li {margin: 0;}
#content1col .floatleft :first-child, #content .floatright :first-child {margin-top: 0;}

#content1col .box {background: #ddd; padding: 15px; margin: 20px 0; overflow: hidden;}
#content1col .boxhov {background: #f0f0f0; padding: 12px; margin: 8px 0; overflow: hidden;}
#content1col .boxitsourdart {background: #000000; padding: 2px; margin: 2px; overflow: hidden; text-align: center;}
#content1col .box > :first-child {margin-top: 0;}
#content1col .box > :last-child {margin-bottom: 0;}
#content1col .box ul li {margin: 0; background-image: url(/img/bullet.gif);}

#content1col .buttoncontainer {font-size: 11px; overflow: hidden;}
#content1col .buttoncontainer .buttonlink {float: left; margin: 0 5px 0 0; width: 100px;}

#content1col .rowlink {margin: 0;}
#content1col .rowlink a {position: relative; display: block; overflow: hidden; padding: 10px 0; background: url(/images/hr.gif) 0 0 repeat-x; color: #333; line-height: 17px; text-decoration: none; cursor: pointer;}
#content1col .rowlink a:hover {background-color: #f9e287;}
#content1col .rowlink a .width15 img {margin-left: 10px;}

#content1col ul.tabs {margin: 30px 0 10px; border-bottom: 7px solid #f9d22a; overflow: hidden;}
#content1col ul.tabs li {float: left; margin: 0 3px 0 0; padding: 0; background: #7d7d7d;}
#content1col ul.tabs a {display: block; padding: 0 15px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: none;}
#content1col ul.tabs a:hover {background: #143e7c;}
#content1col ul.tabs li.on a {background: #f9d22a; color: #333;}

#content1col .scheduleicons {position: absolute; right: 0; top: 0;}

#content1col .halfbox {position: relative; width: 150px; min-height: 60px; padding: 10px 10px 10px 90px; background: #ddd url(/images/halfbox.gif) 0 0 repeat-y; margin-bottom: 20px; margin-right: 6px;}
#content1col .halfbox img {position: absolute; left: 0; top: 0;}
#content1col .halfbox h3 {text-transform: uppercase; margin-bottom: 5px;}
#content1col .halfbox a.halfboxlink {position: relative; display: block; width: 150px; height: 60px; margin: -10px -10px -10px -90px; padding: 10px 10px 10px 90px; color: #333; font-size: 15px; line-height: 20px; font-weight: bold; text-decoration: none;}
#content1col .halfbox a.halfboxlink:hover {background: #f9e287;}
#content1col .halfbox ul {margin: 0; font-size: 13px; line-height: 18px;}
#content1col .halfbox ul li {margin: 0; background-image: url(/images/bullet.gif); background-position: 0 6px; padding-top: 0; padding-bottom: 0;}

#content1col .busroutedropdowns {font-size: 13px;}
#content1col .busroutedropdowns select {width: 100%; font-size: 13px; margin-bottom: 10px;}
#content1col .busroutedropdowns .button {margin: 10px 20px;}
#content1col .busroutedropdowns input.buttonlink {font-size: 14px; line-height: 19px;}

#content1col .h2forpolice {font-size: 110%; line-height: 1.2em; font-weight: bold; color: #000000; background-color:#ffcc33; 	padding: 0.3em;}
#content1col .h3forpolice {font-size: 110%; line-height: 1.2em; font-weight: bold; color: #000000; background-color:#ffcc33; 	padding: 0.3em;}
#content1col .policemessagebox {background-color:#f9e287; width:80%;padding:0.6em;text-align:center;}


/*** CONTENT TOOLS COLUMN STYLES ***/

#contenttools .background {background: #ffffcc;}

#contenttools h1 {font-size: 24px; line-height: 30px; color: #111; margin: 15px 0;}
#contenttools h2 {font-size: 17px; line-height: 23px; text-transform: uppercase; margin: 20px 0 5px;}
#contenttools h2.afterh1 {font-size: 14px; line-height: 19px; text-transform: none; font-weight: normal; font-style: italic; font-family: georgia, serif; margin: -15px 0 20px;}
#contenttools h2.railname {font-size: 20px;}
#contenttools h2.railname img {margin-right: 5px;}
#contenttools h2.hov {font-size: 120%; background-color: #f0f0f0;}
#contenttools h3 {}
#contenttools h2 + ul, #content h3 + ul {margin-top: .5em;}
#contenttools ul {margin: 0 0 20px;}
#contenttools ul li {padding: 2px 0 2px 14px; margin: 0 15px; background: url(/images/bullet-yellow.gif) 0 9px no-repeat;}
#contenttools ul.hov li {
	padding: 2px 0 2px 14px;
	margin: 0 15px 0 32px;
	background: url(/images/bullet-yellow.gif) 0 9px no-repeat;
}
#contenttools ul.nolimargin li {margin: 0;}
#contenttools .floatleft :first-child, #content .floatright :first-child {margin-top: 0;}

#contenttools .box {background: #ddd; padding: 15px; margin: 20px 0; overflow: hidden;}
#contenttools .boxhov {background: #f0f0f0; padding: 24px; margin: 20px 0; overflow: hidden;}
#contenttools .box > :first-child {margin-top: 0;}
#contenttools .box > :last-child {margin-bottom: 0;}
#contenttools .box ul li {margin: 0; background-image: url(/images/bullet.gif);}

#contenttools .buttoncontainer {font-size: 11px; overflow: hidden;}
#contenttools .buttoncontainer .buttonlink {float: left; margin: 0 5px 0 0; width: 200px;}
#contenttools .button {margin: 10px 20px;}
#contenttools input.buttonlink {font-size: 11px; line-height: 19px; width: 60px; position: absolute; left: 920px; margin-left: 0.15em;}

#contenttools .rowlink {margin: 0;}
#contenttools .rowlink a {position: relative; display: block; overflow: hidden; padding: 10px 0; background: url(/images/hr.gif) 0 0 repeat-x; color: #333; line-height: 17px; text-decoration: none; cursor: pointer;}
#contenttools .rowlink a:hover {background-color: #f9e287;}
#contenttools .rowlink a .width15 img {margin-left: 10px;}

#contenttools ul.tabs {margin: 30px 0 10px; border-bottom: 7px solid #f9d22a; overflow: hidden;}
#contenttools ul.tabs li {float: left; margin: 0 3px 0 0; padding: 0; background: #7d7d7d;}
#contenttools ul.tabs a {display: block; padding: 0 15px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: none;}
#contenttools ul.tabs a:hover {background: #143e7c;}
#contenttools ul.tabs li.on a {background: #f9d22a; color: #333;}

#contenttools .scheduleicons {position: absolute; right: 0; top: 0;}

#contenttools .halfbox {position: relative; width: 150px; min-height: 60px; padding: 10px 10px 10px 90px; background: #ddd url(/images/halfbox.gif) 0 0 repeat-y; margin-bottom: 20px; margin-right: 6px;}
#contenttools .halfbox img {position: absolute; left: 0; top: 0;}
#contenttools .halfbox h3 {text-transform: uppercase; margin-bottom: 5px;}
#contenttools .halfbox a.halfboxlink {position: relative; display: block; width: 150px; height: 60px; margin: -10px -10px -10px -90px; padding: 10px 10px 10px 90px; color: #333; font-size: 15px; line-height: 20px; font-weight: bold; text-decoration: none;}
#contenttools .halfbox a.halfboxlink:hover {background: #f9e287;}
#contenttools .halfbox ul {margin: 0; font-size: 13px; line-height: 18px;}
#contenttools .halfbox ul li {margin: 0; background-image: url(/images/bullet.gif); background-position: 0 6px; padding-top: 0; padding-bottom: 0;}

#contenttools .busroutedropdowns {font-size: 13px;}
#contenttools .busroutedropdowns select {width: 100%; font-size: 13px; margin-bottom: 10px;}
#contenttools .busroutedropdowns .button {margin: 10px 20px;}
#contenttools .busroutedropdowns input.buttonlink {font-size: 14px; line-height: 19px;}

/*** HOME STYLES ***/

body.home #content {width: 710px; margin-left: 5px;}

#homeslideshow {width: 100%; height: 350px; margin-bottom: 20px;}
.slideshow {position: relative; overflow: hidden;}
.slideshow a.slide, .slideshow .image {position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 1; text-decoration: none;}
.slideshow .headline, .slideshow .content {position: absolute; left: 0px; width: 670px; padding: 0 20px; z-index: 2;
	text-shadow: 			0 0 5px rgba(0,0,0,.5);
	-moz-text-shadow: 		0 0 5px rgba(0,0,0,.5);
	-op-text-shadow: 		0 0 5px rgba(0,0,0,.5);
	-webkit-text-shadow: 	0 0 5px rgba(0,0,0,.5);
}
.slideshow .headline {top: 10px; font-size: 40px; line-height: 50px; font-weight: bold;}
.slideshow .content {bottom: 1px; padding-top: 10px; padding-bottom: 40px; font-size: 24px; line-height: 28px; font-weight: bold;}
.slideshow .description {position: relative; z-index: 2;}
.slideshow .shade {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #143e7c; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 1;}
.slideshow .controls {position: absolute; left: 20px; bottom: 10px; z-index: 40; list-style: none; margin: 0 !important; padding: 0 !important;}
.slideshow .controls li {float: left; list-style: none; margin: 0 5px 0 0 !important; padding: 0 !important; background: none !important; font-weight: bold; font-size: 11px;}
.slideshow .controls a {display: block; width: 15px; height: 15px; line-height: 15px; background: #fff; color: #fff; text-align: center; text-decoration: none; border: 1px solid #fff;}
.slideshow .controls a:hover {background: #415e85; color: #415e85;}
.slideshow .controls li.on a {background: #f9d22a; color: #f9d22a;}

body.home #content .halfbox {width: 250px;}
#homevideos {clear: both;}
#currentvideo {text-align: center; padding: 10px;}
#othervideos {margin: 0; font-size: 13px; line-height: 16px; font-weight: bold; overflow: hidden;}
#content ul#othervideos li {float: left; width: 33%; background: none; padding: 0; margin: 0;}
#content ul#othervideos a {display: block; text-align: center; padding: 10px; text-decoration: none;}
#content ul#othervideos a:hover {background: #ddd;}

/*** LEFT SIDEBAR STYLES ***/

#leftsidebar .box {border: 1px solid #ddd; padding: 5px 10px; margin-bottom: 15px; font-size: 13px; line-height: 16px;}
#leftsidebar .box h4 {margin: 5px 0 10px; font-size: 14px; text-transform: uppercase; line-height: 15px; color: #333;}
#leftsidebar .box .header {margin: -6px -11px 5px; padding: 7px 10px; background: #7d7d7d; border-bottom: 1px solid #ddd; color: #fff;}
#leftsidebar .hr {margin: 15px 0;}

#leftsidebar ul {margin: 10px 0;}
#leftsidebar ul li {padding: 3px 0 3px 14px; background: url(/images/bullet-yellow.gif) 0 8px no-repeat;}
#leftsidebar blockquote {margin: 10px 0; padding: 0;}
#leftsidebar blockquote p {font-size: 19px; line-height: 22px; color: #143e7c; font-family: georgia, serif; font-style: italic; margin-bottom: 10px;}
#leftsidebar blockquote cite {display: block; font-style: normal; font-size: 11px; color: #777;}

#leftsidebar ul.nav {margin: 0 -5px;}
#leftsidebar ul.nav li {padding: 0; background: none;}
#leftsidebar ul.nav a {display: block; padding: 6px 5px; text-decoration: none; line-height: 16px; color: #333; border-bottom: 1px solid #fff; zoom: 1;}
#leftsidebar ul.nav li.on a, #leftsidebar ul.nav a:hover {background: #f9d22a;}
#leftsidebar ul.nav ul {display: none; border-bottom: 1px solid #eee; margin: 0 0 5px;}
#leftsidebar ul.nav li.on ul {display: block;}
#leftsidebar ul.nav li.on ul a {padding-left: 20px; font-style: italic; font-size: 13px; color: #444; background: #f3f3f3;}
#leftsidebar ul.nav li.on ul li.on a, #leftsidebar ul.nav li.on ul a:hover {background: #f9e287;}

#leftsidebar .busroutedropdowns {font-size: 12px;}
#leftsidebar .busroutedropdowns select {width: 100%; font-size: 10px; color: #333; margin-bottom: 3px;}
#leftsidebar .busroutedropdowns input.buttonlink {margin: 10px 0;}

#leftsidebar .promo {margin: 5px 0 !important; text-align: center; font-weight: bold;}
#leftsidebar .promo img {display: block; margin: 0 auto;}


/*** RIGHT SIDEBAR STYLES ***/

#rightsidebar .box {background: #ddd; padding: 10px; margin-bottom: 15px; overflow: hidden; font-size: 13px; line-height: 16px;}
#rightsidebar .box h4 {font-size: 14px; line-height: 16px; margin: 5px 0 10px; text-transform: uppercase;}
#rightsidebar .box .header {margin: -10px -10px 10px; color: #fff; padding: 7px 10px; background: #143e7c;}
#rightsidebar .box .header .xxsmall {display: block; text-transform: none;}
#rightsidebar .hr {margin: 10px 0;}

#rightsidebar .box > :last-child {margin-bottom: 0;}
#rightsidebar p {margin: 0 0 1em;}
#rightsidebar ul {margin: 0 0 1em;}
#rightsidebar ul li {padding: 3px 0 3px 14px; background: url(/images/bullet.gif) 0 8px no-repeat;}
#rightsidebar blockquote {margin: 10px 0; padding: 10px;}
#rightsidebar blockquote p {font-size: 19px; line-height: 22px; color: #143e7c; font-family: georgia, serif; font-style: italic; margin-bottom: 10px;}
#rightsidebar blockquote cite {display: block; font-style: normal; font-size: 11px; color: #777;}

#rightsidebar ul.tabs {border-bottom: 7px solid #143e7c; margin: 0; overflow: hidden;}
#rightsidebar ul.tabs li {float: left; width: 119px; margin-right: 2px; padding: 0;}
/*** for Google on top #rightsidebar ul.tabs li {float: left; width: 119px; margin-right: 2px; padding: 0;}***/
#rightsidebar ul.tabs li#tabgoogletransit {float: right; width: 139px; margin: 0;}
/*** for Google on top #rightsidebar ul.tabs li#tabtripplanner {float: right; width: 139px; margin: 0;}***/
#rightsidebar ul.tabs a {display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 25px; text-decoration: none; background: #7d7d7d;}
#rightsidebar ul.tabs li a:hover {background: #415e85;}
#rightsidebar ul.tabs li.on a {background: #143e7c;}

#tripform {background: #fae386 !important;}
#googletransit {display: none;}
/***#tripplanner {display: none;}***/
#tripform .text, #tripform .radio {padding: 5px 0; overflow: hidden;}
#tripform .indent {padding-left: 50px;}
#tripform label {text-transform: uppercase; font-weight: bold; vertical-align: middle;}
#tripform input {vertical-align: middle;}
#tripform .text label {float: left; width: 50px; line-height: 22px;}
#tripform #start, #tripform #end, #tripform #saddr, #tripform #daddr {width: 180px;}
#tripform .text input {width: 70px; font-size: 12px;}
#tripform .radio label {float: none; width: auto;}
#tripform .radio input {float: none; width: auto; margin: 0;}
#tripform .button {margin: 15px 50px;}
#tripform .button .buttonlink {border: 3px solid #fff;
	box-shadow: 			0 0 7px #998741;
	-moz-box-shadow: 		0 0 7px #998741;
	-op-box-shadow: 		0 0 7px #998741;
	-webkit-box-shadow: 	0 0 7px #998741;
}
#tripform .wbtpbutton {margin: 10px 50px;}
#tripform .wbtpbutton .buttonlink {line-height: 17px; border: 3px solid #fff;
	box-shadow: 			0 0 7px #998741;
	-moz-box-shadow: 		0 0 7px #998741;
	-op-box-shadow: 		0 0 7px #998741;
	-webkit-box-shadow: 	0 0 7px #998741;
}

#rightsidebar ul.rideralerts {margin: 5px -5px;}
#rightsidebar ul.rideralerts li {padding: 0; background: none;}
#rightsidebar ul.rideralerts li.featureRA {padding: 0; background: #fae386;}
#rightsidebar ul.rideralerts a {display: block; padding: 5px 5px 8px 23px; color: #333; background: url(/images/bullet-red.gif) 5px 8px no-repeat;}
#rightsidebar ul.rideralerts a:hover {background-color: #eee; color: #415e85;}
#rightsidebar ul.rideralerts a.featureRA:hover {background-color: #fff; color: #143e7c;}

#mydartupdates input {height: 2em !important; line-height: 2em !important; margin-bottom: 10px; font-size: 12px !important; padding: 0;}
#mydartupdates input.fieldhint {float: left; width: 135px; border: 1px solid #999; padding: 0 3px;}
#mydartupdates input.buttonlink {float: right; width: 90px; padding: 1px 10px;}
#mydartupdates fieldset input.long{width:200px;}
#mydartupdates ul.email {margin: -1px;}
#mydartupdates ul.email li {background: none;}

/*** BOTTOM STYLES ***/

#hideshow {position: absolute; right: 0; bottom: 0; background: #f9d22a;
	border-radius:			4px 4px 0 0;
	-moz-border-radius: 	4px 4px 0 0;
	-op-border-radius:		4px 4px 0 0;
	-webkit-border-radius: 	4px 4px 0 0;
}
#hideshow span {display: block; font-size: 9px; color: #7d7d7d; text-transform: uppercase; width: 50px; padding-left: 8px; line-height: 15px; cursor: pointer;}
#hideshow span.hide {display: none;}
#hideshowhide {background: url(/images/hideshowhide.gif) 40px 4px no-repeat;}
#hideshowshow {background: url(/images/hideshowshow.gif) 40px 4px no-repeat;}

#bottom {background: #494949 url(/images/bottom.gif) 0 0 repeat-x; border-top: 7px solid #f9d22a;}
#bottom .container {padding: 20px 0; overflow: hidden; background: url(/images/bottom-container.gif) 730px 0 repeat-y;}
#contactdart {float: left; width: 160px; min-height: 164px; background: #f9d22a; padding: 10px; line-height: 15px; font-size: 12px; font-weight: bold; margin-right: 10px;}
#contactdart p {margin: 0;}
#contactdart #contactaddress {padding: 20px 0 8px;}
#contactheader {font-size: 14px; line-height: 17px;}
#contactphone {font-size: 18px; line-height: 20px;}

#bottomcolumns {float: left; background: url(/images/bottomcolumns.gif) 0 0; min-height: 184px; overflow: hidden;}
.bottomcolumn {float: left; width: 150px; padding: 2px 10px;}
.bottomcolumn h4 {color: #f9d22a; font-size: 14px; text-transform: uppercase; margin-bottom: 6px;}
.bottomcolumn a {display: block; color: #f5f5f5; font-size: 12px; line-height: 14px; padding: 2px 0;}
.bottomcolumn a:hover {color: #f9d22a; text-decoration: none;}
.bottomcolumn .hr {height: 1px; background: #818181; margin: 2em 0 .5em;}

#bottomfeatures {float: right; width: 225px; min-height: 184px; margin: -20px 0; padding: 15px 20px 15px 15px; background: url(/images/bottomfeatures.gif) 0 0 repeat-x;}
#bottomfeatures a {position: relative; display: block; font-size: 11px; line-height: 15px; height: 30px; padding: 10px 20px 10px 46px; color: #fff; text-decoration: none; background: url(/images/bottomfeatures-a.gif) right center no-repeat;}
#bottomfeatures a strong {display: block; font-size: 13px; text-transform: uppercase;}
#bottomfeatures a:hover {background-image: url(/images/bottomfeatures-a-hover.gif); color: #f9d22a;}
#bottomfeatures a img {position: absolute; left: 0; top: 0;}


/*** FOOTER STYLES ***/

#footer .container {width: 970px; padding: 10px; overflow: hidden; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666;}
#copyright {float: left;}
#siteby {float: right;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {color: #f9d22a;}

#footerstatic .container {width: 970px; padding: 10px; overflow: hidden; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666;}
#footerstatic {background: #000 url(/images/footer.gif) 0 0 repeat-x;}
#footerstatic a {color: #999; text-decoration: none;}
#footerstatic a:hover {color: #f9d22a;}
