body {
    background-image: url(straw.jpg); 
    margin: 4px;
    margin-left: 160px;
    font-family: lucida, arial, sans-serif;
    font-size: 80%
}
@media handheld, tv {
	body {
		margin: 4px;
	}
}
@media print {
	body {
		margin: 4px;
	}
}


H1, H2, H3, H4 {
    font-family: serif;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
}

H1 {
    font-size:250%;
    font-weight:100;
    color: #6E908A;
    font-style: normal;
}
H2 {
    font-size: 175%;
}
H3 {
    font-size: 150%;
}
H4 {
    font-size: 125%;
}
H5 {
    font-size: 100%;
}

H2,H3,H4,H5 {
    font-weight: 400;
    color: #48605C;
    font-style: italic;
}


pre {
   font-family: courier new, courier, monospaced;
   margin: 2px;
}

em {
   color: #000080;
   font-style: italic;
   font-weight: bold;
}

.sidebar, .noteblock, .problock, .conblock {
   border: 1px solid black;
   font-family: lucida, arial, sans-serif;
   margin: 4px;
   z-index: 1000;
   /* width: 10px; */
   background:url('gleam.png') no-repeat right bottom;
}

TABLE, TD, TR {
   font-size: 100%;  /* Does this mean anything to you?  Bloody IE! */
}

.sidebar H1, .noteblock H1, .problock H1, .conblock  H1 {
   margin: 0px;
   padding: 0px;
   padding-left: 30px;
   color: white;
   font-size: 135%;
   text-align: right;
   font-style: italic;
   font-family: lucida, arial, sans-serif;
   font-weight: bold;
   white-space: nowrap;
}

.sidebar P, .sidebar TABLE, .sidebar FORM, 
.noteblock P, .noteblock TABLE, .noteblock FORM,
.problock P, .problock TABLE, .problock FORM,
.conblock P, .conblock TABLE, .conblock FORM {
   margin: 0.3em;
}

.sidebar {
   float:right;
}

.sidebar, .noteblock {
   border-color: #6E908A;
   background-color: #D4E0E0;
}

.sidebar H1, .noteblock H1 {
   background-color: #6E908A;
}


.breadcrumbs {
   font: 90% Arial, sans-serif;
   color: black;
   border-bottom: 1px solid black;
   padding: 0;
   padding-bottom: 2px;
}
@media handheld, tv {
	.breadcrumbs {
		display: none;
	}
}

.breadcrumbs>*:first-child {
   padding-left: 0;
}

.breadcrumbs * {
   padding: 0;
   padding-right: 6px;
   padding-left: 6px;
   text-decoration: none;
}

.breadcrumbs A {
   color: navy;
   border-right: solid 1px black;
}




.problock {
   border-color: #506A44;
   background-color: #D1E2CF;
}

.problock H1 {
   background-color: #506A44;
}

.conblock {
   border-color: #88403E;
   background-color: #E2CDC5;
}

.conblock H1 {
   background-color: #88403E;
}

.inset {
   border: 1px solid transparent;   border-right-color: white;   border-bottom-color: white;
}

.outset {
   border: 1px solid transparent;   border-left-color: white;   border-top-color: white;
}

p {
   margin: 0.5em;
   margin-left: 1.5em;
}

H2 {
   margin: 0;
}



.pip, div.popup p.pip, TD p.pip {
   margin: 4px;
   margin-left: 2.5ex;
   display: list-item; 
   list-style-position: outside;
}

.ack {
   list-style-image: url(ack.png);
}
.nack {
   list-style-image: url(nack.png);
}
.nyet {
   list-style-image: url(searching.gif);
}

.pushbutton {
   border-top: 2px white solid; border-right: 2px #540055 solid; border-bottom: 2px #540055 solid; border-left: 2px white solid;
   padding-top: 1px; padding-right: 6px; padding-left: 6px; padding-bottom: 1px; 
   margin: 3px;
   font-family: Arial; font-weight: bold; font-size: 90%; 
   color: black; 
   text-decoration: none; 
   background-image: url(btnface.jpg); background-repeat: repeat-x; background-position: center; 
}

.wizmap {
   border-bottom: 1px solid black;
   margin:4px; 
}

.wizmap .urhere {
   font-weight: bold;
}


DIV.mainmenu {
   position: absolute;
   left: 4px;
}
@media print {
	DIV.mainmenu {	
		display:none;
	}
}

DIV.Menu {
   font: 90% Arial, sans-serif;
}
@media handheld, tv {
	DIV.menu {
		margin: 0;
		padding: 0;
	}
}

DIV.Menu, DIV.Menu DIV {
   padding: 0px;
   width: 145px;
   margin:0px;
   position: relative;
   border: 1px solid;
   border-left-color: black;
   border-top-color: black;
   border-right-color: silver;
   border-bottom-color: silver;
   background-color: white;
}



DIV.Menu DIV {  /* hidden one */
   margin-left: 0px;
   margin-top:-1.5em;
   display: none;
   position: absolute;
   left: 90%; 
}

DIV.Menu DIV.active { /* visible one */
   display: block;
   position: relative;
   border: none;
   margin-top: 3px;
   margin-bottom: 4px;
   margin-left: 15px;
   margin-right: 0px;
   left: 0;
   width: auto;
}
@media handheld, tv {
	DIV.menu DIV.active {
		margin: 0px;
		margin-left: 8px;
		padding: 0px;
	}
}


DIV.Menu A:hover + DIV, DIV.Menu A + DIV:hover  {
   display:block;
   z-index: 1;
}


DIV.Menu A {
   display: list-item;
   list-style-position: outside;
   list-style-type: circle;
   margin-left:1.3em;
   color: black;
   text-decoration: none;
   /* white-space: nowrap; */
   position: relative;
   padding-left: 4px;
}
@media handheld, tv {
	DIV.menu A {
		margin: -10px;
		padding: 0px;
		white-space: nowrap;
	}
}


DIV.Menu A:hover {
   text-decoration: underline;
}

DIV.Menu A.active {
   font-weight: bold;
   list-style-type: disc;
}