/* STYLE SHEET FOR "Intermodal Services, Inc." */

/* Body style - color, margins, font */
body {background-position: center center; left: 300px;
           background-color: #D4D4D4; background-image: url(backgroundlogo.gif);
           background-repeat: no-repeat; margin: 0 0 0 0;
           font-family: arial, helvetica, sans-serif;
}

body {
   behavior: url("csshover.htc");
}


/* Body style for popup window */
body#POP {background-image: url(backgroundpop.jpg); margin:0 0 0 0;
                  background-repeat: repeat;
                  font-family: Arial, Helvetica, sans-serif;
}

/* Paragraph style - bold, left margin space */
p {font-size: 14px; margin-left: 35px; margin-right: 20px;}

#divZoom {position:absolute; left:0px; top:170px; width:100%; text-align:center;} 

input#typedmsg {background-color: #D2D2D2; height: 35px;
     border-width: 10px 10px 2px 2px;
     border-style: solid; border-color: #000000;
                 font: bold 15px arial, verdana, sans-serif;
                 color:  #3333EB;}

li#here a:link, li#here a:visited {
          color: #8AAFF3; background: #000000;}

#thewindow {position: relative;width: 200px; height: 125px;
     overflow: hidden; border-width: 10px 10px 2px 2px;
     border-style: solid; border-color: #000000;
     background-color: #D2D2D2}

#thetext {position: absolute; width: 185px;
     left: 3px; top: 100px;}

#msgboxhome {position: relative;width: 200px; height: 100px;
     overflow: hidden; border-width: 3px;
     border-style: solid; border-color: #000000;
     background-color: #D2D2D2}

.scrollfont {font: bold 11px verdana, arial, sans-serif;
                 color: #3333EB;
                 margin-left: 5px; margin-right: 5px;
                 text-align: left;}
.scrollhorz {font: bold 18px verdana, arial, sans-serif;
                 font-style: italic;
                 background-color: #D2D2D2;
                 color: #3333EB;
                 margin-left: 5px; margin-right: 5px;
                 text-align: left;
                 border-width: 10px 10px 2px 2px;
                 border-style: solid; border-color: #000000;}

/* Horizontal line - color */
hr {color: #000000;}

/* Images - no border */
img {border: 0;}

/* Web Page Author style - font size, italic, bold, centered */
DIV#author {font-size: 10px; font-style: italic; text-align: center;
}

DIV#heading {font-family: Arial, Helvetica, sans-serif;
    font-style: italic; color: #023F80; margin-left: 20px;
    font-weight: bold; font-size: 20px; margin-top: 5px;
}

DIV#slogan {font-family: verdana, arial, helvetica, sans-serif;
    margin-left: 20px; font-weight: bold; font-size: 14px;
}

/* Fading Message */
table#headlinemsg {font: 16px arial, verdana, sans-serif;
                 font-weight: bold;
                 border-top-color: #000000;
                 border-left-color: #000000;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 border-width: 4px 4px 2px 2px;
                 border-style: solid;
                 width: 525px;
                 height: 30px;
                 margin-top: 20;
                 text-align: left;}

/* Office hours table */
table#ofchours {background: #3333EB; width: 125px;
}

table#ofchours th {font: 10px verdana, arial, sans-serif;
                           font-weight: bold; color: #FFFFFF;
                           background: #000000; text-align: left;
}

table#ofchours td {font: 10px verdana, arial, sans-serif;
                           text-align: center; color: #FFFFFF;
                           margin: 0; border: 1px #000000 solid;
}

/* Goals table */
table#goals {background: #3333EB; width: 225px;}

table#goals th {font: 16px arial, helvetica, sans-serif;
                   font-weight: bold; font-style: italic;
                   color: #FFFFFF; background: #000000;
                   text-align: center;
}

table#goals td {border: 1px #000000 solid;
}

table#goals td li {font: 11px arial, helvetica, sans-serif;
                   text-align: left; color: #FFFFFF; margin-right: 5px;
}

