/* CSS Document */
html {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	height: 100%;
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
a:link {
	color: #971C34;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #a37423;
}
a:hover {
	text-decoration: underline;
	color: #971C34;
}
a:active {
	text-decoration: underline;
	color: #971C34;
}
a.uRhere {
	color: #971C34;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: italic;
}
h1 {
	font-size: 22pt;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -35px;
}
h2 {
	font-size: 20pt;
	text-align: right;
}
h3 {
	font-size: 16pt;
}


address {
	font-weight: bold;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.75em;
	margin-left: 0px;
}
#skipNav {
	font-size: 10pt;
	position: absolute;
	width: 120px;
	top: 0px;
	text-align: left;
	left: 30px;
}


#header {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
	padding-top: 0px;
	top: 0px;
	background-color: #9c2130;
	height: 200px;
	color: #FFF;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c19241;
}
#header .imgLeft, #header .imgRight {
	border: 6px solid #c19241;
}

#header h1 {
	margin-top: 0px;
	padding-top: 20px;
	text-align: center;
}

#header h1 a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sideNav {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	width: 224px;
	height: 100%;
	background-color: #971C34;
	padding-bottom: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C19241;
	border-right-color: #C19241;
	border-bottom-color: #C19241;
	border-left-color: #C19241;
	height: 100%;
}
#rightSidebar {
	float: right;
	width: 224px;
	height: 100%;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #971C34;
	color: #C19241;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C19241;
	border-right-color: #C19241;
	border-bottom-color: #C19241;
	border-left-color: #C19241;
}

#primaryNav {
	margin-left: 5px;
	padding-left: 0px;
	margin-top: 10px;
	font-weight: bold;
	list-style-type: none;
	font-size: 13pt;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
}
#primaryNav li {
	margin-right: 23px;
}
#primaryNav li:hover, #primaryNav li a:hover {
	list-style-image: url(../images/purpleDot-15.gif);
	font-style: italic;
	color: #e9bd72;
	text-decoration: none;
}
#primaryNav li ul {
	display: none;
	font-size: 12pt;
	padding-left: 20px;
}
#primaryNav li:hover ul, #primaryNav li a:hover + ul {
	display: block;
	color: #e9bd72;
	text-decoration: none;
}
#primaryNav li ul li, #primaryNav li:hover ul li {
	list-style-type: none;
	list-style-image: none;
}
#primaryNav ul.submenu li:hover, #primaryNav ul.submenu li a:hover {
	list-style-image: url(../images/purpleDot-10.gif);
}

#primaryNav a {
	text-decoration: none;
	padding-bottom: 10px;
	color: #FFF;
}
#primaryNav a:link, #primaryNav a:visited {
	color: #FFFFFF;
}
#primaryNav a:active, #primaryNav a:hover {
	color: #e9bd72;
}
#primaryNav a.uRhere, #secondaryNav a.uRhere, #footer a.uRhere {
	color: #FFFFFF;
	text-decoration: underline;
}
#secondaryNav {
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}
#content {
	margin-left: 240px;
	margin-right: 240px;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 10px;
	padding-bottom: 15px;
}
#footer {
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	border-top-style: none;
	border-top-color: #EDEDED;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #EDEDED;
	border-bottom-color: #EDEDED;
	border-left-color: #EDEDED;
}
#footer a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-right: 20px;
	font-style: italic;
}
.subtitle {
	font-size: 12pt;
	text-align: center;
	font-style: italic;
	margin-top: 5px;
	padding-bottom: 10px;
}
.imgLeft {
	float: left;
	margin-right: 10px;
}
#slideshow {
	width: 489px;  /* add 14 to image width and height to compensate for image padding and border */
	height: 331px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}
#slideshow img {
	border: 4px solid #c19241;
}
.imgRight {
	float: right;
	margin-left: 10px;
}
.imgLeftTrans {
	float: left;
	margin-right: 10px;
}
.imgRightTrans {
	float: right;
	margin-left: 10px;
}
.imgCenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.imgBoxRight {
	float: right;
	margin-left: 10px;
	text-align: center;
}
.imgBoxLeft {
	float: left;
	margin-right: 10px;
	text-align: center;
}
.imgBoxCenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.imgBoxFloatByTableLeft {
	float: left;
	padding-top: 22px;
	margin-right: 20px;
	text-align: center;
}
.imgBoxFloatByTableRight {
	float: right;
	padding-top: 22px;
	margin-left: 20px;
	text-align: center;
}

.imgCaption {
	font-size: 11pt;
	font-style: italic;
	font-weight: bold;
	margin-top: 0px;
}
.imgLeft, .imgRight, .imgBoxLeft img, .imgBoxCenter img, .imgBoxRight img, .imgBoxFloatByTableLeft img, .imgBoxFloatByTableRight img  {
	border: 3px solid #971C34;
}
.imgBoxRight img.trans, .imgBoxLeft img.trans { /* for transparent pictures */
	border: none;
}

ul.routeNav {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}
#content ul.nextToFloat {
	display: table;
}

