body           { color: #223344;
                 background-color: white;
                 font-family: Geneva,Arial,Helvetica,sans-serif;
                 font-size: 10pt; 
                 margin: 0;
                 padding: 0;
                 background-image: url(http://pronto.metadata.net/images/side.jpg);
                 background-repeat: no-repeat;
                 background-attachment: fixed;
               }
div.nav        { color: #223344;
                 width: 180px;
                 margin: 0;
                 padding: 0;
                 position: fixed; /* IE7 needs the explicit position info */
                 left: 0;
                 top: 0;
               }
div.nav div    { float: center;
                 background-color: #99ddff;
                 padding: 0.5ex 1em 0.5ex 1em;
                 margin: 0.3ex 2em 0 2em;
                 border: 1px solid #77aacc;
                 text-align: center; }
div.nav div.title { font-size: 150%;
                 font-weight: bold;
                 border: 1px solid #77aacc;
                 padding: 0.2ex; 
                 margin: 0.8ex 1em;
               }
div.nav div a  { text-decoration: none;
               }
div.vspacer    { height: 2ex;
                 visibility: hidden;
               }
div.main       { margin: 0 0 0 180px;
                 padding: 0 1em 4ex 1em;
               }
div.userinfo   { color: #557788;
                 text-align: right;
                 padding: 1ex 0 0 0;
                 font-size: 80%;
               }
div.userinfo a { color: #557788; }
div.footer     {
                 font-size: 75%;
                 position:fixed;
                 bottom:0;
                 left: 180px;
                 color: #445566;
                 text-align:center;
                 padding: 0.5ex 5em;
                 background-color:white;
                 border-top: 1px solid #aabbbb;
               }
div.footer a   {
                 color: inherit;
               }
div.uqlogo     {
                 position:fixed;
                 bottom:0;
                 left:0;
                 width: 180px;
                 text-align:center;
                 padding: 0.5ex 0;
                 z-index: -10;
               }
div.centered   { text-align: center; }
table.centered { text-align: center; margin-left:auto; margin-right:auto; }
div.padded     { padding: 7ex 2em; }
div.sectionTitle 
               { background-color: #99ddff;
                 padding: .2em;
                 margin: 1ex 0 0 0;
                 font-weight:bold; }
div.collapsed:before
               { content:"\2295 "; font-weight: normal; padding: .2em; }
div.expanded:before
               { content:"\2296 "; font-weight: normal; padding: .2em; }
div.hidden     { display: none; }
div.link       { cursor: pointer; }
div.helpPopup  {
                 display:none;
                 width:60%;
                 float:right;
                 background-color:white;
                 border: 1px solid #aabbbb;
                 padding: 0.5ex 0.5em;
               }
table          { border-top: 1px solid #77aacc; border-bottom: 1px solid #77aacc; }
tr             { vertical-align: top; }
th             { text-align: left; font-size: 10pt; }
td             { font-size: 10pt; }
h1             { font-weight:bold;
                 font-size: 150%;
                 text-align:center;
                 border-top: 3px solid #77aacc;
                 border-bottom: 3px solid #77aacc;
                 padding: 0.2ex; /* P+M same as nav title to align */
                 margin: 0.8ex 0;
                 clear: both;
               }
h2             { 
    font-size:110%;
    border-bottom: 2px solid #77aacc;
}
h3             { 
    font-size:100%;
    border-bottom: 1px solid #77aacc;
}
a:link         { color: #223344; }
a:visited      { color: #223344; }
a.search       { font-size:70%; vertical-align:super; text-decoration:none; }
a.tagcloud     { text-decoration:none; color: #223344; }
img            { border:none; }
hr             { clear: both; }
textarea       { font-family: inherit; font-size: inherit; }
dt             {
                 font-weight: bold;
                 padding: 0 1em;
               }
dd {
    text-align: justify;
    margin-top: 0.5ex;
}

tr.details th  { font-size: smaller; width: 0; }
tr.details td  { font-size: smaller; }

table.matrix th {
                 text-align: center;
               }
table.matrix tr {
                 vertical-align: middle;
               }

div.comment    { white-space: pre;
                 color: #445566;
                 border: 1px solid #aabbbb;
                 min-width: 30em;
                 margin: 1ex 2em;
                 padding: 0.2ex 0.2em;
               }
div.selected   {
                 background-color: #99ddff;
               }
div.floatImage {
    display: block;
    float: right;
    border: 1px solid #77aacc;
    margin: 0 1.5em;
}

div.citation {
    font-style: italic;
    color: #445566;
    display:block;
    margin: 0 0 0.5ex 0;
}

#frontpageInfo {
    border: 1px solid #77aacc;
    text-align: center;
    margin: 5ex 6em 0 6em;
    padding: 0.7ex 0.7em;
    color: #445566
}

@media  print  {
    body         { background-image: none ! important; }
    div.main     { margin: 0; }
    div.footer   { position: static; }
    .noprint     { display: none; }
    div.collapsed:before
                 { content:""; padding: inherit; }
    div.expanded:before
                 { content:""; padding: inherit; }
}