@charset "UTF-8";
/*
CSS Stylesheet for CenterPoint KCS Intermodal Center 
www.intermodalkc.com
Created 9.4.08
by Scott Wilmarth / Brian Horton
River City Studio
*/




/* General Body Styles */

body, td, th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #000;
}
body {
   background-image:url(/_img/gBackground2.gif);
   background-position:top;
   background-repeat:repeat-x;
   background-color:#FFF;
   margin: 0px;
}
a:link {
   color: #0C2D83;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #0C2D83;
}
a:hover {
   text-decoration: underline;
   color: #6699CC;
}
a:active { text-decoration: none; }
#none a { text-decoration:none; }
td img { display: block; }
img { border: 0px solid #FFF; }
h1 {
   margin: 0px 0px 40px 0px;
   padding: 90px 0px 0px 0px;
   color:#FFFFFF;
	font-size: 22px;
   font-style:normal;
}
h2 {
   margin: 0px;
   padding: 0px;
   color: #0C2D83;
   font-size: 15px;
   font-style: normal;
}
h3 {
   margin: 5px 0px 12px 0px;
   padding: 0px 0px 0px 0px;
   color: #0C2D83;
   font-size: 13px;
   font-style:normal;
}

h5 {
   margin: 0px 0px 12px 0px;
   padding: 0px 0px 0px 0px;
   color: #000;
   font-size: 12px;
   font-style:normal;
}
ul, ol {
   margin: 5px 0px 4px 15px;
   padding: 0px 0px;
}
li {
   margin: 0px 0px 5px 0px;
   padding: 0px 0px;
}
/* Navigation styles */

#nav a {
   margin: 0px 5px;
   padding: 2px 0px;
   font-size:12px;
   color: #1C75BB;
   display:inline;
}
#nav a.current {
   color: #000;
   border-bottom: 2px solid #9e280e;
}
#nav a:hover {
   color: #003399;
   border-bottom: 2px solid #000;
   text-decoration:none;
}

#subMenu {
   position:absolute;
   top:45px;
   left:0;
}
#subMenu a {
   margin: 0px 5px;
   padding: 2px 0px;
   font-size:12px;
   color: #FFF;
   display:inline;
}
#subMenu a.current {
   color: #000;
   border-bottom: 2px solid #FCBE40;
}
#subMenu a:hover {
   color: #003399;
   border-bottom: 2px solid #000;
   text-decoration:none;
}

/* General Page Layout */

#nav {
   position: absolute;
   top: 0px;
   right: 58px;
   margin: 5px 0px 0px 0px;
   padding: 0px;
   font-size:12px;
   font-weight: bold;
   text-align: right;
}
#pageContainer {
   width: 955px;
   margin: 0px auto 0px auto;
   padding: 0px 0px 0px 0px;
   position: relative;/*border: 1px black solid;*/
}

/*
#CenterpointLogo {
   position:absolute;
   left:62px;
   top:0px;
   border:0px;
   width: 264px;
   height:61px;
   background-image:url(/_img/gCenterPointKCSIC_logo.gif);
   background-repeat:no-repeat;
   text-align:center;
   margin:0px;
   padding: 8px 0px 0px 0px;
   font-size:12px;
   font-weight:bold;
}
*/
#CenterpointLogo strong { font-size:30px; }
#CenterpointLogo a {
   text-decoration:none;
   color:#000;
}
#CenterpointLogo a:hover {
   text-decoration:none;
   color:#9E280E;
}
/* html*/

#contentContainer {
   width: 819px;
   margin: 0px 0px 0px 0px;
   padding: 75px 58px 30px 78px;
   position:relative;
}
#contentContainer p {
   margin: 5px 0px 9px 0px;
   padding: 0px 0px 0px 0px;
}
/* Revision */

#content {
   position:relative;
   top:0px;
   left:0px;
}
#photoColumnR {
   float:left;
   width: 400px;
   text-align:left;
}
#photoColumnR img {
   margin: 5px 0px 5px 0px;
   padding: 0px;
   border: 0px;
}
#contentR {
   float:left;
   width:400px;
   text-align: left;
   margin-right:19px;
}
#contentR img {
   margin: 5px 0px 5px 0px;
   padding: 0px;
   border: 0px;
}
/* End Revision */

.clearFloats { clear: both; }
#pageBottomLine { border-top: 1px solid #1C75BB; }
#footer {
   position: relative;
   margin: 0px auto 0px auto;
   padding: 24px 58px 20px 0px;
   text-align:right;
   font-size:11px;
   width: 898px;
}
#footer #gPageBottom {
   position: absolute;
   left: 62px;
   top: -18px;
}
#footer address { font-style:normal; }
#footer address a:hover {
   color: #003399;
   text-decoration:underline
}
#copyright {
   color: #1C75BB;
   padding: 5px 0px;
   margin: 0px;
}
/* Other General Styles */

