body {
width:750px;
margin:0 auto;
margin-top:30px;
  border-width: 1px;
  border-style: solid;
  border-color: black;

background-color: #FFFFFF;
background-image: url(images/background-image.jpg);
#middle hr.line{
height: 1px;
}

}




/* ----- HEADER ----- */



#header {
width:750px;
height:145px;
background-color:#FFFFFF;
border-bottom: 1px solid black;
}




.logo a {
background: transparent url('images/logo.gif') no-repeat;
margin-top: 10px;
margin-left: 10px;
display: block;
float: left;
width: 260px;
height: 120px;
}

.logo a:hover {
background: transparent url('images/logo_hover.gif') no-repeat;
} 


#links {
width: 376px;
height: 100px;
background-color: #FFFFFF;
float: right;
margin-top: 40px;
margin-right: 4px;


}



.schedules a {
background: transparent url('images/schedules.gif') no-repeat;
display: block;
float: left;
margin-left: 40px;
width: 61px;
height: 75px;
}

.schedules a:hover {
background: transparent url('images/schedules_hover.gif') no-repeat;
} 


.demand_response a {
background: transparent url('images/demand_response.gif') no-repeat;
display: block;
float: left;
margin-left: 3px;
width: 118px;
height: 75px;
}

.demand_response a:hover {
background: transparent url('images/demand_response_hover.gif') no-repeat;
} 

.fares a {
background: transparent url('images/fares.gif') no-repeat;
display: block;
float: left;
margin-left: 3px;
width: 61px;
height: 75px;
}

.fares a:hover {
background: transparent url('images/fares_hover.gif') no-repeat;
} 


/* .transport_links a {     //hey Aaron, I don't think links is necessary, the two listed are already on front page anyway
background: transparent url('images/transport_links.gif') no-repeat;
display: block;
float: left;
margin-left: 3px;
width: 101px;
height: 75px;
}

.transport_links a:hover {
background: transparent url('images/transport_links_hover.gif') no-repeat;
} */  

.contact a {
background: transparent url('images/contact.gif') no-repeat;
display: block;
float: left;
margin-left: 3px;
width: 61px;
height: 75px;
}

.contact a:hover {
background: transparent url('images/contact_hover.gif') no-repeat;
} 


a:link { color: SlateGray; text-decoration: none; }
a:link:active { color: black; outline: gray 1px dotted; }
a:visited { color: SlateGray; text-decoration: none; }
a:visited:active { color: black; outline: gray 1px dotted; }
a:hover { color: blue; text-decoration: underline; }


p.about {
    text-indent: 1em;
    margin: 1px; 

   }

.preloader {
position:absolute;
top:-1000px;
left:-1000px;
} 

.blue_bar_header {
background-color:#5170b6;
color:#FFFFFF;
padding:2px;
text-align:center;
width:250px;
}

.white_bar_header {
background-color:#FFFFFF;
color:#5170b6;
padding:2px;
text-align:center;
}

    table {
      
      }
    
   td {
    padding: 4px;
    border-bottom: 1px solid black;
   
  }
  
    th {
     padding: 4px;
     border-bottom: 2px solid black;
    
}
     
    td.back_color {
    background-color: #FFFFCC;
   
  } 
    
    .collapsus { border-collapse: collapse; } 

p.demand_response {
    text-indent: 1em;
    margin: 1px; 
   }


#end_footer { 
margin-left:300px;
float: left;
width:200px;
height: 2px;
}


/* Active navigation */

     body#demand_r a#nav-demand_r
     {
        background: transparent url('images/demand_response_hover.gif') no-repeat;
}

     body#fares a#nav-fares
     {
        background: transparent url('images/fares_hover.gif') no-repeat;
}

     body#contact a#nav-contact
     {
        background: transparent url('images/contact_hover.gif') no-repeat;
}