html, body {margin:0; padding:0}
body {font:80%/150% georgia, times, serif; text-align:center}
p {margin:0 10px 10px}
img {border: 0;}

#header {text-align: center; background: none; height:220px}
#header h1, #header h2 {color:red;width:1px;position:absolute;left:-9999px;}

/* 990 = page width */
div#container {width:990px;}
div#container {margin:0 auto}
div#container {text-align:left}

div#wrapper {float:left; width:100%}

/* 200 = navigation width, 230 = margin width + gap of 30 */
div#content {margin:0 230px 0 200px}
div#content p {line-height:1.4}
div#content {color:#4B4B4B}
div#content a {color:#A46903}
div#content a:hover {background:#ddd}
div#content a:visited {color:#684E1F}
div#content h1 {margin:5px 0 0 0; padding:0; font-size:20pt; font-weight:normal; color:#484A49}
div#content h2 {margin: 10px 0 0 0; padding:0; font-size:140%; color:#484A49}

/* 200 = navigation width, -990 = -page width */
div#navigation {float:left; width:200px; margin-left:-990px}
div#navigation ul {margin:0; padding:0; font-size:16px; text-transformation:uppercase; list-style:none}
div#navigation img {margin: 20px 0}
div#navigation li {margin:0 0 3px 0}
div#navigation a {display:block; padding:6px 2px 14px 65px; width:150px}
div#navigation a:link, #main-navigation a:visited {color: #555}
div#navigation a:hover {background: url("/_img/sword_hover.gif") no-repeat top left; color:black}

/* 200 = margin width, -200 = -margin width */
div#margin{float:left; width:200px; margin-left:-200px}
div#margin a {color:#A46903}
div#margin a:hover {background:#ddd}
div#margin a:visited {color:#684E1F}
div#margin dl {margin-top:0}
div#margin dt {padding:0 0 0 16px; background: url("/_img/external_link.gif") no-repeat 0 0.5em}
div#margin dd {margin:0 0 10px 0}
div#margin h2 {color:#BF8110; margin:0}
div#margin .rule {clear:both; height:40px; background: url("/_img/rule.jpg") no-repeat top left}
div#margin blockquote {overflow: hidden; margin: 0 0 0 10px; max-width:190px;width:expression(document.body.clientWidth > 190? "190px": "auto" )}

div#footer {clear:left; width:100%; height:150px}
div#footer p {margin:0; padding:5px 10px}
div#footer h2 {display: none}








#content-border {
  width: 560x;
  display:inline;
  float:left;
  margin: 15px 0 0 210px;
  border: none;
  background: url("/_img/content_body.gif") repeat-y center;
}

#content-header {
  width:560px;
  float:left;
  height: 30px;
  background: url("/_img/content_header.jpg") no-repeat top center;
}

#content-footer {
  width:560px;
  float:left;
  height: 10px;
  background: url("/_img/dm_footer_2010.jpg") no-repeat bottom center;
}


#content .byline {font-style: italic; font-size: 8pt; font-family: verdana,sans serif; color: #29679C; margin: 0;}
#content .caption{display:block; margin:0 auto; font-style: italic; font-size: 8pt; font-family: verdana,sans serif; color: #29679C;}

#content dd {margin-bottom:20px;}

#main-active a:link, #main-active a:visited {
  background: url("/_img/sword.gif") no-repeat top left;
  color: black;
}

#main-active a:hover {
  background: url("/_img/sword_hover.gif") no-repeat top left;
}


.drop-shadow
{
  float: right;
  background: url("/_img/shadowAlpha.png") no-repeat bottom right !important;
  background: url("/_img/shadow.gif") no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.drop-shadow img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.quote .byline {font-style: italic;}

.entry .byline {font-style: italic; margin:0 0 10px 0;}

.back-to {font-weight: bold; color: black;}

.entry, .crew-entry {padding:20px 0; background: url("/_img/divider.jpg") no-repeat bottom center; clear:both; margin:20px 0;}

.entry h2 {
  background: url("/_img/post_icon.gif") no-repeat 0 0.2em;
}

.entry h2 a {
  font-size:10pt;
  margin:0 0 0 18px;
}

.entry img, .crew-entry img {float:right; margin:5px 0 5px 0;}

.read-more {font:8pt arial bold; text-transform:uppercase; margin: 0 0 25px 0;}

.content-image img {display:block; margin:10px auto}

#story-ender img {display:block; margin:10px auto}

#margin-img {float:right;}

<? /* comment out: looks silly when in main column
#next-session {background: url("/_img/sundial.jpg") no-repeat 20px 0.2em}
*/ ?>

.famous-last-words {color:black}

.error,.standout {color:red}

.clear {clear:both}


/* contact */
.contactdt
  {width:80px; float:left; padding:5px 0 0 5px; margin:0}
.contactdtdd
  {margin:0; padding:0 0 10px 0}

.contactlabel
  {font:8pt arial bold;color:#613B24; cursor:pointer; text-transform:uppercase}

.contacttext,
.contacttextarea
  {width:350px; background:#dee2d3; border:1px solid #aaa; padding:2px; font:10pt verdana, sans-serif}

.contactselect
  {width:356px; background:#dee2d3; border:1px solid #aaa; padding:0; font:10pt verdana, sans-serif}

.contacttext:focus,
.contacttextarea:focus,
.contactselect:focus
  {background:#d3e4c2}

#contactbuttons
  {margin: 10px 0 10px 5px;}
.contactbutton
  {width:80px;font:8pt arial bold; text-transform:uppercase; cursor:pointer;}


/* Search */
#search {text-align:middle}
#searchtext {font:10pt arial; width:80px; border:1px solid #aaa; padding:0 2px; background:#dee2d3;}
#searchtext:focus {background:#d3e4c2;}
#searchgo {width:55px;font:7pt arial bold; text-transform:uppercase; cursor:pointer;}

.centre-image, .centre-image img, .centre-image p {text-align: center; display:block; margin:10px auto}