html, body{
	margin: 0;
	padding: 0;
	background: url(images/backgrounds/html.jpg) repeat-x #4E483A;
font-family: Arial, Helvetica, sans-serif;
}

a img{ border: none; }

/* CLASSES */
.init{ margin: 0; padding: 0; }
.init-top{ margin-top: 0px; padding-top: 0; }
.init-bottom{ margin-bottom: 0px; padding-bottom: 0; }

.clear{ clear: both; }
.hide{ display: none; }

.fl-right, .alignright{ float: right; }
.fl-left, .alignleft{ float: left; }

.fl-right ul li{ line-height: 1.2em!important; }

.alignright{ margin-left: 15px; }
.alignleft{ margin-right: 15px; }

.aligncenter{ display: block; text-align: center; margin: 15px auto; }

#mainContent img{ padding: 5px; border: 1px solid #e3e3e3; }

.alt{ color: #7d1418; }
.alt2{ color: #090; }

.third{ width: 208px; float: left; }
.pad{ margin-right: 10px; }

.third img{ border: none!important; padding: 0!important; }
.third h2{ margin: 0!important; padding: 10px 0 0!important; background: none!important; border: none!important; }
.third h2 a{ text-decoration: none!important; }

.highlight{ font-family: "Arial Narrow", "Helvetica Condensed"; font-size: 15px; color: #808285; }
.box{ border-top: 7px solid #333; width: 205px; }
.box img{ border-top: 1px solid #fff; }

.small{ font-size: 10px; color: #555; line-height: 1.2em!important; } 

.no-border{ border: none!important; }

form{ margin-left: 20px; }

/* TYPO */

p,li,td{ font-size: 11px; color: #333; font-family: Verdana, Geneva, sans-serif; }
h1{ font-size: 30px; color: #7d1418; }
h2{ font-size: 14px; font-weight: normal; text-transform: uppercase; color: #7D1418; }

#mainContent p, .lh{ line-height: 1.7em; }
#mainContent li{ margin-top: 10px; line-height: 1.7em; }
#mainContent h1{ .padding-top: 35px; }
#mainContent h2{ margin-top: 35px; border-top: 1px solid #ccc; padding: 10px; background: #f2f2f2; clear: both; }

#hanger{ width: 255px; text-align: right; position: relative; left: -25px; padding: 0 10px 10px 0px; background: url(images/backgrounds/h2.png) repeat-x bottom; color: #fff; height: 35px; z-index: 100; _background: url(images/backgrounds/h2.gif) repeat-x top; }
#hanger h2{ z-index: 100; color: #fff; background: url(images/backgrounds/h2-cap.png) no-repeat right; padding: 0 40px 0 0; line-height: 33px; height: 39px; position: relative; left: 25px;  _background: url(images/backgrounds/h2-cap.gif) no-repeat right; }
#hanger strong{ _display: none; }

#tickets{ position: absolute; left: 0px; top: -29px; _display: none; }
#tickets2{ display: none; _display: inline; position: absolute; left: 0px; top: -29px;  }


/* LINKS */
a{ color: #7D1418; text-decoration: none; }

#mainContent a{ text-decoration: underline; }
#mainContent a:hover{ color: #9f363a;  }

/* LAYOUT */
#wrapper{ width: 980px; position: relative; margin: 0 auto; }

#header{ position: relative; _width: 980px; _height: 110px; }

#header h1{ float: left; position: absolute; top: -10px; _left: -10px; _float: none; }

#nav{ position: relative; padding-top: 20px!important; _padding-top: 60px!important; margin: 56px 0 -20px; float: right; _float:none; _margin: 86px 0 -20px 250px; width: 725px; height: 45px; background: url(images/backgrounds/nav.png) bottom no-repeat;  }
#nav ul{ width: 710px; margin: 0; padding: 0 0 0 20px; font-family: "Arial Narrow", "Helvetica Condensed"; }
#nav ul li{ display: inline; margin: 0 10px; .margin: 0 9px; _margin: 0 7px; font-size: 14px; .font-size: 13px; line-height: 47px; }
#nav ul li a{ text-transform: uppercase; }
#nav ul li a:hover{ color: #4C1A00; }

#phone{ position: absolute; top: 20px; right: 30px; font-size: 17px; color: #fff; }
#phone strong{ font-size: 24px; }

#banner{ margin: 0; padding: 0; margin-left: 15px; }

#subBanner{ background: url(images/backgrounds/scheduleBar.png) no-repeat; width: 980px; height: 50px; position: relative; top: -27px; margin-bottom: -30px; }
#subBanner p{ line-height: 50px; font-size: 17px; text-align: right; padding-right: 25px; }

#content{ width: 980px; background: url(images/backgrounds/content.png) repeat-y; }
#mainContent{ float: right; width: 645px; margin: 0 25px 0 0; _width: 635px; }
#sideBar{ position: relative; float: left; width: 255px; margin: 0 0 0 25px; _margin: 0; _padding-left: 25px; }
.right{ text-align: right; }

#sideBar p{ padding-right: 20px; }

#footer{ background: #7D1418; height: 150px; }
#footer p{ font-family: "Segoe UI", Arial, Helvetica; margin: 0; padding-top: 15px; color: #9E4313; text-align: right; width: 930px; margin: 0 auto; }
#footer p a{ color: #AB5120; }
#footer p a:hover{ color: #cd7342; }

.table, #fares-table{ margin-left: 10px; padding-left: 10px; border-left: 3px solid #7D1418; }
.table td, #fares-table td{ padding: 2px 25px 2px 5px; }

#notice{ width: 400px; height: 267px; position: absolute; top: 112px; left: 50%; margin-left: 200px; background: url(images/notice.png) no-repeat; }
#notice p{ visibility: hidden; }