body {
  background-color: White;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
}

h1 {
  margin-top: 0px;
  font-size: 12pt;
}

p.credit {
  margin: 0px 5px 0px 0px;
  font-size: 10px;
  font-style: italic;
  float: right;
}

hr {
  margin-top: 40px;
}

article#arActive,
article#arPassive {
  display : none;
}

canvas#cvImage {
  border: 1px solid black; 
  margin-left: 10px; 
  cursor: grab;}

table#taScale {
  width: 270px;
}

input {
  width: 240px;
}

input#ibReset {
  float: right;
  width: 100px;
}

.selbox {
  width: 320px;
}

.signature {
  font-style: italic;
  align : center;
}

canvas#cvImage {
  cursor: crosshair;
}

.namebox {
  position: absolute; 
  top: 520px; 
  left: 50px;
  z-index: 99;
  font-style: italic;
}


                            /* Style for the menu bar */

nav {margin: 0px; z-index: 999; position:relative;} /*Bottom margin was -10px removed as for cue. Position relative added so z-index effective*/

nav ul ul { display: none;}

nav ul li:hover > ul {display: block;}

nav ul {
  margin: 0px;/*seemed to inherit a 30pt left margin and 10px top and bottom*/
  background: #1B58B8;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
  padding: 0px 0px;
  list-style: none;
  width: 100%; /*Need this for IE as well as clear both below*/
}

nav ul li {
  float: left; /*If use inline-block IE makes them 100% wide so use float*/
  position: relative;
  height: 28px; /* 30 */
  width: 250px;
}

nav ul:after {content: ""; clear: both; display:block;} /*Need to do this as floating li means ul collapses*/
    
nav ul li:hover {background: DarkBlue;}
        
nav ul li:hover a {color: black;}

nav ul li:hover > a {color: OrangeRed;}
    
nav ul li a {
  display: inline-block;
  width: 100%;
  height:100%;
  line-height:27px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

nav ul ul {
  background: #f9f9f9;
  box-shadow: 8px 8px 16px 0px rgba(0,0,255,0.4);
  position: absolute; 
  top: 100%;
  left: 0%;
}
    
nav ul ul li {
  color : black;
  border-top: 1px solid LightSlateGrey;
  border-bottom: 1px solid Silver;
}
        
nav ul ul li a {
  text-align:left;
  width: 90%; /*width plus padding gives same width as parent a*/
  padding-left: 10%;
}    
            
nav ul ul li a:hover {background: #e0e0ff;}

nav ul ul ul {position: absolute; left: 100%; top:-1px;} /*Top of child li (including border) aligns with top of parent without border*/