/* ------------ SETUP ------------ */

body {
	background: #fcfcfc;
	color: #003D78;
}

body, html, ul#navlist, ul#our-services, ul#subnavlist {
	margin: 0;
	padding: 0;
}

#wrap {
	width: 973px;
	min-width: 973px;
	margin: 0 auto;
	font-size: 90%;
}

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

#header {
	margin: 28px 0;
	background: transparent url(/images/header-bg.gif) top right no-repeat;
	position: relative;
}

#logo { float: left; }

#header-pics {
	position: absolute;
	top: 67px;
	right: 0;
}

/* ------------ MAIN MENU ------------ */

ul#navlist {
	font-size: 11px;
	line-height: 1.0;
}

/* Hide from IE Mac \*/
ul#navlist {
	width: 900px;
	position: absolute;
	right: 0;
	top: 106px;
}

#right-sidebar ul#navlist { top: 0; }

/* End hide from IE Mac */


.home ul#navlist { 	margin-top: 145px; }

ul#navlist li {
	list-style: none;
	float: right;
	text-align: center;
	width: 110px;
}

ul#navlist li#nav-land { position: relative; left: 4px; }
ul#navlist li#nav-economic { position: relative; left: 8px; }
ul#navlist li#nav-hazmat { position: relative; left: 12px; }
ul#navlist li#nav-housing { position: relative; left: 16px; }
ul#navlist li#nav-environmental { position: relative; left: 20px; }
ul#navlist li#nav-transportation { position: relative; left: 24px; }
ul#navlist li#nav-home { position: relative; left: 28px; }


ul#navlist a {
	color: white;
	text-decoration: none;
	padding: 2px 2px 0 12px;
	height: 42px;
	width: 96px;
	display: block;
	background: transparent url(/images/menu-whole.gif) bottom right no-repeat;
}

ul#navlist li#nav-home { width: 121px; }
ul#navlist li#nav-home a { width: 107px; }

ul#navlist a:hover, ul#navlist a:focus, ul#navlist a:active {
	background-position: top right;
}

/* DEFINE BACKGROUND COLORS FOR NO IMAGES */

ul#navlist li a span { background: #687818; line-height: 1.2; }
ul#navlist li a:hover span, ul#navlist li a:focus span, ul#navlist li a:active span { background: #003D78; }

/* HORIZONTALLY CENTER THE LINK TEXT */

ul#navlist li#nav-land a,
ul#navlist li#nav-economic a,
ul#navlist li#nav-housing a,
ul#navlist li#nav-environmental a,
ul#navlist li#nav-transportation a {
	padding-top: 8px;
	height: 36px;
}

ul#navlist li#nav-home a { 
	padding-top: 14px;
	height: 30px;
}

/* ------------ ONE COLUMN NO SIDEBAR ------------ */

#text {
	width: 890px;
	margin-left: 40px;
}

#text h1, #text h2, #text h3, #text h4, #text h5, #text h6 {
	width: 905px;
}

.programs {
	float: left;
	width: 210px;
	margin-bottom: 20px;
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 10px;
}

.programs a {
	color: #687818;
	text-decoration: none;
}

.programs a:hover, .programs a:focus, .programs a:active {
	color: #003D78;
	text-decoration: underline;
}


/* ------------ TWO COLUMNS RIGHT SIDEBAR ------------ */

#right-sidebar #content-wrap {
	background: transparent url(/images/right-sidebar-bg.gif) top left repeat-y;
}

/* TEXT */

#right-sidebar #text {
	display: inline;
	width: 560px;
	margin-left: 40px; /* needs to add up to 600px */
	float: left; 
}

#right-sidebar #text h1, #right-sidebar #text h2, #right-sidebar #text h3,
#right-sidebar #text h4, #right-sidebar #text h5, #right-sidebar #text h6 {
	width: 575px;
}

/* HOME SERVICES ICONS */

ul#our-services li {
	list-style: none;
	text-align: center;
	float: left;
}

li#services-transportation { width: 85px; padding-right: 20px; }
li#services-housing { width: 60px; padding-right: 20px; }
li#services-environmental { width: 85px; padding-right: 20px; }
li#services-economic { width: 110px; padding-right: 15px; }
li#services-hazmat { width: 125px; }

li#services-transportation a { 
	background: transparent url(/images/icons-transportation.jpg) center 10px no-repeat; 
	width: 85px;
}

li#services-housing a { 
	background: transparent url(/images/icons-housing.jpg) center top no-repeat;
	width: 60px;
}

