body { background: #002855; }
body, table { font: 11px verdana; }
input, select, textarea { font: 10px verdana; }
h3 { color: #003c7f; font-size: 14px; margin: 0 0 10px 0; }
form { overflow: hidden; width: 700px; padding: 10px; }
th { vertical-align: top; }
hr { border: none; border-top: 1px dashed #ccc; }

#registrant, #fees, #paymethod { background: #F9F9Ec; padding: 5px; border: 1px solid #D6D6B6; margin: 2px; }
#container { margin: 0 auto; width: 730px; background: #fff; }
#banner { border-bottom: 1px solid #000; }

#fees { position: relative; }
#fees-optional { position: absolute; top: 0; margin-left: 300px; }

#register { 
  text-align: center; 
  float: right; 
  border: 1px solid #B1CC99; 
  background: #D9EDC8; 
}

#register a { 
  display: block; 
  margin-bottom: 10px;
  height: 28px;
  width: 161px;
  text-indent: -9999px;
}
#register a.green {
  background: url(images/registernow.gif) no-repeat;
}
#register a.red { 
  background: url(images/registernow-red.gif) no-repeat;
}
#register a.blue { 
  background: url(images/registernow-blue.gif) no-repeat;
}
#register a.other { 
  background-image: -moz-linear-gradient(top, #AAA9A9, #636363);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#AAA9A9), to(#636363));
}
#register a.small { font-size: 14px; }

#agenda { 
  margin: 25px 0 5px 0; 
  text-align: center; 
}

#agenda a { 
  width: 160px; 
  margin-right: 10px; 
  float: left; 
  display: block; 
  white-space: nowrap; 
  padding: 7px 0; 
  font-size: 14px;
  font-family: 'arial-narrow', arial; 
  color: #fff; 
  background: url(images/button.gif) no-repeat; 
  text-decoration: none;
  text-shadow: 1px 1px 0 #000;
}
#agenda a:hover { text-decoration: underline; }

#hotels { clear: both; padding: 20px 42px; }
#designation { padding-left: 2px; }
#designation input { margin-left: 0; }
#designation i { padding-left: 5px; color: #999; }


.box { border: 1px solid #bdb; background: #dfd; padding: 4px; margin-bottom: 10px; }
.box h4 { font-weight: bold; font-size: 12px; background-color: #bdb; padding: 4px; margin: -3px; }
.box h5 { font-weight: bold; font-size: 11px; }

.focus { background: #ffc; }
.success, .error { border: 1px solid transparent; padding: 5px; display: block; }
.success { color: Green; border-color: Green; }
.error { color: Red; border-color: Red; }
.alt { background: transparent }
.maroon { color: #700; }
.courses { font-weight: bold; font-style: italic; margin-bottom: 4px; }

.floater {
    float: right;
    clear: both;
    margin: 20px 0; 
    font: bold 16px 'arial narrow', sans-serif;
    text-align: center;
    border: 1px solid #BBDDBB;
    -moz-box-shadow: 0 1px 8px #eee;
    -moz-border-radius: 2px;
}
.floater a, .floater a:visited { white-space: nowrap; color: #C11111; }
.floater i {
  font-size: 11px;
  font-weight: normal;
  color: #666;
}
.rightcol { width: 160px; padding: 20px; }
.map, .people { text-align: right; }
.map { 
    background: #fff url(images/icon-map.gif) no-repeat 0 0; 
}

.people {
    clear: both;
    background: #fff url(images/icon-people.gif) no-repeat 0 8px;
}


