* {
   font-family: Arial, Helvetica, sans-serif;
}

html {
   margin: 0;
   padding: 0;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
   color: black;
   height:100%;   
}

h1 {
   font-size: 133%;
   text-transform: uppercase;
   font-style: italic;
   letter-spacing: 0.1em;
   padding: 1em 0 1em 0;
   color: darkgray;
}

h2 {
   font-size: 133%;
   margin: 0;
   padding: 0.5em 0 0 0;
   border-bottom: 1px dotted gray;
   color: darkgray;
}

h3 {
   font-size: 110%;
   margin: 0;
   color: darkgray;
}

h4 {
   font-size: 100%;
   margin: 0;
   color: darkgray;
}

p {
   line-height: 1.66;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

img {
   border: none;
}



#menu h4 {
   font-size: medium;
   padding: 1ex 0.7em 1ex 0;
   text-align: right;
   border-right: 3px double darkgray;
}

#menu ul {
   padding: 0;
   margin: 0;
   border-top: 1px solid darkgray;
   border-bottom: 1px solid darkgray;
}

#menu ul li {
   font-size: medium;
   list-style: none;
   padding: 0 0.7em 0 0;
   border-right: 1px solid darkgray;
   line-height: 4ex;
   text-align: right;
}

#box {
   width: 100%;
   height: 100%;
   padding:0;
   margin:0;
   float:left;
}
#menu {
   margin-left: 0;
   padding-left: 0;
   float: left;
   width: 180pt;
}
#menuid{
   position: fixed;
   overflow: auto;   
}
#content {
   margin: 0 15pt 0 180pt;
   padding:0;
   max-width: 850pt;
   min-width:inherit;
   height:100%;
   background: rgb(255, 255, 255);
}

.subcontent {
   width: 94%;
   padding:20pt 3%;
   text-align:left;
}

body {
   background: rgb(73, 135, 255);
}
.subcontent table {
   width:100%;
}

td, th {
   vertical-align:top;
}