body { 
  margin: 10px 10px 10px 10px;
  padding: 0;
  background: grey; 
  color: #333;
  font-family: verdana, "trebuchet MS", helvitica, sans-serif;
  font-size: .8em;
  min-width:850px;
  /* IE Dynamic Expression to set the width */
  width:expression(document.body.clientWidth < 950 ? "850px" : "100%" );
}

div.wrapper {
  width: 98%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  border: 2px solid #990000;
  background-color: #ffffff;
  padding: 5px;
  text-align: left;
}

div.header {
  background: #000000; 
  border: 1px solid #990000; 
}

div.header h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: large;
  color: #ffffff;
  margin-left: 25px;
  text-align: left;
}

div.page {
  background: #ffffff;
  border: 1px solid #990000; 
  padding: 10px;
  padding-top: 20px;
}

div.navBar { 
  border-bottom: 1px solid #990000; 
  border-top:1px solid #990000; 
  padding-left: 50px;  
  background-color: #ddccaa;  
  color: #2F4F4F;  
  white-space: nowrap;   
}

ul.navCircle {
  margin: 0;
  padding: 6px 0 20px 10px;
  }

ul.navCircle li {
  margin: 0; 
  padding: 0;
  display: inline;
  list-style-type: none;
  }
  
ul.navCircle span {
  float: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #000;
  }

ul.navCircle a:link, ul.navCircle a:visited {
  float: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #708491;
  }

ul.navCircle a:link.active, ul.navCircle a:visited.active, ul.navCircle a:hover {
  padding-bottom: 6px;
  color: #990000;
  background: url(/images/arrow_up.gif) no-repeat bottom center;
  }

div.footer {
  background: #ddccaa; 
  border: 1px solid #990000; 
  padding-top: 6px;
  padding-bottom: 6px;
}

div.section {
  border:1px solid gray;
  padding: 0 10px 10px 10px;
  margin-top:10px;
  margin-bottom:20px;
}

div.section h3 {
  display:inline;
  padding:5px;
  font-weight:normal;
  height:20px;  
  position:relative;
  z-index:1;
  top:-12px;
  background-color:#ffffff;
}

a.register_link {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
//  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #990000;
}

table.event {
  font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
}

table.event th {
  padding: 0 0.5em;
  text-align: left;
}

tr.heading th {
  border-top: 1px solid #990000;
  border-bottom: 1px solid #990000;
  background: #ddccaa;
}

tr.course td {
  border-bottom: 1px solid #990000;
}
 
td.session {
  border: 1px solid #990000;
  background: #ddccaa;
}

body, p, ol, ul, td, h {
  font-family: trebuchet ms,arial,helvetica;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a:link { color: #900; }
a:active { color: #900; }
a:visited { color: #900; }

A.sidetoolbar:link { color:#990000; text-decoration:none; }
A.sidetoolbar:visited { color:#990000; text-decoration:none; }
A.sidetoolbar:active { color:#990000; text-decoration:none;
A.sidetoolbarhighlight:link { color:red; text-decoration:none; }
A.sidetoolbarhighlight:visited { color:red; text-decoration:none; }
A.sidetoolbarhighlight:active { color:red; text-decoration:none; }