/* Scrolling Message */
table#scrolltable {font: 12px verdana, arial, sans-serif;
                 font-weight: bold;
                 color: #3333EB;
                 border-top-color: #000000;
                 border-left-color: #000000;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 border-width: 4px 4px 2px 2px;
                 border-style: solid;
                 width: 500px;
                 height: 15px;
                 margin-top: 20px;
                 text-align: left;
}

/* Table cells */
.bannercell1 {font: 17px arial, helvetica, sans-serif; font-style: italic;
                    font-weight: 900; color: #FFFFFF; background-color: #013A7E;}
.bannercell2 {vertical-align: top; font: 11px arial, helvetica, sans-serif;
                    font-weight: 600; text-align: center; color: #FFFFFF; background-color: #013A7E;}
.menucell1 {background: url(navbackground.gif) repeat-y;}
.menucell2 {background: url(navbackground.gif) repeat-y top right;}
.namecell {text-align: center; font-size: 18px;
                font-weight: bold; color: #023F80;}
.employcell {text-align: center; font-size: 13px;
                  font-weight: bold;}
.emailcell {text-align: center; font-size: 13px;
               font-weight: bold; color: #023F80;}
.hourscell {text-align: center;}

/* Span attributes */
.emph {font-style: italic; font-weight: bolder; color: #023F80;}

/* Center text */
.centerit {text-align: center; position: relative; bottom: 25px;}

/* Email attributes */
#mail a {margin-left: 30px; text-decoration: none; font-size: 14px;
            font-weight: 900;
}

/* Listed attributes */
.list {font: 13px arial, helvetica, sans-serif; margin-left: 80px;}

.listheading1 {list-style-type: none; font: bold 16px arial, helvetica, sans-serif;
                   font-style: italic; color: #3333EB; margin-left: 50px;
}

.listheading2 {font-style: italic; margin-left: 30px;
font: bold 16px arial, helvetica, sans-serif; margin-left: 50px;
}

.listmarker {list-style-type: square; list-style-position: inside;
}


/* The following is based on code by Claire "Suzy" Campbell
    at www.tanfa.co.uk */
 
/* Menu */
#menu {
width: 150px;
background: #023F80;
}

#menu ul {
list-style: none;
width: 150px;
margin: 0;
padding: 0;
}

#menu a, #menu h3, #menu h4 {
color: #FFFFFF;
background: #023F80;
font: bold 13px arial, helvetica, sans-serif;
display: block;
font-style: italic;
margin: 0;
padding: 4px;
border: 1px solid white;
width: 150px;
margin: 0;
padding: 4px;
text-decoration: none;
}

#menu h3 {
font: bold 14px arial, helvetica, sans-serif;
color: #FFFFFF;
background: #000000;
font-style: normal;
text-transform: uppercase;
}

#menu h4 {
font: bold 13px arial, helvetica, sans-serif;
color: #FFFFFF;
background: red;
font-style: normal;
text-align: center;
}

#menu a:hover {
color: #FFFFFF;
background: #3333EB;
}

.list1 {
color: #FFFFFF;
background: #023F80;
border: 1px solid white;
font: bold 13px arial, helvetica, sans-serif;
font-style: italic;
width: 150px;
margin: 0;
padding: 4px;
position: relative;
}

.listcorp {
color: #FFFFFF;
background: #023F80;
border: 1px solid white;
font: bold 13px arial, helvetica, sans-serif;
font-style: italic;
width: 150px;
margin: 0;
padding: 4px;
position: relative; bottom: 157px;
}

.listsales {
text-align: center;
}

.listloca {
color: #FFFFFF;
background: #023F80;
border: 1px solid white;
font: bold 13px arial, helvetica, sans-serif;
font-style: italic;
width: 150px;
margin: 0;
padding: 4px;
position: relative; bottom: 79px;
}

/* Center text, position list */
.listtermc {text-align: center; position: relative; bottom: 185px;}

/* Center text, position list */
.listterml {text-align: center; position: relative; bottom: 143px;}

/* Center text, position list */
.listtermd {text-align: center; position: relative; bottom: 249px;}

/* Center text, position list */
.listterms {text-align: center; position: relative; bottom: 101px;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 150px;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}