@charset "UTF-8";
/* CSS Document */

body {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	background-image: url(images/background.jpg);
	background-color: #659734;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #111111;
}

/* CONTAINERS */
.mainContainer {
	width: 780px;
	margin: 0 auto; 
	border: 0px solid #336699;
	text-align: left;
	background: #FFFFFF;
	height: auto;
}

.container {
	width: 780px;
	margin: 0 auto; 
	text-align: left;
	Margin-Top: 54px;  
}
.header { 
	position:relative;
	background-image: url(images/logos/CClogo.png);
	background-repeat: no-repeat;
	width: 515px;
	height: 145px;
	Margin-Left: 270px;
	Margin-Top: -2px;  
} 
.mainContent {
	Margin-Top: -2px; 
	width: 780px;
	background: #f6e3ab;
	
}
.footer {
	background: #003366;
	width: 100%;
	height: 200px;
		
}
.amtrack {
	position:absolute;
	Margin-Left: 520px;
	Margin-Top: 0px; 
	padding: 20px 20px 10px 20px;
	width: 220px;
	height: 220px; 
	background: #003366;
	float: right;
	color: #ffffff;
}
.vancouver {
	position:relative;
	padding: 10px 20px 10px 40px;
	width: 420px;
	background: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #336699;
}
.seattle {
	position:relative;
	padding: 10px 20px 10px 40px;
	width: 480px;
	background: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #336699;
}
.tacoma {
	position:relative;
	padding: 10px 20px 10px 40px;
	width: 500px;
	background: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #336699;
}
.portland {
	position:relative;
	padding: 10px 20px 10px 40px;
	width: 475px;
	background: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #336699;
}
.eugene {
	position:relative;
	padding: 10px 20px 10px 40px;
	width: 460px;
	background: none;
	font: 10px Helvetica, Arial, Verdana, sans-serif;
	color: #336699;
}



/* FLOATING OBJECTS */

.map {
Position: absolute;
Margin-top: 0px;
Margin-Left: 404px; 
background-image: url(images/NWmap.png);
width: 376px;
height: 780px;
}

.checkfares {
Position: absolute;
Margin-top: 175px;
Margin-Left: 538px; 
background-image: url(images/checkfares.png);
width: 115px;
height: 40px;
}

.bottom { 
	background-image: url(images/bottom.png);
	background-repeat: no-repeat;
	width: 780px;
	height: 24px; 
	padding: 0 0px 20px 0px;
}

/* FOOTERS */

.footerColumn { 
	Position: absolute;
	Margin-Top: 10px;
	Margin-Left: 220px;
	align: left;
	width: 500px;
	padding: 0 0 10px 10px;
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	color: #659834
}
.footerColumn1 { 
	Position: absolute;
	Margin-Top: 20px;
	Margin-Left: 10px;
	width: 200px;
	padding: 0 0 10px 10px;
	font: 8px Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff
}
.footerColumn2 { 
	Position: absolute;
	Margin-Top: 30px;
	Margin-Left: 220px;
	width: 175px;
	padding: 0 0 10px 10px;
	font: 8px Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff
}
.footerColumn3 { 
	Position: absolute;
	Margin-Top: 30px;
	Margin-Left: 410px;
	width: 175px;
	padding: 0 0 10px 10px;
	font: 8px Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff
}
.footerColumn4 { 
	Position: absolute;
	Margin-Top: 30px;
	Margin-Left: 600px;
	width: 185px;
	padding: 0 0 10px 10px;
	font: 8px Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff
}

.footerCopy { 
	Position: absolute;
	Margin-Top: 165px;
	Margin-Left: 10px;
	align: center;
	width: 760px;
	font: 8px Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff
}


/* TEXT STYLES */
h1,h2,h3,h4 {font: Helvetica, Arial, Verdana, sans-serif; color: #659734;}
h1{font-size:22px}
h2{font-size:14px}
h3{font-size:12px}
h4{font-size:10px}

p {font-size: 12px;}
.caption {font-size: 10px;}
.footerCopy {font-size: 10px; color: #FFF;}
.subhead {font-size: 14px; color: #003366; font-weight: bold; }
.li {font-size: 11px; color: #659734; line-height: .3em; text-indent: 10px}
.amtrak {font-size: 10px; color: #FFF;}
.on {font-size: 12px; font-weight: bold; color: #f6e3ab;}

a.bodyLink:link { color: #336699; text-decoration: none  }
a.bodyLink:active { color: #336699; text-decoration: none  }
a.bodyLink:visited { color: #336699; text-decoration: none  }
a.bodyLink:hover { color: #659834; }

a.footerLink:link { color: #f6e3ab; text-decoration: none  }
a.footerLink:active { color: #f6e3ab; text-decoration: none  }
a.footerLink:visited { color: #f6e3ab; text-decoration: none  }
a.footerLink:hover { color: #659834; }