ul.routeNav li a {
	margin-right: 5px;
	margin-left: 0px;
	font-weight: bold;
	display: block;
	float: left;
	width: 30px;
	text-align: center;
}
ul.routeNav li a, ul.routeNav li a:link, ul.routeNav li a:visited, ul.routeNav li a:hover, ul.routeNav li a:active {
	color: #FFFFFF;
	text-decoration: none;
}
ul.routeNav li.rlabel {
	text-align: left;
}
ul.routeNav li.rlabel a {
	font-style: italic;
	width: auto;
	font-size: 12pt;
	text-align: left;
	color: #971C34;
}
ul.routeNav li.r1 a, .r1 caption {
	background-color: #DE1A1C;
}
ul.routeNav li.r2 a, .r2 caption {
	background-color: #87C351;
}
ul.routeNav li.r3 a, .r3 caption {
	background-color: #00843F;
}
ul.routeNav li.r4 a, .r4 caption {
	background-color: #EE8F19;
}
ul.routeNav li.r5 a, .r5 caption {
	background-color: #0261A3;
}
ul.routeNav li.r6 a, .r6 caption {
	background-color: #C80E95;
}
ul.routeNav li.r7 a, .r7 caption {
	background-color: #8F4D1D;
}
ul.routeNav li.r8 a, .r8 caption {
	background-color: #00A1E9;
}
ul.routeNav li.r9 a, .r9 caption {
	background-color: #46AD38;
}
ul.routeNav li.r10 a, .r10 caption {
	background-color: #0695D1;
}
ul.routeNav li.r11 a, .r11 caption {
	background-color: #812A9B;
}
ul.routeNav li.rMap a {
	background-color: #000000;
	width: 40px;
}

caption {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	background-color: #FFF;
	position: relative;
	bottom: -0.5em;
	margin-left: 20px;
	padding-left: 4px;
}
caption.staff {
	width: 150px;
}
caption.board {
	width: 170px;
}
.contact caption {
	width: 140px;
}
.schedule caption {
	width: 180px;
	color: white;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 2px;
}
.fares caption {
	width: 250px;	
}

table.schedule {
	border-width: 2px;
	border-style: solid;
	border-collapse: separate;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 32px;
	padding-right: 32px;
}
table.schedule th {
	text-align: left;
	font-weight: bold;
}
table.schedule th, table.schedule td {
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
table.r1 {
	border-color: #DE1A1C;
}
table.r1 th, table.r1 td {
	border-bottom-color: #DE1A1C;
}
table.r2 {
	border-color: #87C351;
}
table.r2 th, table.r2 td {
	border-bottom-color: #87C351;
}
table.r3 {
	border-color: #00843F;
}
table.r3 th, table.r3 td {
	border-bottom-color: #00843F;
}
table.r4 {
	border-color: #EE8F19;
}
table.r4 th, table.r4 td {
	border-bottom-color: #EE8F19;
}
table.r5 {
	border-color: #0261A3;
}
table.r5 th, table.r5 td {
	border-bottom-color: #0261A3;
}
table.r6 {
	border-color: #C80E95;
}
table.r6 th, table.r6 td {
	border-bottom-color: #C80E95;
}
table.r7 {
	border-color: #8F4D1D;
}
table.r7 th, table.r7 td {
	border-bottom-color: #8F4D1D;
}
table.r8 {
	border-color: #00A1E9;
}
table.r8 th, table.r8 td {
	border-bottom-color: #00A1E9;
}
table.r9 {
	border-color: #46AD38;
}
table.r9 th, table.r9 td {
	border-bottom-color: #46AD38;
}
table.r10 {
	border-color: #0695D1;
}
table.r10 th, table.r td {
	border-bottom-color: #0695D1;
}
table.r11 {
	border-color: #812A9B;
}
table.r11 th, table.r11 td {
	border-bottom-color: #812A9B;
}

table.contact {
	padding: 20px;
	border: 1px solid #333;
	border-collapse: separate;
}
table.contact th {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
table.contact th, table.contact td {
	vertical-align: top;
	padding-right: 7px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
table.people {
	padding: 20px;
	border: 1px solid #333;
	border-collapse: separate;
	width: auto;
}
table.people th {
	text-align: left;
}
table.people th, table.people td {
	vertical-align: top;
	padding-right: 7px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
table.fares {
	padding: 20px;
	border: 1px solid #333;
	border-collapse: separate;
}
table.fares th {
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
}
table.fares th.vaBottom {
	vertical-align: bottom;
	text-align: left;
}

table.fares th, table.fares td {
	vertical-align: top;
	padding-right: 7px;
	padding-left: 5px;
	border-bottom: 1px solid #000000;
}
table.fares .midCol {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
table.fares .fare {
	text-align: center;
}

.required {
	color: #FF0000;
}
.routeMap {
	padding-bottom: 1px;

}

/* for phpESP surveys */
fieldset { 
	border: none;
}

.shim {
	clear: both;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
span.formErrorTxt {
	font-weight: bold !important;
	color: #CC0000 !important;
}
span.formNormalTxt {
}
span.formDisabledTxt {
	color: #999999;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.titlevi {
	font-size: 10pt;
	font-style: italic;
	text-align: center;
}
.phone {
	font-size: 1.5em;
}
#sideNav address {
	margin-bottom: 5px;
}
.footnote {
	font-size: .8em;
	font-style: italic;
}
.smallNote {
	font-size: 0.8em;
	font-style: italic;
}
#wayToGo {
	float: right;
	width: 150px;
	padding-top: 100px;
}
.floatContainerRight {
	float: right;
	margin-left: 10px;
	width: auto;
}