html {
   background-color: #aaa;
   background-image: url(../graphics/aga/larger/GMT20080224-165752-1600.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   padding-bottom: 50em;
}

body {
   width: 760px;  /* using px because of gallery graphics */
   margin-top: 1.0em;
   margin-bottom: 1.0em;
   margin-left: auto;
   margin-right: auto;
   border: solid;
   border-width: 1px;
   border-color: #827e72;
   font-family: Arial, sans-serif;
   font-size: 11pt;
   text-align: left;  /* IE5 bugfix */
   background-color: white;  /* IE6 bugfix */
}

.separator {
   font-weight: normal;
   color: white;
}

#page-header {
   border-bottom: solid;
   border-bottom-width: 1pt;
   border-color: #827e72;
   color: white;
   background-color: #827e72;
   font-size: 12pt;
}

#page-header a {
   color: white;
   text-decoration: none;
   font-weight: bold;
}

#page-header a:hover {
   text-decoration: underline;
}

#header-path {
   float: left;
   width: 60%;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 2em;
   color: white;
   font-weight: bold;
}

#header-nav {
   float: right;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-right: 2em;
   color: white;
}

#root-prefix {
   clear: both;
   padding-top: 0.4em;
   padding-bottom: 0.0em;
   margin-bottom: 0.0em;
   font-size: 12pt;
   color: white;
   text-align: center;
   border-top : solid;
   border-top-width: 1pt;
   border-color: #827e72;
}

#root-prefix a {
   text-decoration: none;
   color: white;
}

#root-title {
   clear: both;
   margin-top: 0.0em;
   padding-top: 0.0em;
   padding-bottom: 0.2em;
   font-size: 24pt;
   font-weight: bold;
   color: white;
   text-align: center;
}

#root-title a {
   text-decoration: none;
   color: white;
}

#header-menu {
   padding-top: 0.4em;
   padding-bottom: 0.4em;
   padding-left: 9em;
   padding-right: 9em;
   text-align: center;
   color: white;
}

#page-footer {
   clear: both;
   padding-bottom: 2.2em;
   background-color: #827e72;
   color: white;
   background-color: #827e72;
   border-top : solid;
   border-top-width: 1pt;
   border-color: #827e72;
   font-size: 12pt;
}

#page-footer a {
   color: white;
   text-decoration: none;
   font-weight: bold;
}

#page-footer a:hover {
   text-decoration: underline;
}

#footer-path {
   float: left;
   width: 60%;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
   padding-left: 2em;
   color: white;
   font-weight: bold;
}

#footer-nav {
   float: right;
   padding-top: 0.4em;
   padding-bottom: 0.4em;
   padding-right: 2em;
   color: white;
}

#page-contents {
   padding-top: 1.0em;
   padding-bottom: 1.0em;
   padding-left: 2em;
   padding-right: 2em;
   background-color: white;
}

.page-map {
   color: #827e72;
   border: solid;
   border-width: 1px;
   border-color: #827e72;
   padding-left: 0.5em;
   padding-right: 0.5em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.page-map a {
   font-weight: bold;
}

.page-map .separator {
   color: #827e72;
}

.site-map .separator {
   color: #827e72;
}

.section-map {
   float: right;
   margin-top: -1.3em;
}

.section-map .separator {
   color: #cccccc;
}

.section-map a {
   color: #cccccc;
}

h1 {
   font-size: 14pt;
   color: #827e72;
   padding: 0.2em 0 0.2em 0;
   margin: 0 0 0 0;
}

h2 {
   font-size: 12pt;
   color: #827e72;
   font-style: italic;
   padding: 0.9em 0 0 0;
   margin: 0 0 0 0;
}

h3, h4, h5 {
   font-size: 11pt;
   color: #827e72;
   padding: 0.3em 0 0 0;
   margin: 0 0 0 0;
}

p {
   padding: 0.4em 0 0.4em 0;
   margin: 0 0 0 0;
}

pre {
   background-color: #eee;
   padding: 0 0.5em 0 0.5em;
   margin: 0.3em 0 0.3em 0;
   font-size: 10pt;
}

a {
   color: #827e72;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   text-decoration: underline;
}

table {
   border-style: none;
   padding: 0.2em 0 0.2em 0;
   margin: 0 0 0 0;
}

td, tr {
   border-style: none;
   padding: 0.1em 0 0.1em 0;
   margin: 0 0 0 0;
   font-size: 10pt;
}

ul {  /* top level */
   padding: 0.2em 0 0.2em 0;
   margin: 0 0 0 0;
}

li {  /* top level */
   padding: 0.2em 0 0.2em 0;
   margin: 0 0 0 2em;
}

dl {  /* top level */
   padding: 0.3em 0 0.3em 0;
   margin: 0 0 0 0;
}

dl dl {  /* nested */
   padding: 0 0 0 0;
   margin: 0 0 0 0;
}

dd {
   padding: 0 0 0 2.0em;
   margin: 0 0 0 0;
}

fieldset {
   font-size: 10pt;
   border-style: none;
   background-color: #e1ddd2;
   margin-top: 0.6em;
   margin-bottom: 0.6em;
}

input {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   border-style: solid;
   border-width: thin;
   border-color: #827e72;
   padding: 0.3em;
   margin-left: 0.3em;
   margin-right: 0.5em;
   background-color: white;
}

.inputlist input {
   margin-left: 1.5em;
}

button {
   font-size: 10pt;
}

textarea {
   font-family: Arial, sans-serif;
   font-size: 10pt;
   border-style: solid;
   border-width: 1px;
   border-color: #827e72;
   padding: 0.3em;
   margin-left: 0.3em;
   background-color: white;
}

.boxed {
   border: solid;
   border-width: 2px;
   border-color: #827e72;
   padding: 0.5em;
   margin-top: 0.5em;
   margin-bottom: 0.3em;
}

.warn {
   color: red;
}

.shout {
   color: red;
   border: solid;
   border-width: 2px;
   border-color: red;
   padding: 0.5em;
   /*margin-top: 0.5em;
   margin-bottom: 0.3em;*/
   margin: 0;
   font-size: 12pt;
}

.red {
   color: red;
}

.blue {
   color: blue;
}

.green {
   color: green;
}