/* HOH colours
HOH brown: #9F815D
HOH blue: #3E4E91
HOH grey: #E2E4EF
*/


/* body section formatting */
body {
   font-family: "Arial";
   font-size: 10pt;
   line-height: 12pt;
   color: #333399;
   background-color: #ddd6ba;
   /*
   background-image:   url("../_jpg/sidebar.jpg");
   background-position: 0 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
   */
}


/* Setup tables */
table {
   font-size: 10pt;
   line-height: 12pt;
}

td {
   text-align: left;
   vertical-align: top;
}

/* ------ navbar and mainpage = 720 px */
td.main {
   background-color: #f8f8ff;
   text-align: left;
   width: 535px;
}

td.sidebar {
   background-color: #ccccdd;
   text-align: left;
   vertical-align: top;
   width: 185px;
   /*
   background-image:  url("../_jpg/sidebar.jpg");
   background-color: #cc99cc;
   */
}

td.sidebar-right {
   font-family: "Arial";
   font-size: 8pt;
   font-weight: bold;
   line-height: 13pt;
   background-color: #ffffff;
   text-align: left;
   vertical-align: top;
   /*
   border-left-width: thin;
   border-left-style: solid;
   border-left-color: #999999;
   */
}



/* Setup paragraphs */
p {
   font-family: "Arial";
   font-size: 10pt;
   line-height: 11pt;
}

p.small {
   font-size: 8pt;
   line-height: 10pt;
}

p.tiny {
   font-size: 7pt;
   line-height: 9pt;
}

p.indent {
   margin-left: 8pt;
   margin-right: 8pt;
   font-size: 9pt;
   line-height: 11pt;
}

p.indent-small {
   margin-left: 8pt;
   margin-right: 8pt;
   font-size: 8pt;
   line-height: 10pt;
}

p.indent-tiny {
   margin-left: 8pt;
   margin-right: 8pt;
   font-size: 7pt;
   line-height: 9pt;
}


/* Setup links (unvisited, visited, active, hover) */
a {
   font-weight: bold;
}

a:link {
   color: #6666cc;
}
a:visited {
   color: #9999cc;
}
a:active {
   color: #cc99cc;
}
a:hover {
   color: #cc99cc;
}

a.small {
   font-size: 8pt;
}
a.small:link {
   color: #6666cc;
}
a.small:visited {
   color: #9999cc;
}
a.small:active {
   color: #cc99cc;
}
a.small:hover {
   color: #cc99cc;
}


a.bottommenu {
   font-weight: bold;
   font-size: 8pt;
   line-height: 10pt;
   text-decoration: none;
}
a.bottommenu:link {
   color: darkslateblue;
}
a.bottommenu:visited {
   color: darkslateblue;
}
a.bottommenu:active {
   color: darkslateblue;
}
a.bottommenu:hover {
   color: #aaaaff;
}


a.alt:link {
   color: #ffffff;
}
a.alt:visited {
   color: #996699;
}
a.alt:active {
   color: #ffffff;
}
a.alt:hover {
   color: #9999cc;
}


a.sidebar {
   font-weight: bold;
   font-size: 9pt;
   line-height: 16pt;
   text-decoration: none;
}
a.sidebar:link {
   color: #333399;
}
a.sidebar:visited {
   color: #333399;
}
a.sidebar:active {
   color: #333399;
}
a.sidebar:hover {
   color: #ffffff;
}


/* Setup headings */
h1, h2, h3, h4, h5, h6 {
   color: #3E4E91;
   text-align: left;
   vertical-align: bottom;  /* doesn't work if headline is in a table */
}

h1 {
   font-size: 24pt;
   line-height: 26pt;
}

h2 {
   font-size: 20pt;
   line-height: 22pt;
}

h3 {
   font-size: 14pt;
   line-height: 16pt;
}

h4 {
   font-size: 12pt;
   line-height: 14pt;
}

h5 {
   color: #9F815D;
   font-size: 10pt;
   line-height: 12pt;
}

h6 {
   font-size: 9pt;
   line-height: 11pt;
}


h5.alt {
   color: #9F815D;
   font-size: 10pt;
   line-height: 12pt;
}



/* Set up horizontal rows */
hr {
   color: #9999cc;
}


img.topleft {
   position: absolute;
   left: 0px;
   top: 0px;
}

/* Setup list items */

ul.alt {
   margin-left: 12pt;
}

li {
   font-size: 8pt;
}

li.alt {
   font-size: 9pt;
}


/* Format footnotes as 9-point and center justification. */
div.footnote {
   color: #333399;
   font-size: 8pt;
   line-height: 10pt;
   text-align: left;
}

/* ID formatting */

#pageTitle {
   font-family: "Arial";
   font-size: 12pt;
   font-weight: bold;
   color: #cc0000;  /* websafe orange-red */
   line-height: 14pt;
}

#picCaption {
   font-family: "Trebuchet MS", "Arial";
   font-size: 7pt;
   line-height: 8pt;
}

#caption {
   font-family: "Trebuchet MS", "Arial";
   font-size: 7pt;
   font-weight: normal;
   line-height: 9pt;
}

span.myh1 {
   color: #666699;
   font-size: 12pt;
   font-weight: bold;
   line-height: 16pt;
}

span.myh2 {
   color: #666699;
   font-size: 10pt;
   font-weight: bold;
   line-height: 21pt;
}

span.myh3 {
   color: #666699;
   font-size: 9pt;
   font-weight: bold;
   line-height: 13pt;
}

span.myh4 {
   color: #666699;
   font-size: 12pt;
   line-height: 14pt;
   font-weight: bold;
}

span.myh5 {
   color: #9999cc;
   font-size: 10pt;
   line-height: 12pt;
   font-weight: bold;
}