body {
	margin: 0px;
	padding: 0px;
	background: #dd9;
	}
h1, h2, h3 {
  font-family: helvetica,arial,sans-serif;
  background-color: #cc9;
  padding: 2px;
  }
#content {
  position: absolute;
  top: 100px;
  left: 10%;
  width: 60%;
  }
#rightcontent {
  position: absolute;
  top: 100px;
  left: 72%;
  width: 26%;
  }
.dots {
  margin-left: 10%;
  color: #693;
  line-height: 70%;
  border: 0;
  padding: 0;
  background-color: transparent;
  }
.small {
  font-size: .85em;
  }
li {
  margin-bottom: .2em;
  }
ol li {
  clear: both;
  }
a {
  color: #060;
  }
a:visited {
  color: #363;
  }
p {
  margin: 0 0 .5em 0;   /* t r b l */
  text-align: justify;
  text-indent: 2em; 
  }
p.note {
  margin: 1em 2em;
  text-indent: 0;
  text-align: left;
  font-style: italic;
  font-weight: 700;
  border: 2px solid #cc9;
  padding: 1em;
  }
.floatr {
  float: right;
  margin-left: 1em;
  width: 171px;
  }
.floatl {
  float: left;
  margin-right: 1em;
  width: 171px;
  }
.capt {
  font: 11px/1.0 verdana,arial,sans-serif;
  font-weight: 700;
  width: inherit;
  text-indent: 0; 
  text-align: left;
  }
.procedure li {
  clear: both;
  }

/* ==========================================
   CSS dropdown made from mainnav list 
*/
#mainnavs {
	font: .85em/1.2 verdana,arial,sans-serif;
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	background: #330;
  z-index: 7;
  text-align: center;
	}
#mainnavs ul {    /* first-level lists */
  padding: 0;
  padding: 0 0 0 0;   /* t r b l */
  margin: 0 0 0 0;   /* t r b l */
  list-style: none;
  color: #fff;
  }
#mainnavs li {
  position: relative;
  float: left;
  width: 12em;
  padding: 0 0 0 0;  /* t r b l */
  }
#mainnavs li ul {  /* second-level lists */
  font-size: 1em;
  display: none;      /* hides the pulldown */
  position: absolute; 
  top: 1.2em;  /* for IE/Win only */
  left: 0;
  margin: 0;
  padding: 0;
  width: 12em;
  background: #330;
  text-align: left;
  }
#nav {
  position: relative;
  left: 10%;
  text-align: left;
  }
#nav li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
  top: auto;
  left: auto;
  }
#nav ul ul {                   /* higher-level list containers */
  display: none;               /* don't display by default */
  margin-left: 12em;          /* this should be the width of #nav ul li */
  margin-top: -1.3em;          /* pushes the sub-menu up to the level of it's parent */
  }
#nav li a {
  display: block;
  color: #fff;
  margin: 0 0 0 0;    /* t r b l */
  padding: 0 0 0 0.5em;   /* t r b l */
  text-decoration: none;
  width: 100%;   /* for IE only */
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 95%;
  }
#nav li a:hover {
  background: #693;   /* nav highlight color */
  }

/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
/* first turn lower ones off... */
#nav li:hover ul ul,              
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li:hover ul ul ul ul ul {
  display:none;
  }

/* now turn hovered one on... */
#nav li:hover ul,
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul {
  display:block;
  }
/*              end of dropdowns CSS             */