.blueInfo {
   font-size: 12px;
   font-weight: bold;
   text-transform: capitalize;
   color: #6699CC;
}
.blueInfo a, .blueInfo a:link, .blueInfo a:visited {
   text-decoration: none;
   color: #6699CC;
}
.blueInfo a:hover {
   text-decoration: none;
   color: #000;
}
img.spacerPhotoImage {
   height: 145px;
   border:1px solid green;
}
#photoContainer {
   width: auto;
   margin: auto;
   Padding: 0px;
   text-align:center;
}
#photoContainer img {
   Padding: 0px;
   border: 1px #D0D0D0 solid;
}
#photoContainer a.closeWindowLink {
   text-decoration: none;
   color: #1C75BB;
   font-size:10px;
}
#photoContainer a.closeWindowLink:hover {
   text-decoration: none;
   color: #000;
   font-weight:bold;
}
body.photo { background-image: none; }
/* Home Page Specific */

#content.home {
   width: 100%;
   margin: -37px 0px 0px 0px;
   padding: 0px;
   text-align: left;
   float:left;
}
#content.home h1 {
   margin: 15px 0px 4px 0px;
   padding: 0px 0px 0px 0px;

	font-size: 22px;
   font-weight: bold;
   font-style:italic;
}
#content.home h3 {
   margin: 0px 0px 12px 0px;
   padding: 0px 0px 0px 0px;
   color:#FFFFFF;

	font-size: 12px;
   font-weight: bold;
   font-style:italic;
}
#SubHead.drive h3{
   
   color:#0c2d83;
   font-size: 12px;
   font-weight: bold;
   font-style:italic;
}
#content.home h2 {
   margin: 0px;
   padding: 0px;
   color: #0C2D83;
   font-size: 15px;
   font-style: normal;
}
#demo {
   width:314px;
   height:176px;
   border: 1px solid #1C75BB;
   display: none;
}
/* DEMO IS CURRENTLY HIDDEN but may be using again....

#demo span {
   display:block;
   margin:50px 50px 0px 50px;
padding:90px 50px 0px 150px;
}*/

#homePhotoLarge {
   position:relative;
   height: 270px;
   margin:0px;
   padding:0px;
}
#homePhotoLarge img {
   position:absolute;
   top:0px;
   left: 0px;
}
#rightColumn {
   width:380px;
   float:right;
   margin: 0px 0px 0px 0px;
   margin: 0px 0px 0px 20px;
}
#photoColumn {
   width: 305px;
   margin: 140px 0px 0px 10px;
   padding: 0px 0px 20px 0px;

	float: left;
   text-align:left;
}
#photoColumn p { width: auto; }
#photoColumn img {
   margin: 0px 0px 4px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px;
}
#CPProp-KCSRealty {
   margin: 11px 0px 12px 0px;
   padding: 0px;
   width: 270px;
   height: 59px;
   z-index: +1;
}
#oneDayTwoDayMap {
   margin: 12px 0px;
   padding: 0px 20px;
}
/* photo thumbnails links */

p.photoThumb {
   font-size: 11px;
   text-decoration:none;
   margin: 0px 0px;
   padding: 0px 0px 0px 10px;
   font-style:italic;
}
p.photoThumb a {
   font-size: 11px;
   color:#0C2D83;
   text-decoration:none;
   font-style:italic;
}
p.photoThumb a:hover {
   color:#FF9900;
   text-decoration:none;
}
p.photoThumb a img {
   margin: 5px;
   padding: 0px;
   width: auto;
}
/* Logisitics Page */

div.twoColumnChart {
   width:320px;
   margin: 0px;
   padding: 6px 0px 6px 15px;
}
div.twoColumnChart p {
   margin: 0px 0px;
   padding: 2px 0px 2px 0px;
   position:relative;
   width: 200px;
   border-bottom: 1px #d0d0d0 dashed;
}
div.twoColumnChart p.alignMe { border-bottom: 1px solid #333; }
div.twoColumnChart em.alignMe {
   font-style:normal;
   float: right;
}
.calculator {
   float:left;
   width:250px;
   padding-right:10px;
}
.calculator p { font-size:10px; }
.calculator img { padding-bottom:5px; }

/* Contact Us Page */

#agents { position:relative; }
#agents p {
   float:left;
   margin-right:20px;
}

/* Logistics MAPS page */
img.thumb {
   margin: 0px;
   padding: 0px 10px 3px 0px;
}

