/***********************************************/
/* Amtrak Whistle Stop Webite                  */
/* base.css                                    */
/* for screen display                          */
/***********************************************/

/***********************************************/
/* Center Content on Page                      */
/***********************************************/

#container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 0;
  width: 775px;
  text-align: left;
  background-color: #ffffff;
}

/***********************************************/
/* HTML and General Tag Styles                 */
/***********************************************/

body {
  text-align: center;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  background-color: #336699;
}

p {
	font-size: 11px;
	line-height: 1.5;
	color: #333333;
	margin: 12px 0 12px 0;
}

p.small {
	font-size: 10px;
	line-height: 1.3;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 0;
}

p.top {
	margin: 0 0 12px 0;
}

h1, h2, h3, h4 {
	font-weight: bold;
}

h1 {
	font-size: 18px;
	line-height: 1.4;
	color: #ffffff;
	margin: 0 0 6px 0;
	padding: 0 35px 0 11px;
}

h1.facts {
	font-size: 13px;
	color: #e07a22;
	margin: 20px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}

p.facts {
	margin: 0;
}

h1.topCol {
	margin-top: 0;
}

h2 {
	font-size: 13px;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	padding: 0 35px 0 11px;
}

h3 {
	font-size: 11px;
	line-height: 1.6;
	color: #336699;
	margin: 12px 0 -4px 0;
}

h4 {
	font-size: 10px;
	line-height: 1.5;
	color: #e07a22;
	margin: 12px 0 -10px 0;
}

img {
	border: none;
	display: block;
}

.required {
	color: #ff3300;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.topCol {
	margin-top: 0;
}

.caps {
	text-transform: uppercase;
}

img.endmark, img.inline, #searchResults img  {
	display: inline;
}

li {
	font-size: 11px;
	line-height: 1.5;
	color: #333333;
}

/***********************************************/

#navList li {
	padding: 0 0 3px 14px;
	background-image: url(/ws/images/bulletTriangle.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}


#navMain {
	background-color: #f5f5e4;
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #a3a9a5;
}

#navMain p {
	margin: 0;
	padding: 0;
	border: 0;
}

/***********************************************/

#search {
	padding: 10px 10px 15px 8px;
	margin: 0;
	white-space: nowrap;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(/ws/images/backgroundLeftSide.gif)
}

#search td {
	text-align: left;
	vertical-align: middle;
}

#search form {
	margin: 0;
	padding: 0;
}

#search input.text {
	font-size: 10px;
	width: 90px;
	margin: 0 6px 0 0;
	padding: 1px;
}

/***********************************************/

#sidebarLeftTop, #sidebarLeftBot  {
	padding: 15px 0 0 0;
	border-top: 1px dashed #8f5873;
}

#sidebarLeftTop {
	margin: 0 10px 10px 8px;
}

#sidebarLeftBot {
	margin: 15px 10px 10px 8px;
}

#sidebarLeftTop p, #sidebarLeftBot p {
	font-size: 10px;
	line-height: 1.2;
	margin: 6px 0 10px 0;
}

#sidebarLeftTop h2, #sidebarLeftBot h2 {
	font-size: 13px;
	line-height: 1.12;
	color: #336699;
	padding: 0 10px 0 0;
}

#sideList {
	margin: 6px 0 0 0;
	padding: 0 0 0 6px;
}

#sideList ol {
	margin-left: 25px;
	padding-left: 0;
}

#sideList li {
	font-size: 10px;
}


/***********************************************/

#contentTop {
	background-color: #8f5873;
	padding: 0 0 10px 0;
	margin: 0;
	/*vertical-align: top;*/
}

#contentTop p, #contentTop img, #featureTitleHome p {
	margin: 0;
	padding: 0;
	border: none;
}

#featureTitleHome {
	border-bottom: 1px solid #8f5873;
}

/***********************************************/

