body  {
  margin: 0;
  border: solid;
  border-width: 0 4mm;
  border-color: #777777;
  padding: 0 5%;
  position: absolute;
  min-height: 100%;
  min-width: 86%;
  background: white;
  font-family: Helvetica, Arial, helv, sans-serif;
  font-size: 100%;
  color:#1b345c;
  page-break-inside: auto;
}

/** main banner and menu bar **/
#head {
  width: 100%;
  padding: 0.7em 0 0;
  text-align: center;
  border: none;
}
#banner { width: 100%; height: 100px; text-align: center; }
#bannertext { 
  width: 100%;
  text-align: center;
  background:#1b345c;
  color: white;
}
#menubar {
  width: 100%; margin: 0;
  border-collapse: separate;
  border-spacing: 1px;
  border: none;
}

#content { /* main content box */
  /* padding: 0.5em 11em 3em 5%;*/
  padding: 1em 1em 3em 1em;
  width: 90%;
  page-break-inside: auto;
}

.coords { text-align: center; }
h1.main { color: #009800; }
h2.main { color: #009800; }
h3.subtitle { font-style: italic }

/** The list of topics is laid out in multicolumn format **
 ** The column width is given as inline style info       **/
.topics {
  position: relative;
  padding: 0 1em 1em;
  font-size: 0.8em;
  font-weight: bold
}
.tcol { float: left; }
.tcol p, .tcol dl { margin: 0; padding: 0 0.5em; }

/** Committees are laid out in table format: **
 ** name  institution  name  institution     **/
table.cttee { width: 90%; position: relative; left: 5%; table-layout: fixed; }
.cttee td { text-align: left; font-size: 0.9em; }
.cttee td.name { width: 28%; }
.cttee td.inst { width: 22%; }

.addresspar { margin-left: 2.7em; line-height: 1.3em; }

/** author and copyright info at bottom of screen **/
address {
  position: absolute;
  bottom: 0; left: 0; right: auto;
  width: 100%;
  border-top: 1px solid #777777;
  padding: 0.5em;
  text-align: center;
  font-size: 0.7em;
  font-family: arial, sans-serif;
  font-style: normal;
  color: #333333;
}

/*** general text and layout properties ***/
table { text-align: left; }
/*td { vertical-align: middle; }*/

dt { font-weight: bold; }

p.motto { text-align: right; }
/* links in orange */
a:link, a:visited { color: #fe7e00; text-decoration: none; }
a:hover { color: #fe7e00; text-decoration: underline;}

q { color: green; font-style: italic; }
em,em>a:link,em>a:visited { color: green; }
/* need to cancel hovering effects on non-link anchors */
a.tag:hover { color: #1b345c; text-decoration: none; }

.alert   { font-weight: bold; color: red; }
.orangetext { color:#fe7e00; }

.smallt, .smalltb, .smallto {
  font-size: 0.8em;
  text-decoration: none;
}
.smalltb { color: black; }
.smallto { color: #fe7e00; }
.small:link, .small:visited { font-size: 0.8em; text-decoration: none; }
.small:hover   { font-size: 0.8em; text-decoration: underline; }

.blackt {
  font-size: 1em; color: black;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  display:block;
  width:100%;
  line-height:34px
}

.smallgap { margin-bottom: 0.5em; } /* for smaller gap after headers */

.speaker { color: blue; }
.talktitle { padding-left: 1em; font-style: italic; color: #00bbbb; }
.timetabletalktitle { padding-left: 1em; font-style: italic; color: "blue"; }
.day { color: red; }

ul.plain {
  margin-top: 0;
  padding-left: 1.5em;
  font-size: 0.9em;
}
ul.plain, ul.plain a {
  font-weight: bold;
  color: black;
}

ul.basic {
  margin-top: 0;
  padding-left: 0.2em;
  list-style: none;
}


dl.topiclist dt {
  display: run-in;
  color: green;
  font-style: italic;
  margin-top:  0.5em;
}
/* dl.topiclist dt:after { content: ' ' }*/
.topiclist dt + dt { margin-top: 0em; }
dl.topiclist dd {
/*  display: inline; */
  padding: 0;
  margin: 0.1em; }
dd.price, span.price { font-weight: bold; color: #1b345c; }

table.pricelist {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.pricelist td.price { width: 6em }
.pricelist td.days { width: 5em; }
.pricelist td { border: none; border-bottom: 2px solid grey; }
.pricelist td.sub {border-bottom: none; }
.pricelist th { font-weight: bold; border: none; }

table.timetable {
/*  width: 100%;*/
  margin: 1em auto;
  table-layout: fixed;
  border: solid thin #1b345c;
  border-collapse: collapse;
  text-align: center;
}
.timetable td, .timetable th {
  padding: 0.1em 0.5em;
  border: solid thin #1b345c;
}

.timetable td.post { background: #c0c0ff; }
.timetable td.plen { background: #80ff80; }
.timetable td.par  { background: #ffa0a0; }

/*** hide banner and navigation stuff from printouts ***/
@media print {
#navbar,#head,#menubar { display: none; }
body {
  position: static;
  width: 100%;
  min-height: 0;
  border: none;
  padding: 0;
  page-break-inside: auto;
}
dd.price { page-break-before: avoid; }
dt { page-break-after: avoid; }
.newpage { page-break-before: always; }
.smallt, .smalltb, .smallto { display: none; }
.alert { color: black; }
q { font-weight: bold; }
}

/*********************   Menu controls   *********************/
td.mainmenu {
            height: 2em;
	    width: 15%;
            text-align:center;
            font-weight:bold;
            color:#000055;
            cursor:pointer; 
            background-color:#e5e5e5;
            background-image:url("images/button_out.jpg");
            background-repeat: repeat-x;
            background-position: bottom;
          }
.mainmenu a {
            text-decoration:none;
            color:#000055;}
td.mainmenu:hover {
            background-color:#e5e5ff;
            background-image:url("images/button_in.jpg");
}
.dropdown {
        cursor:pointer; 
        position:relative; 
        top:-0.5em; 
        height:1em;
        background-color:#ffffff;
        visibility:hidden;
        font-size:small;
        vertical-align:top;
	z-index: 1;
}

.home a:link, .home a:visited {
            color:#000055;
            text-decoration:none;
            font-weight:bold;
           }
td.home {
            background-color:#e5e5ff;
            width:10%;
            cursor:pointer; 
            background-image:url("images/button_out.jpg");
            background-repeat: repeat-x;
            background-position: bottom;
           }
td.home:hover {
            background-image:url("images/button_in.jpg");
               }
.menuitem a {width: 100%; }
.menuitem a:link, .menuitem a:visited {
            color:#000055;
            text-decoration:none;
            font-weight:bold;
           }
.menuitem {
            background:#88aaff;
           }
.menuitem:hover {
            background:#ddddff;
           }
.offmenuitem {
            background:#88aaff;
            color:#6655ff;
           }
/*************************************************************/

/*** more menu controls ***/
.dropdown ul {
  display: block; width: 100%; 
  position:absolute; left: 0px; top: -1px; 
  background: #aabbff;
  list-style: none;
  border: solid 3px #aabbff;
  border-top: none;
  padding: 0; margin: 0;
}

.dropdown ul li {
  display: block;
  padding: 0.2em;
  border-top: solid 3px #aabbff;
}
.dropdown ul li a {
  display: block; width: 100%;
}