body { 	color: #747474; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	padding: 1cm; padding-top: 0.25cm;
	margin-left: 5%; margin-right: 5%; }

#h1 { font-size: 13pt; margin-bottom: 0.5em; }
#h2 { font-size: 11pt; }
#h3 { font-size: 10pt; margin: 0; }

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 100%; }

h1 { margin-left: -8%;}
/* h2,h3,h4,h5,h6 { margin-left: -4%; } */

p { font-size: 90%; text-align: left; margin-top: 0; margin-left: 5%; }
p.noindent { margin-left: 0%; }

table { width: 100%;  margin: 0; }
td { 	vertical-align: top; font-size: 90%; }
th { 	text-align: left; 
	white-space: nowrap; }
td.highlight { 
	background: #E8E8E8; 
	color: #325E9D; }
th.sorted { 
	color: #325E9D; 
	white-space: nowrap; }
td.sorted { 
	background: #D5E0F0; 
	color: #325E9D; 
	white-space: nowrap; }
td.list { 
	background: #E8E8E8; 
	white-space: nowrap; }

form { margin: 0; }

ul { margin-left: 0; font-size: 9pt; }
ul li { list-style: none; }

a:link, a:visited { text-decoration: none; color: #747474; }
a:hover { color: #325E9D; }

input, select, textarea, option { background: #E8E8E8; border-style: none; font: 10pt Arial, Helvetica, sans-serif; }

.submit {
    color: #747474;
    background: white; 
    text-align: center;
    font-weight: bold; 
    font-size: 90%;
    border-color: #747474;
    border-style: solid;
    border-width: 1px;
    padding: 1 3;
}

.submit:hover { 
    background: #E8E8E8; 
    color: #325E9D; 
}

.narrow { width: 20%; }
.full { width: 99%; }

.highlight { color: #325E9D; }

.border { border-color: red; border-style: solid; border-width: 1px; }
.message { color: #EE6E19; display: block; float: right; }

#navigation { width: 30%; padding-right: 3em; font-size: 8pt; }
#title { color: #325E9D; font-weight: bold; font-size: 10pt; vertical-align: bottom; }
#path { font-weight: bold; padding: 0.5em +0; }


/* menu */

.menu td.current { border-color: blue; }

.menu { width: 100%; }
.menu td {
    text-align: center;
    /* font-style: italic; */
    font-weight: bold; 
    font-size: 80%;
    border-color: #747474;
    border-style: solid;
    border-width: 1px;
    padding: 1 3;
}
.menu a { width: 100%; }
.menu td a:hover { background: #E8E8E8; }

.submenu td {
    text-align: left;
    /* font-style: italic; */
/*    font-weight: bold; */
    font-size: 80%;
    border-color: #747474;
    border-style: solid;
    border-width: 1px;
    white-space: nowrap;
    padding: 1 5;
}

.frame {
    border-color: #747474;
    border-style: solid;
    border-width: 1px;
}

td.hframe {
    border-color: orange;
}