*	{ border: none; margin: 0px; padding: 0px; }
a	{ color: #1A4C99; text-decoration: underline; }
body	{ background: #123360; }
body, td, th	{ color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }
h1	{ font-size: 16px; font-weight: bold; line-height: 30px; }
h2	{ font-size: 13px; font-weight: bold; line-height: 30px; }

.h1	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 30px; }
.heading2 {
	background: #DDDDDD;
	text-align: center;
}
.hdr_address	{ color: #FFFFFF; float: right; font-size: 13px; font-weight: bold; margin: 40px 10px 0 0; padding: 10px; }
.s01	{ background: #184681 url(img/bg1.png) top center repeat-y; }
.s02	{ margin: auto; width: 100%; max-width: 960px; position: relative; }

.s03	{ margin: 10px 10px 0px 20px; }
.s04	{ background: url(img/bg2.png) bottom left repeat-x; }
.s05	{ background: url(img/bg2_left.png) top left no-repeat; }
.s06	{ background: url(img/bg2_right.png) top right no-repeat; }
.s07	{ height: 60px; }
.s07 th	{ background: url(img/bg2_div.png) bottom center no-repeat; overflow: hidden; width: 2px; }
.s07 a	{ color: #FFFFFF; display: block; font-weight: bold; height: 50px; line-height: 50px; text-align: center; text-decoration: none; }
.s08	{ font-size: 14px; height: 30px; line-height: 30px; }
.s08 a	{ background: #CCFFCC; color: #006600; display: block; }
.s08 a:hover	{ background: #C0DFFD; color: #1A4C99; }
.s09	{ background: url(img/bg3.png) top left repeat-x; }
.s10	{ background-color: #FFFFFF; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; }
.s11	{ background-color: #DDDDDD; color: #000000; height: 250px; }
.s12	{ height: 230px; /*margin: 10px 0px 10px 10px;*/ width: 440px; }
.s13	{ background: #C0DFFD url(img/bg4.png) top left repeat-x; }
.s14	{ padding: 10px 0px 20px 20px; }
.s15	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.s16	{ line-height: 20px; padding: 10px 0px 10px 10px; }
.s17	{ float: left; margin-right: 10px; }
.s18	{ clear: both; height: 5px; overflow: hidden; }
.s19	{ background: #FFFFFF url(img/bg7_left.png) top left repeat-y; }
.s20	{ background: url(img/bg7_right.png) top right repeat-y; }
.s21	{ background: url(img/bg4_left.png) top left no-repeat; }
.s22	{ background: url(img/bg4_right.png) top right no-repeat; }
.s23	{ background: url(img/bg5.png) bottom left repeat-x; }
.s24	{ background: url(img/bg6.png) bottom left repeat-x; }
.s25	{ background: url(img/bg6_left.png) bottom left no-repeat; }
.s26	{ background: url(img/bg6_right.png) bottom right no-repeat; clear: both; padding: 5px 20px 30px 20px; }
.s27	{ color: #D0D6DF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px 30px 20px 30px; border-top: 1px solid #2A436B; margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 8px;  background-color: #003366;}

.s27 a	{ color: #A0ADBF; }
.s28	{ color: #D0D6DF; }

.s28 a	{ color: #D0D6DF; text-decoration: underline; }
.s28 a:hover	{ color: #A0ADBF; }
.s29	{ background: url(img/bg8.png) top left repeat-x; clear: both; height: 10px; overflow: hidden; }
.s30	{ background: url(img/bg9_left.png) top left repeat-y; clear: both; }
.s31	{ background: url(img/bg9_right.png) top right repeat-y; }
.s32	{ padding-right: 10px; }
.s33	{ background: url(img/bg3_left.png) top left no-repeat; }
.s34	{ background: url(img/bg3_right.png) top right no-repeat; }
.s35	{ padding: 10px 0px 0px 10px; }
.s36	{ padding: 10px 10px 0px 0px; }
.s37	{ padding-top: 10px; }
.s38	{ background: #FFFFFF; height: 10px; margin: 0px 10px 0px 10px; overflow: visible; }
.s39	{ padding: 10px; }
.s40	{ background: url(img/bg10.png) center left repeat-x; height: 2px; overflow: hidden; }
.s41	{ background: url(img/bg10_tl.png) top left no-repeat; height: 20px; overflow: hidden; width: 20px; }
.s42	{ background: url(img/bg10_t.png) top left repeat-x; height: 20px; overflow: hidden; }
.s43	{ background: url(img/bg10_tr.png) top left no-repeat; height: 20px; overflow: hidden; width: 20px; }
.s44	{ background: url(img/bg10_l.png) top left repeat-y; overflow: hidden; width: 20px; }
.s45	{ background: url(img/bg10_r.png) top left repeat-y; overflow: hidden; width: 20px; }
.s46	{ background: url(img/bg10_bl.png) top left no-repeat; height: 20px; overflow: hidden; width: 20px; }
.s47	{ background: url(img/bg10_b.png) top left repeat-x; height: 20px; overflow: hidden; }
.s48	{ background: url(img/bg10_br.png) top left no-repeat; height: 20px; overflow: hidden; width: 20px; }
.s49	{ background: #407FB1; }
.s49 a	{ background: #407FB1; color: #FFFFFF; display: block; font-weight: bold; height: 30px; line-height: 30px; padding: 0px 10px 0px 10px; text-decoration: none; }
.s49 a:hover	{ background: #5194CF; }
.s50	{ padding-top: 10px; }
.s51	{ background: #CCCCCC top left no-repeat; float: right; height: 250px; width: 400px; }
.s52	{ margin-left: 10px; }
.s52 li { padding: 1px 0px 1px 10px; text-align: left; }
.s53	{ padding-top: 15px; }
.s54	{ padding-left: 20px; padding-right: 20px; text-align: justify; }
.s55	{ /* color: #000000; */ padding-top: 5px; }
.s56	{ padding-left: 10px; }
.s57	{ width: 100%; }
.s58	{ border-right: #81A2D7 1px solid; width: 50%; }
.s59	{ padding-left: 10px; width: 50%; }
.s60	{ background: #FFFFFF; }
.s61	{ padding: 0px 10px 0px 10px; text-align: justify; }
.s62 a	{ display: block; text-align: center; }
.s63	{ background-color: #FFFFFF; border: #81A2D7 1px solid; height: 400px; width: 918px; }
.s64	{ border: #81A2D7 1px solid; float: left; margin: 0px 10px 10px 0px; }
.s65	{ background: #81A2D7; height: 1px; overflow: hidden; }
.s66	{ background: #FFFFFF; border: #81A2D7 1px solid; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px;	width: 100%; }
.s67	{ margin-bottom: 5px; }
.s68	{ background: #FFFFFF; border: #759AD7 1px solid; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 100px; padding: 4px; width: 100%; }
.s69	{ margin: auto; width: 400px; }
.s70	{ background: #C0DFFD; border: #759AD7 1px solid; color: #1A4C99; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 9px 3px 9px; }
.s71 a	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.s72	{ padding-left: 15px; padding-right: 15px; }
.s73	{ border-top: #81A2D7 1px solid; }
.s74	{ padding-left: 5px; padding-right: 5px; }
.s75	{ background: #FFFFFF; border: #759AD7 1px solid; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 2px 4px 2px; width: 200px; }
.s76	{ background: #CCFFCC; color: #006600; display: block; font-size: 14px; height: 30px; line-height: 30px; }
.s77	{ float: right; padding: 10px 20px 0px 0px; width: 300px; }
.s78	{ color: #FFFF00; line-height: 15px; }
.s78 a	{ color: #FFFF00; line-height: 15px; }
.s79	{ padding: 5px 0px 5px 0px; }

.s81	{ left: 96px; position: relative; top: -10px; width: 400px; z-index: 1; }
.s82	{ position: absolute; z-index: 2; }
.s83	{ left: 547px; position: relative; top: -10px; width: 400px; z-index: 3; }
.s84	{ position: absolute; z-index: 4; }

#archived_news { display: none; }


/* Footer link styling */
.s27 a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 12px;
}
.s27 a:last-child {
	margin-right: 0;
}
.s27 a:hover {
	text-decoration: underline;
}

/* Responsive tweaks */

/* ===== TABLET & MOBILE (max-width: 768px) ===== */
@media (max-width: 768px) {
	/* Prevent horizontal scrollbar */
	body {
		overflow-x: hidden;
	}
	/* Force everything fluid */
	div, table, td, tr, img, iframe {
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Base layout */
	.s02 {
		padding: 0;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Header - center logo, stack office info below */
	.s03 {
		margin: 10px auto 0 auto !important;
		display: block;
		max-width: 180px;
		height: auto;
	}
	.office-info {
		display: none;
	}

	/* Navigation - horizontal wrapping buttons */
	.s04 {
		background: #184681;
		padding: 0 5px;
	}
	.s07 {
		height: auto !important;
		display: block !important;
	}
	.s07 tbody {
		display: block;
	}
	.s07 tr {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
	}
	.s07 td {
		display: block;
		width: auto !important;
		flex: 0 0 auto;
	}
	.s07 th {
		display: none !important;
	}
	.s07 a {
		height: 38px !important;
		line-height: 38px !important;
		font-size: 11px;
		padding: 0 8px !important;
		white-space: nowrap;
	}
	.s05, .s06 {
		background: none !important;
	}
	.s35, .s36 {
		padding: 0 !important;
	}
	.s50 {
		padding-top: 0 !important;
	}

	/* Dropdown menus */
	.s38 {
		height: 0 !important;
		margin: 0 !important;
	}
	.s81, .s83 {
		left: 10px !important;
		width: calc(100% - 20px) !important;
		position: relative;
		top: 0 !important;
	}
	.s82, .s84 {
		position: relative !important;
		width: 100%;
	}

	/* Slideshow & hero area */
	.s10 {
		margin: 0 !important;
		padding: 0 5px !important;
	}
	.s11 {
		height: auto !important;
		overflow: hidden;
	}
	.s51 {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	.s51 img, #img_slide {
		width: 100% !important;
		height: auto !important;
	}
	.s12 {
		width: 100% !important;
		height: auto !important;
	}
	.s39 {
		padding: 10px 5px;
	}

	/* Content area */
	.s26 {
		padding: 5px 10px 20px 10px !important;
	}

	/* ALL tables inside content: force fluid */
	.s26 table, .s55 table, .s72 table, .s57 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	/* Two-column content → stack vertically */
	.s57 tr, .s57 td, .s58, .s59 {
		display: block;
		width: 100% !important;
		border-right: none !important;
		padding-left: 0 !important;
	}

	/* Contact sub-page tables */
	.contact-section table {
		width: 100% !important;
	}

	/* All images responsive */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Schedules iframe (s63 = 918px) */
	.s63 {
		width: 100% !important;
		height: 500px !important;
	}

	/* Rates Request form (s69 = 400px fixed) */
	.s69 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		padding: 0 10px;
	}
	/* Form inputs (s66, s68, s75 = fixed widths) */
	.s66, .s68, .s75 {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Float right content (s77 = 300px) */
	.s77 {
		float: none !important;
		width: 100% !important;
		padding: 10px 0 !important;
	}

	/* Footer */
	.s27 {
		padding: 15px 10px !important;
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	.s28 { text-align: center; }
	.footer-copy { text-align: center; margin-top: 4px; }

	/* Image maps */
	img[usemap] {
		max-width: 100%;
		height: auto;
	}

	/* Cargo View form */
	.cargo-form-cols {
		flex-direction: column !important;
		gap: 0 !important;
	}
	.cargo-signin-box, .cargo-request-box {
		padding: 20px 15px !important;
	}
	.cargo-view-wrapper {
		padding: 0 10px !important;
	}

	/* About page */
	.about-hero {
		margin: 0 !important;
		padding: 30px 15px !important;
	}
	.about-hero h1 { font-size: 22px !important; }
	.history-block .history-text,
	.history-block .history-img {
		float: none !important;
		width: 100% !important;
		padding: 10px 0 !important;
	}
	.history-divider { margin: 0 10px !important; }
	.stats-row { flex-wrap: wrap; }
	.stat-box { min-width: 45% !important; }
	.founder-stats {
		margin: 20px 0 !important;
		padding: 25px 15px !important;
	}
	.certs-row img { margin: 10px 10px !important; }

	/* Equipment page data cells */
	.s26 td[width="60"] {
		width: auto !important;
		padding: 4px 6px;
		font-size: 11px;
	}
}

/* ===== SMALL MOBILE (max-width: 480px) ===== */
@media (max-width: 480px) {
	.s03 {
		max-width: 140px;
		margin: 6px auto 0 auto !important;
	}
	/* Nav compact */
	.s07 a {
		height: 34px !important;
		line-height: 34px !important;
		font-size: 10px;
		padding: 0 6px !important;
	}

	/* Content */
	.s54 { padding-left: 8px !important; padding-right: 8px !important; }
	.s26 { padding: 5px 6px 15px 6px !important; }
	.s14 { padding: 8px 0 8px 5px !important; }
	.s15 { font-size: 13px !important; }
	.s16 { padding: 5px 0 5px 5px !important; font-size: 11px; }
	.s17 { width: 22px !important; height: 14px !important; margin-right: 6px !important; }

	/* Schedules */
	.s63 { height: 350px !important; }

	/* About */
	.about-hero h1 { font-size: 18px !important; }
	.about-hero .subtitle { font-size: 12px !important; }
	.section-heading h2 { font-size: 17px !important; }
	.section-heading { padding: 20px 0 15px 0 !important; }
	.history-text h3 { font-size: 15px !important; }
	.history-text p { font-size: 11px !important; }
	.era-label { font-size: 10px !important; }
	.stat-box .number { font-size: 24px !important; }
	.stat-box .label { font-size: 9px !important; }
	.founder-stats img { max-width: 200px !important; }

	/* Cargo view */
	.cargo-signin-btn {
		padding: 10px 20px !important;
		font-size: 12px !important;
		display: block;
		text-align: center;
	}
	.cargo-request-box h2 { font-size: 14px !important; }

	/* Contact tables */
	.s72 table td { padding: 6px 8px !important; font-size: 11px; }
	.contact-section h1 { font-size: 14px !important; }

	/* Footer */
	.s27 { padding: 12px 8px !important; }
	.s27 a { margin-right: 4px !important; font-size: 9px; }
	.footer-copy { font-size: 9px; }

	/* BL Terms long text */
	.s61 { padding: 0 5px !important; font-size: 11px; }
}


/* Footer copy text */
.footer-copy {
	color: #A0ADBF;
	font-size: 11px;
}

.office-info {
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 6px 10px;
  background-color: #003366;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.4;
  text-align: right;
  border-radius: 4px;
  max-width: 260px;
  box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