#content {
	padding: 0 20px 0 20px;
	margin: 15px 0 10px 0;
	border: 0;
}

#intro p {
	color: #602c46;
	line-height: 1.6;
	padding: 0 0 0 0;
}

#bodyArticle, #bodyArticleContinue, #bodyArticlePassenger {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
}

#bodyArticle {
	border-top: 1px dashed #d9e2e2;	
	clear:both;
}

#bodyArticle p, #bodyArticleContinue p, #bodyArticlePassenger p {
	font-size: 10px;
}

#bodyArticleContinue p.top {
	border-top: 1px dashed #d9e2e2;
	padding-top: 10px;
	margin-top: 10px;
}

#bodyArticlePassenger p {
	line-height: 1.3;
}

#articleContinue p {
	text-align: left;
	font-style: italic;
	font-size: 10px;
}

#page2pageNav {
	float: right;
	margin: 5px 10px 10px 0;
}

#page2pageNav p {
	font-size: 10px;
	margin: 0;
	padding: 0 6px 0 0;
}

#page2pageNav td.navNumber, td.navNumberSelected {
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

#page2pageNav td.navNumber {
	background-color: #336699;
}

#page2pageNav td.navNumberSelected {
	background-color: #e07a22;
	text-decoration: none;
	color: #FFFFFF; 
	font-size: 10px; 
}

#factoid {
	margin: 0;
	padding: 10px;
	border: 1px solid #d9e2e2;
	background-color: #e8f1f1;
}

#factoid h3, #factoid p, #factoid a {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

#factoid img {
	margin-top: 10px;
}

/***********************************************/

#searchResults {
	border: 1px solid #dedede;
	padding: 0;
	margin: 15px 0 10px 0;
}

#featuresTop {
	margin: 0;
	padding: 0;
}


#featuresList {
	padding: 15px 0 0 0;
	margin: 6px 0 10px 0;
	border-top: 1px solid #dedede;	
}
#featuresList table {
	width:575px;
}

#featuresTop h1, #factoid h1  {
	font-size: 11px;
	line-height: 1.2;
	color: #336699;
	margin: 0;
	padding: 0 0 2px 0;
}

#searchResults h1, #featuresList h1 {
	font-size: 10px;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 2px 0;
}

#featuresTop h2, #featuresList h2, #searchResults h2 {
	font-size: 10px;
	line-height: 1.2;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
}

#featuresTop a {
	border-bottom: 0;
}

#featuresList a  {
	border-bottom: 0;
}

#searchResults p, #featuresTop p  {
	font-size: 10px;
	line-height: 1.13;
	color: #333333;
	margin: 0;
	padding: 3px 0 0 0;
}

#featuresList p  {
	font-size: 10px;
	line-height: 1.13;
	color: #333333;
	margin: 0;
	padding: 3px 0 0 0;
	width: 140px;
}

#featuresList td.train, #searchResults td.train {
	vertical-align: top;
	white-space: nowrap;
}

#featuresList td {
	border-top: 1px dashed #dedede;
}

#featuresList td.top {
	border-top: 0;
	padding: 0 6px 8px 4px;
}

#searchResults td, #featuresList td {
	padding: 6px 8px 6px 8px;
}

#featuresList td {
	padding: 8px 6px 8px 4px;
}

#searchResults td.header {
	border-bottom: 1px solid #dedede;
}


/***********************************************/

td.main190 {
	width: 190px;
}

td.feature271 {
	width: 271px;
}

.homeFeatureSub {
	margin: 0;
	padding: 0;
}

.homeFeatureSub p {
	font-size: 10px;
	line-height: 1.5;
	margin: 0 0 10px 0;
	padding: 0;
}

.homeFeatureSub h3 {
	line-height: 1.2;
	margin: 0 0 3px 0;
	padding: 0;
}
/*
#homeFeatureSub, #featureTopFeature {
	margin: 0;
	padding: 0;
}

#homeFeatureSub p, #featureTopFeature p {
	font-size: 10px;
	line-height: 1.5;
	margin: 0 0 10px 0;
	padding: 0;
}

#homeFeatureSub h3, #featureTopFeature h3 {
	line-height: 1.2;
	margin: 0 0 3px 0;
	padding: 0;
}
*/

#homeFeaturePhoto {
	float: left;
	padding: 0 8px 15px 0;
}

div#homeSideBarRight {
	margin: 0;
	padding: 0;
}

#homeSideBarRight p {
	font-size: 10px;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 0;
}

#homeSideBarRight h3 {
	line-height: 1.2;
	color: #e07a22;
	margin: 0 0 3px 0;
	padding: 10px 0 0 0;
}

#contentHome {
	padding: 0;
	margin: 15px 0 10px 0;
	border: 0;
}

/***********************************************/

#author {
	float: right;
	padding: 6px;
	border: 1px solid #a3a9a5;
	margin: 0 0 10px 15px;
	background-color: #f9f9ef;
	width: 179px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 165px;
}

#author p {
	font-size: 10px;
	line-height: 1.2;
	color: #333333;
	padding: 0;
	margin: 6px 0 0 0;
}

#author td.byline {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2;
	color: #333333;
	padding-left: 6px;
	margin: 0;
	vertical-align: bottom;
}

#passengerByline p.name, p.hometown {
	font-size: 10px;
	color: #8f5873;
	padding: 0;
	margin: 0;
}

#passengerByline p.name {
	font-weight: bold;

}

/***********************************************/

form {
	margin: 0;
	padding: 0;
}

input.text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin: 0;
	padding: 1px;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	width: 500px;
	margin: 6px 0 0 0;
	padding: 1px;
}

#sendStory {
	padding: 10px;
	border-top: 1px dashed #d9e2e2;	
}

#sendStory td {
	font-size: 10px;
	line-height: 1.2;
	color: #333333;
	padding: 6px;
}

#sendStory textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	width: 400px;
	margin: 0;
}

#sendStory input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	margin: 0;
	padding: 3px;
	width: 150px
}

#sendStory input.fileUpload {
	width: 240px;
}

#sendStory input.checkbox {
	width: 20px;
}

#sendStory option {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	width: 140px;
	padding: 1px;
}

#sendStory input.storyTitle, #sendStory  input.storySubtitle {
	width: 400px
}

#sendStory td.input {
	width: 175px;
}

/***********************************************/

#footer {
	border-top: 1px solid #a3a9a5;
	background-color: #d9e2e2;
}

#footer td.shade {
	text-align: center;
	vertical-align: middle;
	width: 755px;
	padding: 0 0 6px 0;
}

#footer td.bottom {
	vertical-align: bottom;
}

#pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#pipe ul li {
	margin-left: 0;
	padding: 0 6px 0 6px;
	border-left: 1px solid #666666;
	list-style: none;
	display: inline;
	font-size: 10px;
	color: #666666;
}
	
#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#pipe ul li {
	color: #8f8f8f;
}

/***********************************************/

#avLinks {
	float: right;
}

td.avLinksTop {
	border-top: 2px solid #d9e2e2;
	background-color: #ffffff;
	background-image: url(/ws/images/spacer-white.gif);
}

td.avLinksLeft {
	background-color: #eff3f3;
	border-right: 2px solid #ffffff;
	padding: 5px 5px 5px 10px;
}

td.avLinksRight {
	background-color: #eff3f3;
	padding: 5px 0px 5px 10px;
}

td.avLinksPassenger {
	background-color: #eff3f3;
	padding: 5px 0px 5px 10px;
}

#avIcons {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#avIconsHome {
	margin: 8px 0 0 0;
	padding: 0;
	white-space: nowrap;
}

#avIcons li, #avIconsHome li {
	font-size: 10px;
	color: #f04e23;
	list-style-type: none;
	white-space: nowrap;
}

