/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");

body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #F9FDFF url(../images/body-bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; }

/* DOCUMENT WIDE STYLES, AND TEXT*/
a { color: #00539F; text-decoration: none; }
a:hover { color: #023C66; }
h1 { font-size: 1.2em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #00539F; padding-bottom: 10px; }
h2 { font-size: 1em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #023C66; line-height: 1.2em; padding-bottom: 10px; }
h3 { font-size: .8em; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #023C66; line-height: 1.2em; padding-bottom: 10px; }
p { font-size: .8em; line-height: 1.4em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; color: #333333; padding-bottom: 12px; }
p.sm-text { font-size: .7em; width: 292px; }
ul, ol { font-size: .8em; padding: 0px 30px 10px 30px; }
ul li, ol li { padding-bottom: 7px; }
.bold { font-weight: bold; }
.img { padding: 15px 0px 15px 0px; }
table { border-collapse: collapse; }
table.sale-details { font-size: 11px; color: #666666; padding-bottom: 12px; }
tr.alt { background: #f2f2f2; }
td { padding: 4px; width: 230px; }
td.price { font-size: 14px; padding: 8px; }

/* GIVES THE FOOTER FULL WIDTH, CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 774px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -135px; }

/* HEADER, LOGO, BANNER LAYOUT */
#header { float: left; width: 774px; background: #ffffff; }
#banner-left { float: left; width: 344px; }
#logo { padding: 20px 0px 17px 15px; }
#banner-right { float: left; width: 430px; }

/* NAVIGATION LAYOUT */
#nav { float: left; width: 774px; }
#nav ul { float: left; width: 774px; margin: 0px; padding: 0px; list-style-type: none; }
#nav ul li { float: left; height: 46px; }
#nav ul li a { float: left; height: 46px; }

#nav ul li#home { background: url(../images/nav-home.jpg) no-repeat; width: 84px; }
#nav ul li#about { background: url(../images/nav-about.jpg) no-repeat; width: 97px; }
#nav ul li#employment { background: url(../images/nav-employment.jpg) no-repeat; width: 144px; }
#nav ul li#contact { background: url(../images/nav-contact.jpg) no-repeat; width: 105px; }
#nav ul li#charters { background: url(../images/nav-charters.jpg) no-repeat; width: 117px; }
#nav ul li#sales { background: url(../images/nav-sales.jpg) no-repeat; width: 84px; }
#nav ul li#contracting { background: url(../images/nav-contracting.jpg) no-repeat; width: 143px; }

#nav ul li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 84px; }
#nav ul li#about a { background: url(../images/nav-about.jpg) no-repeat; width: 97px; }
#nav ul li#employment a { background: url(../images/nav-employment.jpg) no-repeat; width: 144px; }
#nav ul li#contact a { background: url(../images/nav-contact.jpg) no-repeat; width: 105px; }
#nav ul li#charters a { background: url(../images/nav-charters.jpg) no-repeat; width: 117px; }
#nav ul li#sales a { background: url(../images/nav-sales.jpg) no-repeat; width: 84px; }
#nav ul li#contracting a { background: url(../images/nav-contracting.jpg) no-repeat; width: 143px; }

#nav ul li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; width: 84px; }
#nav ul li#about a:hover { background: url(../images/nav-about-over.jpg) no-repeat; width: 97px; }
#nav ul li#employment a:hover { background: url(../images/nav-employment-over.jpg) no-repeat; width: 144px; }
#nav ul li#contact a:hover { background: url(../images/nav-contact-over.jpg) no-repeat; width: 105px; }
#nav ul li#charters a:hover { background: url(../images/nav-charters-over.jpg) no-repeat; width: 117px; }
#nav ul li#sales a:hover { background: url(../images/nav-sales-over.jpg) no-repeat; width: 84px; }
#nav ul li#contracting a:hover { background: url(../images/nav-contracting-over.jpg) no-repeat; width: 143px; }

#nav ul li#home a.highlight { background: url(../images/nav-home-over.jpg) no-repeat; }
#nav ul li#about a.highlight { background: url(../images/nav-about-over.jpg) no-repeat; }
#nav ul li#employment a.highlight { background: url(../images/nav-employment-over.jpg) no-repeat; }
#nav ul li#contact a.highlight { background: url(../images/nav-contact-over.jpg) no-repeat; }
#nav ul li#charters a.highlight { background: url(../images/nav-charters-over.jpg) no-repeat; }
#nav ul li#sales a.highlight { background: url(../images/nav-sales-over.jpg) no-repeat; }
#nav ul li#contracting a.highlight { background: url(../images/nav-contracting-over.jpg) no-repeat; }

/* CONTENT LAYOUT */
#content { float: left; width: 774px; background: #ffffff; padding: 0px 0px 15px 0px; }
#text { padding: 15px 30px 15px 30px; text-align: left; }
#left-col { float: left; width: 372px; padding: 0px 15px 0px 10px; }
#right-col { float: left; width: 292px; padding: 12px 12px 5px 13px; background: #F2F2F2; }
.divider { float: left; width: 90%; padding: 15px 5% 0px 5%; margin-bottom: 20px; border-bottom: solid 1px #00539F; }
* html .divider { padding: 0px 5% 0px 5%; }
.emblem { float: left; width: 115px; padding: 0px 20px 7px 0px; }

/* CONTENT CHARTER NAV LAYOUT */
#motor-coach { background: url(../images/nav-charter-coach.jpg) no-repeat; float: left; width: 292px; height: 72px; padding: 0px 0px 5px 0px; }
#motor-coach a { background: url(../images/nav-charter-coach.jpg) no-repeat; float: left; width: 292px; height: 72px; }
#motor-coach a:hover { background: url(../images/nav-charter-coach-over.jpg) no-repeat; }
#motor-coach a.highlight { background: url(../images/nav-charter-coach-over.jpg) no-repeat; }

#school-bus { background: url(../images/nav-charter-school.jpg) no-repeat; float: left; width: 292px; height: 72px;padding: 0px 0px 5px 0px; }
#school-bus a { background: url(../images/nav-charter-school.jpg) no-repeat; float: left; width: 292px; height: 72px; }
#school-bus a:hover { background: url(../images/nav-charter-school-over.jpg) no-repeat; }
#school-bus a.highlight { background: url(../images/nav-charter-school-over.jpg) no-repeat; }

#senior-bus { background: url(../images/nav-charter-senior.jpg) no-repeat; float: left; width: 292px; height: 72px;padding: 0px 0px 5px 0px; }
#senior-bus a { background: url(../images/nav-charter-senior.jpg) no-repeat; float: left; width: 292px; height: 72px; }
#senior-bus a:hover { background: url(../images/nav-charter-senior-over.jpg) no-repeat; }
#senior-bus a.highlight { background: url(../images/nav-charter-senior-over.jpg) no-repeat; }

/* CONTACT PAGE LAYOUT */
#map { float: left; width: 350px; height: 250px; margin: 10px 0px 0px 0px; }

/* FOOTER LAYOUT */
#footer { background: url(../images/footer-bg.jpg) repeat-x; float: left; width: 100%; height: 135px; }
#footer-bg { margin: 0 auto; background: url(../images/footer-img.jpg) no-repeat 0 19px; width: 774px; height: 135px; }
/* SERVICES */
#footer-services { background: url(../images/tab-footer-services.png) no-repeat; margin: 12px 0px 0px 12px; width: 147px; height: 100px; float: left; }
#footer-services ul { list-style: none; float: left; font-size: .8em; padding: 10px 0px 0px 13px; width: 130px; }
#footer-services ul li { float: left; color: #ffffff; padding: 0px 7px 0px 0px; }
#footer-services ul li a { float: left; padding-right: 7px; color: #ffffff; text-decoration: none; }
#footer-services ul li a:hover { text-decoration: underline; }
#footer-services ul li a.highlight { color: #89CBF4; }
/* OTHER NAV LINKS */
#footer-nav { float: right; width: 300px; }
#footer-nav ul { list-style: none; float: right; font-size: .8em; padding: 25px 0px 0px 23px; }
#footer-nav ul li { float: left; padding-right: 7px; color: #ffffff; }
#footer-nav ul li a { float: left; padding-right: 7px; color: #ffffff; text-decoration: none; }
#footer-nav ul li a:hover { text-decoration: underline; }
#footer-nav ul li a.highlight { color: #89CBF4; }
/* MODERNLOGO */
#modernearth a { float: right; clear: both; margin: 0px 10px 5px 0px; }
#binarycanary a { float: right; clear: both; text-decoration: none; font-size: 10px; color: #B3B3B3; margin: 0px 10px 5px 0px; }

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }