/* Common CSS */
/* Written by Y. Waki <2002> */
/* Revised: 2010 */

/* Basic page layout */
BODY {
  margin: 0; padding: 8pt;
}
#header {
  margin: 8pt;
}
#sidecolumn {
  float: left;
  width: 160px;
  height: 0;
  margin 0; padding 0;
  background-image: url(image/button.gif); /* ensure no gap between buttons */
}
#contents {
  margin: 0 0 0 160px;
  padding: 8pt;
}
#fullcontents { /* when sidecolumn is absent */
  padding: 8pt;
}
#fullcontentsnobg { /* same as #fullcontents but no background color */
  padding: 8pt;
}
#footer { margin: 8pt; }

/* General */
.nospace { margin: 0; padding: 0; }

/* Color scheme */
.color0, BODY { color: #330000; }
.bgcolor0, BODY, H1 { background-color: #CCCC99; }
BODY { background-image: url(image/papyrus.gif); } /* BODY gets texture */
.bgcolor1, #contents, #fullcontents { background-color: #FFFFCC; }
.bgcolor2 { background-color: #CCFFCC; }
.color3, P.dropcap:first-letter { color: #660000; }
.color4, A:Link, A:Visited, .toggle { color: #00486D; }
.color5, A:Active, A:Hover, .toggle:Active, .toggle:Hover { color: #00FFFF; }
.color6, EM { color: #990000; }

/* Hilighted bullets */
UL.hilight LI:hover {
  color: #CC0000;
}

/* Elements specific to media */
.print { display: none ! important; }

/* Fonts */
.normaltext, BODY { /* default */
  font-family: "Lucida Grande", "Tahoma", "Verdana", sans-serif;
  font-weight: normal;
}
.fancytext { /* serifed font */
  font-family: "Hoefler Text", "Constantia", "Georgia", serif;
  font-weight: normal;
}
.fullcaps1, H1, P.dropcap:first-letter {
    /* serifed font with equal space above & below */
  font-family: "Georgia", serif;
  font-weight: normal;
}
.fullcaps1, H1 { /* full caps in H1 */
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
.fullcaps2 { /* full caps elsewhere */
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.dingbats { /* dingbat font for hedera */
  font-family: "Zapf Dingbats", "Ariel Unicode MS";
  font-weight: normal;
}

/* Font size */
BODY { /* default */
  -webkit-text-size-adjust: none; /* prevent iPhone from ajusting text size */
}
P, TABLE.itinerary TD, DT, UL, CAPTION {
  font-size: 10pt;
  line-height: 14pt;
  text-indent: 0;
  -webkit-text-size-adjust: 110%; /* bigger for iPhone */
}
.displaytext { /* larger size for letterhead & hedera */
  font-size: 28pt;
}
ADDRESS, DD { /* smaller size */
  font-size: 8pt;
  line-height: 10pt;
}

/* Font style */
EM, ADDRESS {
  font-style: normal; /* depreciate italic */
}

/* Text style */
A { text-decoration: none; }

/* Side-menu */
TABLE.menu {
  margin: 0; padding: 0;
  border-collapse: collapse;
  background-image: url(image/button.gif); /* ensure no gap between buttons */
}
TABLE.menu TD.button {
  width: 160px;
  background-image: url(image/button.gif);
  padding: 4pt;
  font-size: 14pt;
  font-style: italic;
  text-align: left;
  text-indent: 6pt;
}
TABLE.menu TD.button:Active, TABLE.menu TD.button:Hover {
  background-image: url(image/buttonb.gif);
}

/* Section header */
H1 { /* page title */
  margin: 0;
  padding: 4pt 0;
  text-align: center;
  font-size: 14pt;
  font-weight: normal; /* depreciate bold */
}
H2 { /* sections */
  text-align: center;
  font-size: 12pt;
  font-weight: normal; /* depreciate bold */
}

/* Table for itinerary */
TABLE.itinerary {
  width: 100%;
  margin: 0; padding: 0;
  border-collapse: collapse;
}
TABLE.itinerary TR { vertical-align: baseline; }
TABLE.itinerary TD { padding: 0pt 4pt 2pt 4pt; }

/* Definition listing */
DD { padding: 4pt 0 4pt 0; }
DD CAPTION { padding: 4pt 0 0 0; } /* to add a space before the caption */

/* Image */
IMG { border-width: 0; }
IMG.runin-right {
  float: right;
  padding: 0 0 8px 8px;
}
IMG.runin-left {
  float: left;
  padding: 0 8px 8px 0;
}
IMG.hilite:hover {
  filter:alpha(opacity=50); 
  -moz-opacity: 0.50;
  opacity: 0.50;
}

/* Drop cap */
P.dropcap:first-letter {
  float: left;
  font-size: 26pt;
  line-height: 26pt;
  padding: 0px 4px 0px 0px;
}

/* Address */
ADDRESS {
  text-align: center;
}
