/* =====================================
==== NAVIGATION MENU FORM ==============
======================================*/

/* use xb settings to make ul/li appear the same in mozilla, ie and opera */
ul.main-menu, ul.main-menu ul {
display: block;
margin: 0;
padding: 0;
background-color: silver;
border: solid black 0.5pt; }

/* top level items in ul are inline to display horizontally across page */
ul.main-menu li {
display: inline;
list-style: none;
position: relative;
margin: 0;
padding: 0;
padding-left: 4;
padding-right: 1;
border-right: solid black 0.5pt;
text-align: left; }

/* nested lists inside of the top level items are initially not displayed */
ul.main-menu li ul {
display: block;
position: absolute;
left: 0;
top: 1em; /* required for NS 7.x/Gecko 1.0.x but not Gecko 1.3 */
visibility: hidden;
width: 9em;
z-index: 1000; }

/* fix up the submenu items voice-family lines screen correct CSS values from browsers that improperly lay out block-level boxes and have broken CSS parsers (IE5.5/Win) */
ul.main-menu li ul li {
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}

ul.main-menu li ul li a {
display: block;
margin: 0;
padding: 0;
border: 0;
height: 100%; }

/* needed to keep IE from bubbling events from items that are not contained but only covered. */
ul.main-menu {
background-color: #3366CC; }


/* =====================================
==== NAVIGATION MENU STYLE =============
======================================*/

ul.main-menu * {
font-size: 11pt;
font-variant: small-caps; }

ul.main-menu li a {
display: inline;
text-decoration: none;
color: black; }

ul.main-menu li a:hover {
color: black; }

ul.main-menu li.submenu ul a {
color: black !important; }

ul.main-menu li.submenu ul a:hover {
color: black !important;
background-color: #6699CC; }


/* =====================================
==== SUB MENU STYLE ========================
======================================*/


div.sec {
display: block;
width: 9em;
height: 100%;
background-color: silver;
margin: 0;
padding: 0;
border: solid black 0.5pt;
font-variant: small-caps;
font-size: 11pt; }

div.sec img {
display: block;
width: 9em; }

ul.sec-menu {
display: block;
list-style: none;
margin: 0;
padding: 0;
border: 0; }


/* =====================================
==== PAGE STYLE ========================
======================================*/

body {
font-family: arial;
font-family: sans-serif; }

div.title h1 {
display: block;
background-color: #3366CC;
color: black;
border: solid black 0.5pt;
margin: 0;
font-size: 20pt; }

div.doc {
display: block;
position: absolute;
left: 10em;
top: 5em; }

div.doc h2 {
display:block;
font-size: 13pt; }

div.doc h3 {
display:block;
font-size: 10pt;
margin: 0pt 120pt 12pt 18pt; }

div.doc p {
display:block;
padding: 0;
margin: 0pt 120pt 12pt 18pt;
font-size: 10pt;
text-align: justify; }

div.doc p.block {
padding: 0pt 48pt 0pt 48pt; }

div.doc p.ref {
margin: 0pt 120pt 6pt 30pt; }

div.doc p.centre {
text-align: center; }

div.todo {
visibility: hidden; }