/* mid1985: .decoration fixes gap problem in NS6.2; usage: <TR class="decoration"> where images in subsequent rows must butt up against previous row */
.decoration img {display: block;}

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size : 12px;
    text-align : left;
    color : Black;
    background-image: none;
    background-color : White;
}

h1 {
    font-weight : bold;
    text-align : left;
    font-size : 18px;
    color: #777777;
    }

h2  {
    font-weight : bold;
    text-align : left;
    font-size : 16px;
    color: #777777;
    }

h3  {
    font-weight : bold;
    text-align : left;
    font-size : 14px;
    color: #777777;
    }

h4  {
    font-weight : bold;
    text-align : left;
    font-size : 12px;
    color: #777777;
    }

h5  {
    font-weight : bold;
    text-align : left;
    font-size : 12px;
}

p.small {
    color: Black;
    font-size : 11px;
}

p.large {
    color: Black;
    font-size : 14px;
}

th  {
    color: #ffffff;
    font-size : 12px;
    background-color : #666666;
    font-weight : bold;
}

th.small  {
    color: #ffffff;
    font-size : 11px;
    background-color : #666666;
    font-weight : bold;
}

th.large  {
    color: #ffffff;
    font-size : 14px;
    background-color : #666666;
    font-weight : bold;
}

th.light  {
    color: #000000;
    background-color : #cccccc;
    font-weight : bold;
}

th.smalllight  {
    color: #000000;
    font-size : 11px;
    background-color : #cccccc;
    font-weight : bold;
}

th.largelight  {
    color: #000000;
    font-size : 14px;
    background-color : #cccccc;
    font-weight : bold;
}

th.color  {
    color: #ffffff;
    background-color : #FF6600;
    font-weight : bold;
}

th.smallcolor  {
    color: #ffffff;
    font-size : 11px;
    background-color : #FF6600;
    font-weight : bold;
}

th.largecolor  {
    color: #ffffff;
    font-size : 14px;
    background-color : #FF6600;
    font-weight : bold;
}

td {
    color: Black;
    font-size : 12px;
}

td.small {
    color: Black;
    font-size : 11px;
}

td.large {
    color: Black;
    font-size : 14px;
}

td.lightbkgd {
    color: Black;
    background-color : #DEDEDE;
}

td.smalllightbkgd {
    color: Black;
    font-size : 11px;
    background-color : #DEDEDE;
}

td.largelightbkgd {
    color: Black;
    font-size : 14px;
    background-color : #DEDEDE;
}

td.colorbkgd {
    color: Black;
    background-color : #ffffdf;
}

td.smallcolorbkgd {
    color: Black;
    font-size : 11px;
    background-color : #ffffdf;
}

td.largecolorbkgd {
    color: Black;
    font-size : 14px;
    background-color : #ffffdf;
}

table.yellowgrid {
    background-color : #FFFCD2;
}

ol {
    list-style-type: decimal;
}

ul {
    list-style-type: square;
}

li {
    color: Black;
    font-size : 12px;
}

li.small {
    color: Black;
    font-size : 11px;
}

a {
    color : #CC3300;
}

/* note that A:HOVER isn't supported by all browsers */
a:hover {
    color: #ff7519;
}

a:visited {
    color: #a22800;
}

a:link {  }

.THlink {
    color: #ffff99;
}

.THlink:visited {
    color: #ffffcc;
}

.THlink:hover {
    color: #ffff00;
}

.navlink {
    color: #000000;
    font-size : 12px;
}

.navlink:visited {
    color: #000000;
    font-size : 12px;
}

.navlinkHeader {
    color: #000000;
    font-size : 12px; font-weight : bold; 
}

td.navlinkCustom {
    color: #000000;
    font-size : 12px;
}

.footer1Home {color:#FF6600; font-weight:bold; font-size:75%; line-height:170%;}
.footer2Home {color:#666666; font-size:75%;}
.footer2Home A,.footer2Home A:visited {color:#666666; text-decoration:none;}
.footer2Home A:hover {color:#FF6600; text-decoration:underline;}
.footer1 {color:#FF6600; font-weight:bold; font-size:85%; line-height:170%; white-space: nowrap; }
.footer2 { text-align: center; }
.footer2 a { font-weight: bold; text-decoration: none; color: #205388; }
.footer2 a:hover { text-decoration: underline; color: #F85D13; }
.footer2 a:active { text-decoration: none; }
.footer2 a.important { color: #F85D13; text-decoration: none; }
.footer2 a.important:hover { text-decoration: underline; }

/* For liquid roundbox menu items */

.liquid-roundbox {
  background:#FFFFFF url(https://www.bnsf.com/images/leftside.gif) repeat-y scroll left top;
  margin:0 auto;
  margin-bottom: 10px;
}
.boxtop {
  background: transparent url(https://www.bnsf.com/images/top.gif) no-repeat scroll left top;
  height: 20px;
  width: 100%;
}

.boxtop span {
  background: transparent url(https://www.bnsf.com/images/top-right.gif) no-repeat scroll right top;
  display: block;
  height: 20px;
  position: relative;
}

.box-content {
  background: transparent url(https://www.bnsf.com/images/rightside.gif) repeat-y scroll right top;
  margin: -2px 0 -40px;
  margin: -2px 0 -10px; 
  margin: 0;
  padding: 1px 10px 0 15px;
  overflow: hidden;
}
.boxbottom {
  background: transparent url(https://www.bnsf.com/images/bottom.gif) no-repeat scroll left bottom;
  height: 20px; 
  width: 100%;
}

.boxbottom span {
  background: transparent url(https://www.bnsf.com/images/bottom-right.gif) no-repeat scroll right bottom;
  display: block;
  height: 20px; 
}

/* styles brought in by rail central project */
table.lightgray {
    border: 1 px, solid, #b3b2b2;
}
th.lightgray {
  color: #ffffff;
  font-size: 14px;
  background-color: #cccccc;
  font-weight: bold
  border: 1 px, solid, #b3b2b2;
}
td.lightgray {
  color: Black;
  font-size: 12px;
  background-color: #eaeaea;
  border: 1 px, solid, #b3b2b2;
}
/* END styles brought in by rail central project */