* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
	margin:0px; background:#EEEEEE; 
    font-size:14px; line-height:125%;
    font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, Tahoma;
}
.mainContainer {
	width:980px; margin:0px auto; border:0px; 
	padding:0px;
	background:#f2ecdf;
}

.row:after {
    content: ""; clear: both; display: block;
}
.column-1 {width: 8.33%;}
.column-2 {width: 16.66%;}
.column-3 {width: 25%;}
.column-4 {width: 33.33%;}
.column-5 {width: 41.66%;}
.column-6 {width: 50%;}
.column-7 {width: 58.33%;}
.column-8 {width: 66.66%;}
.column-9 {width: 75%;}
.column-10 {width: 83.33%;}
.column-11 {width: 91.66%;}
.column-12 {width: 100%;}

[class*="column-"] {
    float: left;
    padding: 2px;
}

.clear {
	clear: both; display: block;
	overflow: hidden; visibility: hidden;
	width: 0; height: 0;
}


a            {color: #003366; font-weight:normal; text-decoration: none;}
a:hover      {color: #003366; text-decoration: underline;}

/* ----------    Home page navigation bars     ----------- */

.sectionMenu {
    width: 100%;
    height: 1%;
    background-color: #FFCC33;
}
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
  float: left;
  font-size: 14px; line-height:18px;
  color: white;
  text-align: center;
  padding: 6px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px; line-height:18px;  
  border: none; outline: none;
  color: white;
  padding: 6px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  display: block;
  float: none;
  padding: 6px 16px;
  color: black;
  font-size: 14px; line-height:18px; 
  text-decoration: none;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* ----------    General Layout Units     ----------- */

.section {
  width:100%;
  margin-top: 3px; margin-bottom: 6px;
  padding:5px 8px;
  background-color:#006699; color:#FFFFFF;
  font-size:18px; line-height:18px; font-weight:bold; 
  	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

} 

.segmentHeader {
  display:block;
  background:#006699; color:#FFCC33;
  font-size:18px; font-weight:bold;
  padding:2px 4px;
  margin-bottom: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.segmentSection {
  margin-bottom:6px; padding:0px 2px;
}
.allButton {
  display:block; width:140px; float:right;
  border:1px solid #99CCFF;
  padding:2px; margin:0px;
  background:#006699; color:#99CCFF;
  font-size:13px; font-weight:bold;
  text-align:center; text-transform:uppercase;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.allButton:hover {
  text-decoration:none;
  background:#3399CC; color:#FFFFFF;
}

/* ----------    Trip definitions     ----------- */

.tripYear {
  padding-right:20px;
  font-size:140%; font-style:normal;
}
.trip {
  padding:5px; border-bottom: 0px solid #000000;
  font-size:110%; font-weight:bold; font-style:italic;
}
.trip:nth-child(odd) {
  background:yellow;
}
.viewButton {
  width:90px; border-radius:5px; padding:2px 5px; margin:2px 3px;
  background: red; color:white;
  text-align:center; font-style:normal; font-weight:bold; font-size:16px;
  text-decoration:none; 
  float:right;
}
.viewButton:hover {
  background: green; color:white; text-decoration:none;
}


/* ----------    Itinerary definitions     ----------- */

.autoRoute {
  margin:10px 0px;
}
.flight {
  width:100%; font-size:16px; line-height:24px;
  font-weight:bold;
}

.stopOver {
  width:100%; font-size:16px; line-height:24px;
  font-weight:bold;
}
.onTheRoad {
  width:100%; margin-left:20px;
  font-size:14px; line-height:22px;
  font-style:italic;
}

/* ----------    Video definitions     ----------- */

.videoContainer {
 position: relative;
 text-align:center;
}
.videoContainer .centered {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.videoContainer .YTthumbnail {
  width:240px; height:135px;
  border-radius:10px;
}
.title {
  font-weight:bold; text-align:center;
}