#avIcons li {
	display: inline;
}

#avIconsHome li {
	line-height: 1.6;
}

li.video, li.photo, li.audio {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 12px 0 14px;
	margin: 0;
}

li.video, li.photo, li.audio {
	background-image: url(/ws/images/bullet_video.gif);
}

li.photo {
	background-image: url(/ws/images/bullet_photo.gif);
}

li.audio {
	background-image: url(/ws/images/bullet_audio.gif);
}

li.print, li.email {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 12px 0 18px;
	margin: 0;
}

li.print, li.email {
	background-image: url(/ws/images/bullet_print.gif);
}

li.email {
	background-image: url(/ws/images/bullet_email.gif);
}

/***********************************************/

#top {
	background-color: #336699;
}

#top td.right {
	text-align: right;
	vertical-align: bottom;
}

#top td.right a img{ /* Selects the Amtrak logo in the top right */
	vertical-align: bottom; /* fixes the Firefox css bug re: bottom padding of an image within an anchor*/
}

#top td.left {
	text-align: left;
	vertical-align: bottom;
}

#page {
	background-color: #ffffff;
	padding: 0 10px 10px 0;
}

#photoWrapR {
	float: right;
	width: 156px;
	margin: 12px 0 20px 15px;
}

#photoWrapL {
	float: left;
	width: 156px;
	margin: 12px 15px 20px 0;
}

#photoWrapVariR {
	float: right;
	margin: 12px 0 20px 15px;
}

#photoWrapVariL {
	float: left;
	margin: 12px 15px 20px 0;
}

#photoWrapR p, #photoWrapL p, #photoWrapVariR p, #photoWrapVariL p {
	font-size: 10px;
	font-style: italic;
	line-height: 1.16;
	color: #333333;
	margin: 3px 0 0 0;
}

#photoWrapR p.enlarge, #photoWrapL p.enlarge, #photoWrapVariR p.enlarge, #photoWrapVariL p.enlarge {
	text-align: right;
	margin: 0;
	padding: 0;
}

#photoWrapR img, #photoWrapL img, #photoWrapVariR img, #photoWrapVariL img  {
	display: inline;
}

/***********************************************/

td { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

td.white {
	background-color: #ffffff;
}

td.mainNav {
	background-color: #00318d;
	vertical-align: bottom;
	height: 28px;
}

td.lineDark {
	background-color: #8f5873;
}

td.lineLtGray {
	background-color: #dedede;
}

tr.shaded {
	background-color: #efefef;
}

td.right {
	text-align: right;
}

td.left {
	text-align: left;
}

td.margin10 {
	width: 10px;
	background-color: #f9f9ef;
}

td.main129 {
	width: 129px;
}

td.col159 {
	width: 159px;
	background-color: #dfdddd;
}

td.col615 {
	width: 615px !important;
	background-image: url(/ws/images/backgroundContent.gif)
}

td.col281 {
	width: 281px;
}

td.col615Home {
	width: 615px;
	background-image: url(/ws/images/backgroundContentHome.gif)
}

#zebraTable {
	border: 1px solid #a9b6de;
	font-size: 10px;
	padding: 0;
	margin: 0 0 20px 0;
}

#zebraTable td {
	font-size: 10px;
	padding: 4px 8px 4px 8px;
}

td.label, td.browse {
	vertical-align: middle;
	white-space: nowrap;
}

td.overLine {
	vertical-align: middle;
	border-top: 1px dashed #d9e2e2;	
}

td.labelRequired {
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
}

/***********************************************/

#buttonRight {
	padding: 0;
	margin: 10px 15px 0 0;
	text-align: right;
}

#buttonLeft {
	padding: 0;
	margin: 10px 15px 0 0;
	text-align: left;
}

#buttonCenter {
	padding: 0;
	margin: 10px 15px 0 0;
	text-align: center;
}
#amtrakLogo {
	vertical-align:bottom;
}