body {
font-size: 100%;
background-color: white;
color: black;
font-family: sans-serif;
padding: 0;
margin: 0;
}

table, td, th {
font-family: sans-serif;
padding: 0;
margin: 0;

}

input, select {
font-size: 0.8em;
line-height: 1em;
}

optgroup {
font-style: normal;
}

a:link {
color: #0000C0;
}

a:visited {
color: #800080;
}

/* main colour definitions */

.invisible {
display: none;
}


#page_header1 {
font-family: chancery;
font-size: 3em;
color: #245312;
text-align: center;
}

#page_header2 {
font-family: chancery;
font-size: 2em;
color: #254312;
text-align: center;
}

#page_header3 {

font-family: sans-serif;
font-size: 2em;
background-color: white;
color: #2a6015;

text-align: center;
}


#content {
background-color: white;
text-align: justify;
}

#leftmenu, #content, #rightmenu {
line-height: 1.5em;
}

#leftmenu {
width: 20%;
}

#rightmenu {
width: 5%;
}


#leftmenu ul, #rightmenu ul {
margin: 0;
padding-left: 0.5em;
padding-bottom: 1em;
}

#leftmenu li, #rightmenu li {
font-size: 0.8em;
margin-left: 2em;
}

#leftmenu ul ul, #rightmenu ul ul {
margin: 0;
padding-left: 0;
}

#leftmenu li li, #rightmenu li li{
font-size: 0.8em;
margin-left: 1em;
}


#leftmenu li, #rightmenu li {
font-size: 0.8em;
}

#rightmenu h3 {
padding: 0.3em 1.3em;
font-size: 1em;
}

/* classes */

/* static IDs, ordered top to bottom */

#location {
padding-right: 1em;
vertical-align: middle;
text-align: right;
}

#location i {
/*color: #036;*/
font-style: normal;
font-size: 0.8em;
}

#location form {
margin: 0;
}

#location input, #location select {
margin: 2px;
}

#content {
background-color: white;
padding: 0.5em 1.5em 2em 1.5em;
}

#content td, #content th {
font-family: sans-serif;
line-height: 1em;
padding: 0.25em;
margin: 0;
text-align: left;
}

#content h3, #content h2, #content h1 {


text-align: left;
}



#leftmenu {
background-color: #ffc851;
color: #036;
}

#rightmenu {
background-color: white;
color: #036;
}




#hotspot {
font-size: 0.8em;
line-height: 1em;
text-align: center;
}

#rightmenu h3 {
margin-bottom: 0;
}