/* normalize all browser styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content:'';}

/* body */
html {background-color: #516079; height: 100%;}
body { position: relative; width: 90%;
padding-top: 0; margin: 0 auto; 
margin-top:0;
background: #C9D3DA /*#96AAB8 #EDE4D9*/;
font: 82%/1.4 Verdana, sans-serif; 
color: #000; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; }

body#home { position: relative; width: 100%; height: 100%; padding-top: 20px;
  /*background: url('images/gradiant.jpg') repeat-x 0 -80px #000;*/ 
  font: 88% verdana, sans-serif; color: #000; }

/* headers */
h1, h2, h3 {font-family: 'trebuchet ms', trebuchet, arial, helvetica, sans-serif; color: #444; font-weight: bold;}
h4, h5 {font-family: verdana, sans-serif; color: #444; font-weight: bold;}
h1 {font-size: 170%; clear: both;}
h2 {font-size: 150%; clear: both;}
h3 {font-size: 130%; clear: both;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h1, h2 {margin: 1em 0 .5em 0;}
h3, h4, h5 {margin: 1em 0 .2em 0;}

table.navigation  {
margin: 12px 0px 42px 0px;
padding:12px;
width:90%;
background: ivory;
}

.subcaption 
{
text-align:center;
width:100%;
background:white;
color:#9af;
margin-top:12px;
font-size:1.4em;
}

div.django {
text-align:right;
width:90%;
padding:2px;
font-family: helvetica, verdana, sans-serif;
color: white;
font-size:12pt;
}
.django a:link { color: ivory; }
.django a:visited { color: white; }
.django a:hover { color: brown; }

div.zoomify
{
text-align:right;
width:90%;
padding:2px;
font-size:1em; 
font-family: arial;
}

tr { padding:8px; border:solid 1px gray; }

#active { background:#89d; color:#abf;}