li#services-environmental a { 
	background: transparent url(/images/icons-environmental.jpg) center top no-repeat; 
	width: 85px;
}

li#services-economic a { 
	background: transparent url(/images/icons-economic.jpg) center top no-repeat;
	width: 110px;
}

li#services-hazmat a { 
	background: transparent url(/images/icons-hazmat.jpg) center -1px no-repeat; 
	width: 125px;
}


ul#our-services a {
	text-decoration: none;
	padding-top: 65px;
	display: block;
}

ul#our-services a:hover, ul#our-services a:focus, ul#our-services a:active { 
	color: #687818;
	background-position: center -163px;
}

li#services-transportation a:hover { background-position: center -165px; }
li#services-hazmat a:hover { background-position: center -164px; }

/* ContactUsRideOnForm */

.ContactUsRideOnForm {}

.ContactUsRideOnForm label {font-weight: bold;}
.ContactUsRideOnForm .field {margin-bottom:10px;}

/* SIDEBAR */

#right-sidebar #sidebar {
	width: 305px; /* takes the 15px offset headings into account */
	float: right; 
}

#right-sidebar #sidebar ul {
	margin-left: 15px;
	padding-left: 0;
	color: #687818;
}

#right-sidebar #sidebar ul li { margin-bottom: 15px; }

#right-sidebar #sidebar .sidebar-icons {
	margin: 15px 0 0 0;
	list-style: none;
}

.sidebar-icons a { 
	text-decoration: none;
	font-weight: bold;
	vertical-align: -8px;
}

.sidebar-icons a:hover, .sidebar-icons a:focus, .sidebar-icons a:active { color: #687818; }


#right-sidebar #sidebar h1, #right-sidebar #sidebar h2, #right-sidebar #sidebar h3, #right-sidebar #sidebar h4, #right-sidebar #sidebar h5, #right-sidebar #sidebar h6 { 
	width: 320px;
}

/* ------------ TWO COLUMNS LEFT SIDEBAR ------------ */

#left-sidebar #content-wrap {
	background: transparent url(/images/left-sidebar-bg.gif) top left repeat-y;
	color: #00529B;
}

/* TEXT */

#left-sidebar #content-wrap a { color: #00529B; }

#left-sidebar #text {
	width: 700px;
	float: right;
	display: inline;
	margin-right: 52px;
}


#left-sidebar h1, #left-sidebar h2, #left-sidebar h3, #left-sidebar h4, #left-sidebar h5, #left-sidebar h6 {
	width: auto;
	background-image: none;
	left: 0;
	padding: 0;
	font-size: 170%;
	color: #9CA768;
}

#left-sidebar h3, #left-sidebar h4, #left-sidebar h5, #left-sidebar h6 { 
	font-size: 140%;
}

/* SIDEBAR */

#left-sidebar #sidebar {
	width: 175px;
	float: left;
	text-align: right;
}

#left-sidebar ul#subnavlist {
	list-style: none;
	margin: 30px 0;
	font-size: 120%;
}

#left-sidebar ul#subnavlist li { margin-bottom: 10px; }

#left-sidebar ul#subnavlist a {
	color: #00529B;
	text-decoration: none;
	width: 175px;
	display: block;
}

#left-sidebar ul#subnavlist a:hover, #left-sidebar ul#subnavlist a:focus, ul#subnavlist a:active {
	text-decoration: underline;
}

p#ride-call {
	background: #3668AA url(/images/call-bg.gif) top left no-repeat;
	width: 175px;
	height: 51px;
	padding-top: 5px;
	text-align: center;
	color: white;
	font-size: 130%;
}


/* ------------ FOOTER ------------ */

#footer {
	padding: 30px 0;
	text-align: center;
	color: #687818;
	line-height: 2.0;
}

#footer p {
	margin: 0;
}

#footer a { text-decoration: none; }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; }

/* ------------ EXTRAS ------------ */

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.clear { clear: both; }

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */


/* ------------ FOR IE5MAC ------------ */

/*\*//*/
#header-pics { display: none; }
ul#navlist { width: 875px; margin-top: 106px; }
ul#navlist li { width: 80px; }

ul#navlist a { 
	background: #687818;
	width: 80px;
	padding: 0;
	background-image: none;
	margin-left: 10px;
}

ul#navlist a:hover, ul#navlist a:focus, ul#navlist a:active { background: #003D78; }
/**/

