/****************************************************************************************	
	[GENERAL SELECTORS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Back to my CSS */
body {
	color: #000;
	font: 10pt/1.5 "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: normal;
}
table td {
	font-size: 8pt;
	line-height: 1.3;
}
table caption {
	font-weight: bold;
	font-size: 14pt;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
}
strong, cite {font-weight: bold;}
em {font-style: italic;}
blockquote {font: italic 11pt/1.4 Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {
	font-size: 16pt;
	font-weight: 500;
	color: #000;
	margin-bottom: 15px;
	line-height: 1.3;
}
h2, h3, h4, h5, h6 {
	font-size: 14pt;
	margin-bottom: 9px;
}
h3 {
	font-size: 13pt;
	font-weight: bold;
}
h4, h5, h6 {font-size: 12pt;}
h5, h6 {font-size: 11pt;}

/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
fieldset fieldset {border: none;}
	fieldset legend span {
		font-weight: bold;
		font-size: 15pt;
		display: block;
		padding-bottom: 10px;
	}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	fieldset input.txt-input,
	fieldset input.sml-input {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.sml-input {width: 80px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content table {margin-bottom: 30px;}
#main-content table table {margin: 0;}
/* Lists */
#main-content ul, #main-content ol {margin-left: 44px;}
#main-content ul {list-style: disc;}
#main-content ol {list-style: decimal;}
	#main-content ol ol {list-style: lower-alpha;}
		#main-content ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 8px 0 16px 20px;}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
form p.form-hint,
form div.submit,
form fieldset em,
#header h1, #header ul,
#subnav,
#footer ul, #footer p span,
#main-content div.content p.back,
#utility, #breadcrumbs, #flashContent,
#bus-links, .read-more, #listings-link,
#filters, a.tooltip, object#YourBus,
embed {display: none;}

/* [SHOW ELEMENTS]
-------------------------------------------------------*/
.show-for-print {display: block;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {width: 100%;}

/* [HEADER]
-------------------------------------------------------*/
#header {
	border-bottom: 3px solid #000;
	padding-bottom: 10px;
}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {padding: 30px 0 20px 0;}
	/* Page Title + Logo */
	#main-content #title-logo {
		float: left;
		width: 100%;
	}
		#main-content #title-logo img {
			display: block;
			float: right;
		}
		#main-content #title-logo h1 {
			font-size: 20pt;
			margin: 0;
			width: 450px;
			float: left;
			line-height: 1.1;
		}
	/* Content */
	#main-content div.content {
		clear: both;
		padding-top: 30px;
	}
	/* Panel */
	body.panel #main-content div.panel {
		border-top: 1px solid #000;
		font-size: 9pt;
		padding-top: 16px;
		margin: 0 60px;
	}
		body.panel #main-content div.panel h1 {
			font-size: 13pt;
			line-height: 1.2;
		}
		body.panel #main-content div.panel h2,
		body.panel #main-content div.panel h3,
		body.panel #main-content div.panel h4,
		body.panel #main-content div.panel h5,
		body.panel #main-content div.panel h6 {font-size: 11pt;}
	/* Homepage Columns */
	body.home #main-content div.columns {
		border: 2px solid #000;
		padding: 20px;
		margin-bottom: 20px;
	}
		body.home #main-content div.columns h1 {
			font-size: 16pt;
			text-transform: uppercase;
			margin: 0 0 15px 0;
		}
		/* News */
		body.home #main-content #news ul {margin-bottom: 0;}
			body.home #main-content #news ul li {
				font-size: 13pt;
				margin-bottom: 8px;
			}
				body.home #main-content #news ul li p {margin: 0;}
		/* Feature */
		body.home #main-content #feature #feature-img {
			float: left;
			width: 258px;
		}
			body.home #main-content #feature #feature-img img {
				display: block;
				width: 258px;
				border: 1px solid #000;
				padding: 1px;
			}
			body.home #main-content #feature #feature-txt {
				margin-left: 280px;
				font-size: 12pt;
			}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 3px solid #000;
	padding: 5px 0 0 0;
	clear: both;
}
	#footer p {
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #666;
		text-align: center;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* Senior Staff + Fleet */
