body {
margin: 0px;
font-family:arial,sans-serif;
background-color: #fffbd9;
}

#middle hr.line{
height: 1px;
}





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



#header {
width:750px;
margin:0px auto;
padding:7px 0 0 0;
}


.logo a {
background: transparent url(../images/Delta-Rides-logo.png) no-repeat;
margin-left: 0px;
display: block;
float: left;
width: 270px;
height: 80px;
}

.logo a:hover {
background: transparent url('delta_logo.jpg') no-repeat;
} 


#links {
padding:0px;
float: right;
margin-left: 0px;


}




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

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


.fixed_bus_routes_l a {
background: transparent url('transport_links.gif') no-repeat;
display: block;
float: right;
margin-left: 3px;
width: 81px;
height: 75px;
}

.fixed_bus_routes_l a:hover {
background: transparent url('transport_links_hover.gif') no-repeat;
} 

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

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

/* ----- ROLLOVERS ----- */

#maps_link {height:89px;width:77px;background: url(../images/nav_links/fixed_routes.png);display: block;}
a#maps_link:hover {background: url(../images/nav_links/rollover/fixed_routes.png)}

#paratransit_link {height:89px;width:105px;background: url(../images/nav_links/paratransit.png);display: block;}
a#paratransit_link:hover {background: url(../images/nav_links/rollover/paratransit.png)}

#provider_link {height:89px;width:99px;background: url(../images/nav_links/Transit-providers.png);display: block;}
a#provider_link:hover {background: url(../images/nav_links/rollover/Transit-providers.png)}

#trip_calendar_link {height:89px;width:83px; background: url(../images/nav_links/trip_calendar.png);display: block;}
a#trip_calendar_link:hover {background: url(../images/nav_links/rollover/trip_calendar.png)}




/* ----- MAIN CONTENT ----- */




#content { 
width:750px;
margin:0px auto;
}



.table_header {
background-color:#5170b6;
color:#FFFFFF;
padding:0px;
text-align:left;
font-size:130%;
}

#schedule_header {
width:700px;
height:30px;
margin-left: 20px;
margin-top: 10px;
background-color:#FFFFFF;
}

#intro_text {
margin-bottom: 10px;
margin-top: 10px;
font-size:80%;
}

#intro_text {
margin-bottom: 10px;
margin-top: 10px;
font-size:80%;
}

#route_links,h3#route_links {
background-color:#005bab;
width: 750px;
margin:0 auto;
margin-bottom: 10px;
color:#FFFFFF;
padding:3px;
text-align:left;
font-weight: bold;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}

#route_links_invert {
background-color:#FFFFFF;
width: 600px;
margin-bottom: 10px;
color:#5170b6;
float:left;
padding:0px;
text-align:left;
}


#service_text {
float:left;
float:left;
width:600px;
height:20px;
margin-left: 20px;
margin-bottom: 10px;
background-color:#FFFFFF;
}

#dart_service_text {
float:left;
width:600px;
height:100px;
margin-left: 20px;
margin-bottom: 10px;
background-color:#FFFFFF;
}


    table {
      
      }
    
   td {
    padding: 0px;
    text-align:left;
  }

 
    th {
     padding: 0px;
     text-align:left;
}
  
     
    td.spacer {
    background-color: #000000;
}

    td.back_color {
    background-color: #FFFFCC;
  } 
    
    th.back_color {
    background-color: #FFFFCC;
  }
  
  
.fares td, .fares th {padding:5px 15px 5px 0px;margin:0px;}
.thin_rule_below td {border-bottom: 1px solid black;}
.thick_rule_below td,.thick_rule_below th {border-bottom: 2px solid black;}
.thick_rule_above_below th {border-bottom: 2px solid black;
border-top: 2px solid black;}


.collapsus { border-collapse: collapse; padding:8px; border:2px solid black;} 
.collapsus td {border-top:1px solid gray;padding:5px;}
.collapsus th {border-top:1px solid gray;padding:5px;}

.new_headsign {padding-top:15px;}

.new_headsign_back_color {padding-top:15px;background-color: #FFFFCC;}

table.nav_table td {padding:0px;}

td.indented_cell {padding-left:15px;}

#directory_border { 
float:left;
width:600px;
margin-left: 0px;
margin-top: 20px;
height:325px;
background-color:#FFFFFF;
}




#directory_table {
float:left;
margin-top: 10px;
margin-left: 20px;


}





p.about {
    margin: 0px; 

   }

#times_text { 
width:700px;
margin-left: 0px;
background-color:#FFFFFF; 
}

#agency_links { 

}

#regional_map_links { 
margin-left: 0px;
}

#container { 
width:750px;
background-color:#FFFFFF; 
margin-top:20px;
margin-bottom: 20px;
}

#legend {  
width : 750px;
height: 60px;
margin-left: 0px;
margin-top: 0px;
}

#routes_container {  
width: 700px;
margin-left: 0px;
margin-top: 0px;
}


#text_links_container {  
width: 650px;
float:left;
margin-left: 75px;
margin-top: 30px;
}


.fixed_bus_routes a {
background: transparent url('fixed_bus_routes.jpg') no-repeat;
display: block;
float: left;
border-right: 1px solid purple;
margin-left: 3px;
width: 150px;
height: 25px;
}

.fixed_bus_routes  a:hover {
background: transparent url('fixed_bus_routes_hover.jpg') no-repeat;
} 


.door_to_door a {
background: transparent url('door_to_door.jpg') no-repeat;
display: block;
border-right: 1px solid purple;
float: left;
margin-left: 3px;
width: 150px;
height: 25px;
}

.door_to_door  a:hover {
background: transparent url('door_to_door_hover.jpg') no-repeat;
} 

.transit_providers a {
background: transparent url('transit_providers.jpg') no-repeat;
display: block;
border-right: 1px solid purple;
float: left;
margin-left: 3px;
width: 150px;
height: 25px;
}

.transit_providers  a:hover {
background: transparent url('transit_providers_hover.jpg') no-repeat;
} 

.trip_calendar a {
background: transparent url('trip_calendar.jpg') no-repeat;
display: block;
float: left;
margin-left: 3px;
width: 150px;
height: 25px;
}

.trip_calendar  a:hover {
background: transparent url('trip_calendar_hover.jpg') no-repeat;
} 

#phone_number {  
width: 200px;
float:left;
margin-left: 250px;
margin-top: 10px;
}



a:link { color: #662484; text-decoration: none; font-weight: bold; }
a:link:active { color: black; outline: gray 1px dotted;  font-weight: bold;}
a:visited { color: Gray; text-decoration: none;  font-weight: bold;}
a:hover { color: red; text-decoration: underline;  font-weight: bold;}

.agency_map_links a {color:#662484;}

.agency_map_links {
line-height:130%;
padding-bottom:12px;}

.service_days {font-size:80%;font-style:italic;background-color: #d5d5d5;}



#Footer {
	padding: 51px 0 0 0;
	margin:0px;
	width: 100%;
	background: transparent url(../images/wavy-lines-bottom.png) repeat-x top left;
	font-size: 90%;
	text-align: center;
	font-size:90%;

	}

#Footer a {margin-left:6px;margin-right:6px;}


#Footer ul
{margin-top:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}

#Footer li
{
display: inline;
list-style-type: none;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 6px;
padding-top: 6px;
font-weight: bold;
margin:0px;
}

#ContentWrapper {
display:block;
background-color:white;
padding:0 0 10px 0;
border-top:1px solid black;
}

#HeaderWrapper {
display:block;
padding:0px;
}

p {line-height: 120%;font-size: 85%;}