/* 
  Copyright (C) 2004-2005. Kipp Software Corporation, kippsoftware.com
  Used under license by AllModes, Inc.
*/

/* GLOBALS */

html { background : #999966; font-size : 80%; margin : 0; }
body { margin : 5 0 10 0; }
table { border-collapse : collapse; font-size : 100%; }
tr { vertical-align : top; }
th,td { padding : 0; }
img { border : 0; padding : 0; margin : 0;}
p { margin : 0 10 0 0; padding : 0 0 10 0; }
a { text-decoration : none; color : #336699;}
a:visited { color : #003366; }
a:hover { text-decoration : underline; }
ul { margin-top : 0; margin-left : 15; padding : 0; }
li { padding-bottom : 3; }
form { margin : 0; display : inline; }
input { font-size : 100%; background: #ffffcc; border : 1px solid #999999; padding : 1 2;}
textarea { font-size : 100%; background: #ffffcc; border : 1px solid #999999; padding : 1 2; }
select { font-size : 100%; background: #ffffcc; border : 1px solid #999999; }

/* DIV */

div.banner { padding-top : 5; }
div.background { text-align : center; }
div.page { 
  text-align : left; 
  margin : auto; 
  width : 700; 
  background : #eeeebb;
  border : 1px solid #333333; 
  border-width : 0 1 1 0;
  padding : 0;
}

div.header { xborder-bottom:5px solid #eeeebb; } 

div.center { text-align : center; }
div.right { text-align : right; }

div.small { font-size : 80%; }
div.hide { display : none; }

div.indent { padding-left : 10; }
div.spacer { height : 100; }

p.drop { line-height : 1.33; padding-right : 10; }
p.drop:first-letter { font-size : 250%; float : left; padding-right:5; vertical-align : top; font-style : italic; }

p.prose { line-height : 1.33; padding-right : 10; }

div.box { background : #eeeeee; border-bottom : 2 solid #999999; border-right : 2 solid #999999; padding : 3 5; font-size : 75%; }
div.head { font-size : 133%; font-weight : bold; padding : 0 0 5 0; color : #993333; }

div.subhead { font-weight : bold; font-size : 75%; color : #003366;}
div.subhead a { color : #003366;}
div.subhead a:visited { color : #003366;}

div.red { background-color : #771111; }
div.logo { padding-bottom : 8; }
div.copyright { font-size : 75%; text-align : center; padding-top : 2px; }

div.topbar { }
div.footer a { color : #cccccc; }
div.footline { padding : 0 0 3 5; }

pre.debug { text-align : left; padding : 0 0 0 20; }

/* SPAN */

span.drop { font-size : 200%; }
b { color : #993333; }

/* TABLE */

table.show { margin : 10 0; font-family : sans-serif; font-size : 80%; width : 100%; }
table.show tr { vertical-align : top; }
table.show th { color : black; background : #eecc77; padding : 3 10; border : 1px solid #991111; text-align : left; }
table.show td { border : 1px solid #1111cc; padding : 3 10; border : 1px solid #991111;}
table.hundred { width : 100%; }

table.display { font-size : 100%; margin : 0 0 10 5; }
table.display th { padding : 3 10; background : #ccccff; border : 1px solid white; }
table.display td { padding : 3 10; background : #eeeeff; border : 1px solid white; }

th.right { text-align : right; }
td.right  { text-align : right; }

tr.bottom { vertical-align : bottom; }
tr.middle { vertical-align : middle; }

td.blue { background : #cccc99; border : 1px solid #666666; padding : 5; text-align : right; font-size : 90%; font-weight : bold; }
td.blue2 { background : #cccc99; border : 1px solid #666666; padding : 5; text-align : center; font-size : 90%; font-weight : bold; color : #003366; }
td.gray { background : #cccccc; border : 1px solid #666666; padding : 5; }

table.inner td { padding : 1 10 1 0; }
table.inner th { padding : 1 10 1 0; font-weight : bold; text-align : left; font-size : 80%; }
td.box { border : 1px solid #333333; padding : 10; background : #eeeeee; }

table.rates { margin-bottom : 10; width : 100%; }
table.rates td { padding : 1 6; background : #ffffff; border : 1px solid #ccaaaa;}
table.rates th { padding : 1 6; background : #cccccc; border : 1px solid #ccaaaa; font-size : 90%; text-align : left; }

table.rates2 { margin : 0 0 10 5; }
table.rates2 td { padding : 1 6; background : #ffffff; border : 1px solid #ccaaaa;}
table.rates2 th { padding : 1 6; background : #cccccc; border : 1px solid #ccaaaa; font-size : 90%; text-align : right; }

/* MENU */

table.menubar {
  width : 100%;
  background-color : #331111;
}

div.menubar {
}

div.menu { 
  position : absolute; 
  background : #aa1111;
  color : white;
  width : 200;
  border : 1px solid pink;
  border-color : white #333333 #333333 white;
  z-index : 200;
}

div.menu a { 
  font-family : Verdana, sans-serif;
  color : white;
  display : block;
  padding : 2 6;
  text-decoration : none;
  border-bottom : 1px solid #661111;
}

div.menu a:visited {
  background-color : #aa1111;
  color : white;
}

div.menu a:hover {
  background-color : white;
  color : #aa1111;
  text-decoration : none;
}

div.navtab { width : 120; text-align : right; padding-bottom : 75; font-size : 66%; font-family : sans-serif; font-style : italic; }
span.navtab { color : #1111cc; background : white; width : 120; padding : 1 5; border-bottom : 1 solid white; }
a.navtab { text-decoration : none; width : 120; padding : 1 5; border-bottom : 1 solid white; }
a.navtab:link { color : white; background : #1111cc; }
a.navtab:visited { color : white; background : #1111cc; }
a.navtab:active { color : white; background : #1111cc; }
a.navtab:hover { color : yellow; background : #cc1111; text-decoration : none; }

div.lit a:hover { text-decoration : none; }
div.icobut a:hover { text-decoration : none; }

/* FORM */

input { font-family : Verdana, sans-serif; }
input.wide { width : 350; }
input.narrow { width : 100; }
input.four { width : 40; }
input.zip { width : 5em; }

textarea.wide { width : 350; height : 100; font-family : Verdana, sans-serif;}
div.padding { padding : 10; }
div.padding5 { padding : 5; }

input.submit { background : #991111; border : 3px solid #771111;  color : white; padding : 2 10; font-weight : bold; }
a.submit { background : #991111; color : white; border : 3px solid #771111; padding : 2 4; font-weight : bold; }
a.submit:hover { text-decoration : none; cursor : default; }

a.submitw { background : #cccccc; color : black; border : 1px solid #999999; padding : 2 9; width : 250; }
a.submitw:hover { text-decoration : none; cursor : default; }

/* LEFTNAV MENU */

div.leftnav { border-bottom : 5px solid white; }

span.leftnav { 
  width : 200; 
  text-align : center;
  padding : 5 0; 
  color : #002244; 
  font-weight : bold; 
  display : block;
  margin : auto; 
  cursor : default;
}

span.selected { 
  width : 200; 
  text-align : center;
  padding : 5 0; 
  color : #eeeeee; 
  font-weight : bold; 
  background : #993333;
  display : block;
  margin : auto; 
  cursor : default;
}

a.leftnav { 
  color : #442200;
  width : 200; 
  text-align : center;
  padding : 5 0; 
  text-decoration : none; 
  font-weight : bold; 
  display : block;
  margin : auto; 
  cursor : default;
}
a.leftnav:link {  }
a.leftnav:visited { color : #002244; }
a.leftnav:active { }
a.leftnav:hover { 
  background : #eeeeff;
  color : #993333;
  text-decoration : none; 
  font-weight : bold;
}


/* SITE SPECIFIC */

html { font-family : Verdana, sans-serif; }
div.gradient { background-image : url(gradient.png); }

td.topleft { background-color : #cccc99 ; padding : 10 0; }
td.topright { background-image:url(gradient.png);width:600;text-align:right;padding:0 10 0 0;font-weight:bold;color:#ffffff; }

div.footer { text-align:center;padding:2 0 4 0;font-size:80%;background-image:url(footer.png);color:#cccccc; font-style:italic;}
table.leftnav { background-image:url(leftNavTruck.png); height:600;width:200;font-family:'Copperplate Gothic Light'; font-size:110%; }
td.leftnav { background:#9f9f9d; }

div.leftnavbox {  text-align:center;padding:10 0 0 0; } 
div.contents {width : 580; padding : 10; font-size:120%; }
div.employment { xpadding : 10; font-size:120%; }

table.about td.nav { padding : 10 20 10 10; text-align : right; xborder : 1px dashed pink; width : 135; }
table.about td.body { padding : 10 90 10 20; xborder : 1px dashed pink; }

table.key { }
table.key th { border : 1px solid #eeeeee; padding : 3 6; text-align : left; background : #99aacc; }
table.key td { border : 1px solid #eeeeee; padding : 3 6; background : #bbccdd; }

div.services { padding : 15 0 50 0; }

table.services td.nav { padding : 5; text-align : right; xborder : 1px dashed pink; width : 135; }
table.services td.body { padding : 5 5 5 10; xborder : 1px dashed pink; }

div.about { background : url(aboutBackground.jpg) no-repeat; padding : 0; height : 541; }
div.why { background : url(whyBackground.jpg) no-repeat; padding : 0; height : 541; }
div.whypadding { padding : 100 15 0 16; }
div.truckload { background : url(truckloadBackground.png) no-repeat center 30px; }
div.carrier { background : url(carrierBackground.png) no-repeat center 30px; }
div.intermodal { background : url(intermodalBackground.png) no-repeat center 30px; }
div.dedicated { background : url(dedicatedBackground.png) no-repeat center 30px; }
div.logistics { background : url(logisticsBackground.png) no-repeat center 30px; }
div.maintenance { background : url(maintenanceBackground.png) no-repeat center 30px; }
div.map { text-align : center; background-color : #013e91; }

div.rate { width : 450; margin : auto; padding : 0 0 10 0; }
table.rate { }
table.rate th { border : 1px solid #eeeeee; padding : 3 6; text-align : left; background : #999966; }
table.rate td { border : 1px solid #eeeeee; padding : 3 6; background : #ddddaa; }

table.layout { margin : auto; }