#main-content div.content ul.profiles {
	margin-left: 0;
	list-style: none;
}
	#main-content div.content ul.profiles li {
		border-bottom: 1px dotted #666;
		margin-bottom: 16px;
		padding-bottom: 16px;
		position: relative;
		min-height: 111px;
	}
	#main-content div.content ul.profiles.fleet li {min-height: 81px;}
	#main-content div.content ul.profiles li ul {list-style: none;}
	#main-content div.content ul.profiles li ul li,
	#main-content div.content ul.profiles.fleet li ul li {
		border: none;
		margin: 0;
		padding: 0;
		min-height: 0;
	}
		#main-content div.content ul.profiles li img {
			width: 101px;
			height: 111px;
			position: absolute;
			top: 0;
			left: 0;
		}
		#main-content div.content ul.profiles.fleet li img {height: 81px;}
		#main-content div.content ul.profiles li p,
		#main-content div.content ul.profiles li h2,
		#main-content div.content ul.profiles li h3,
		#main-content div.content ul.profiles li ul,
		#main-content div.content ul.profiles li dl {margin: 0 0 0 120px;}
		#main-content div.content ul.profiles li h2 {
			font-size: 12pt;
			font-weight: bold;
		}
		#main-content div.content ul.profiles li h3 {
			font-size: 11pt;
			margin-bottom: 0.10em;
		}
		#main-content div.content ul.profiles.fleet li dl {
			font-size: 11pt;
			margin-bottom: 0.60em;
		}
			#main-content div.content ul.profiles.fleet li dl dt,
			#main-content div.content ul.profiles.fleet li dl dd {display: inline;}
			#main-content div.content ul.profiles.fleet li dl dt {font-weight: bold;}

/* Testimonials + Annoucements */
#main-content div.content ul#testimonials li p {margin-bottom: 0;}
#main-content div.content ul#testimonials li blockquote p,
#main-content div.content ul#testimonials li h2,
#main-content div.content ul#annoucements li h2 {margin-bottom: 0.20em;}

/* FAQs */
#main-content div.content ul#faqs li p {
	margin-bottom: 0.50em;
	clear: both;
}
	#main-content div.content ul#faqs li p em {
		color: #eb3534;
		font: normal bold 1.2em Georgia, "Times New Roman", Times, serif;
	}

/* News */
#main-content div.content ul#news li {margin-bottom: 0.50em;}
	#main-content div.content ul#news li a {font-weight: bold;}

/****************************************************************************************
	[TABLES]
*****************************************************************************************/

/* [DEFAULT TABLE]
-------------------------------------------------------*/
#main-content div.content table.tble-default {width: 100%;}
	#main-content div.content table.tble-default th,
	#main-content div.content table.tble-default td {
		vertical-align: top;
		padding: 3px;
		border: 1px solid #999;
	}
	#main-content div.content table.tble-default thead th {
		font-weight: bold;
		text-transform: uppercase;
	}
	/* Set some widths */
	#wrapper #main-content div.content table.tble-default th.sixty-five {width: 65%;}
	#wrapper #main-content div.content table.tble-default th.sixty {width: 60%;}
	#wrapper #main-content div.content table.tble-default th.fifty {width: 50%;}
	#wrapper #main-content div.content table.tble-default th.forty {width: 40%;}
	#wrapper #main-content div.content table.tble-default th.thirty {width: 30%;}
	#wrapper #main-content div.content table.tble-default th.twenty-five {width: 25%;}
	#wrapper #main-content div.content table.tble-default th.twenty {width: 20%;}
	#wrapper #main-content div.content table.tble-default th.fifteen {width: 15%;}
	#wrapper #main-content div.content table.tble-default th.ten {width: 10%;}
	#wrapper #main-content div.content table.tble-default th.five {width: 5%;}

/* [TIMETABLE MAIN TBLE]
-------------------------------------------------------*/ 
#main-content div.content table.tble-default.timetable {}
	#main-content div.content table.tble-default.timetable caption {
		text-align: left;
		border: none;
	}
	#main-content div.content table.tble-default.timetable thead th.twenty-five {
		color: #999;
		font-style: italic;
	}
	#main-content div.content table.tble-default.timetable thead th,
	#main-content div.content table.tble-default.timetable tbody td {text-align: center;}
	#main-content div.content table.tble-default.timetable tbody td,
	#main-content div.content table.tble-default.timetable thead td {font-size: 9pt;}
	#main-content div.content table.tble-default.timetable thead th.twenty-five {text-align: left;}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [DIVIDING LIST ITEMS]
-------------------------------------------------------*/
#main-content div.content ul.dividers,
#main-content div.content ul.plain {
	margin-left: 0;
	list-style: none;
}
	#main-content div.content ul.dividers li {
		border-bottom: 1px dotted #666;
		margin-bottom: 16px;
		padding-bottom: 16px;
	}

/* [DATE]
-------------------------------------------------------*/
#main-content div.content p.date,
#main-content div.content span.date {
	color: #666;
	margin-bottom: 0.60em;
}
#main-content div.content span.date {margin: 0;}

/* [STRONG HEADER]
-------------------------------------------------------*/
#main-content div.content .strong-hdr {
	font-weight: bold;
	font-size: 16pt;
	text-transform: uppercase;
	margin: 0 0 20px;
}
	#main-content div.content .strong-hdr span {
		display: block;
		font-weight: normal;
		font-size: 13pt;
	}
	#main-content div.content .strong-hdr span.desc {
		font-size: 11pt;
		text-transform: none;
	}

/* [TURN OFF]
-------------------------------------------------------*/
#main-content div.content p.no-margin {margin-bottom: 0 !important;}

