body {
  background: #ffe;
  font: .75em/1.2 "Comic Sans MS",arial,sans-serif;
  background-image: url(../images/ltLegal.jpg);
  }
p {
  margin: 0 0 1em 0;
  }
strong {
	font-weight: 700;
	}
h1 {
  font: 2em/1.0 helvetica,arial,sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 6px;
  background: #cde;
  border-bottom: 1px solid #cde;
  }
h2 {
  font: 1.5em/1.2 helvetica,arial,sans-serif;
  font-weight:700;
  margin-bottom:0px;
  }
h3 {
  font: 1.2em/1.2 helvetica,arial,sans-serif;
  font-weight:700;
  margin-bottom:0px;
  }
a {
  font: 1em/1.2 helvetica,arial,sans-serif;
  text-decoration: none;
  }
a:hover {
  color: green;
  }
tt, pre, code	{
  font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
  font-weight: 700;
  color: #360;
  }
pre {
  margin-left: 2em;
  margin-bottom: 2em;
  padding: .25em;
  background: #ffc;
  border: 1px solid #cc9;
  }
#header {
  position: absolute;
  top: 10px;
  left: 25%;
  width: 70%;
  }
#leftcontent {
  position: absolute;
  top: 20px;
  left: 2%;
  width: 20%;
  text-align: center;
  voice-family: "\"}\"";
  voice-family: inherit;
  position: fixed;
  }
.leftnavs {
 display: block;
 margin: 4px 0px;
 }
#rightcontent {
  top:20px;
  left:25%;
  width: 65%;
  voice-family: "\"}\"";
  voice-family: inherit;
  position: absolute;
}
#maincontent {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  }
#firstli {
  height: 3em;
  vertical-align:text-bottom;
  }
.box {
   border: 1px; 
   text-align: center; 
   padding: 2px;
   }
.red {
	color: red;
	}
.bar {
  font-size: 14px;
  font-weight: 700;
  font-family: helvetica,arial,sans-serif;
  background-color: #ccf;
  padding: 2px;
  margin-top: 2em;
  }
/* Google ads styles */
#gads {
  position: absolute;
  top: 2em;
  left: 82%;
  width: 18%;
  padding-left: .5em;
  border-left: 1px solid #fdb;
  font: 1em/1.0 "Comic Sans MS",arial,sans-serif;
  }
#gads font {
  font-size: 1em;
  }
#gads .a {
  color: #00c;
  }
#gads a {
  text-decoration: underline;
  }

/* these are the two top sections of the index page */
#tlcontent {
  position:relative;
  float: left;
  width: 50%;
  margin-bottom: 2em;
  }
#trcontent {
  position:relative;
  top: 0;
  left: 0;
  float: right;
  width: 45%;
  padding: 0 0 0 0.5em;
  border: 1px solid #fdb;
  margin-bottom: 2em;
  }
#trcontent li {
  font: 1em/1.5 helvetica,arial,sans-serif;
  }

.bar {
  font-size: 1.2em;
  font-weight: 700;
  font-family: helvetica,arial,sans-serif;
  background-color: #ccf;
  padding: 2px;
  margin-top: 2em;
  }
.teaser {
  font-style:italic;
  }
.capt {
  font-size: .9em;
  font-family: verdana,helvetica,arial,sana-serif;
  font-weight: 700;
  }
.sm {
  font-size: .85em;
  font-family: verdana,helvetica,arial,sans-serif;
  }
.rpullquote {
  font: 1.2em/1.2 verdana,helvetica,arial,sans-serif;
  font-weight: 700;
  float: right;
  width: 180px;
  color: #933;
  border-left: 8px solid #06f;
  padding: 0px;
  padding-left: 6px;
  margin-left: 12px;
  }
.lpullquote {
  font: 1.2em/1.2 verdana,helvetica,arial,sans-serif;
  font-weight: 700;
  float: left;
  width: 180px;
  color: #933;
  border-right: 8px solid #06f;
  padding:0px;
  padding-right:6px;
  margin-right:12px;
  }
.warn {
  border-left: 8px solid #06f;
  border-right: 8px solid #06f;
  padding: 0 1em;
  margin: 2em 2em;
  }
.red {
  color: red;
  }
.steps {
  margin-bottom: 0.75em;
  }
.tbody1 {
  width: 90%;
  border: 1px solid #c90;
  background: #ffe;
  padding: 8px;
  margin: 0 0 8px 0;   /* t r b l */
  }
.tab {
  font: 1em/1.5 helvetica,arial,sans-serif;
  color:white;
  font-weight:700;
  background:#c90;
  }
.box {
  border: 1px solid #fdb; 
  text-align: center; 
  padding: 2px;
  }
.hide {
  display: none;
  }

/* rules for fancy note "cards" */
#card {
  width:90%;
	margin:0px auto 2em auto;   /* t r b l --to center it */
	margin:0 auto 2em 0;   /* t r b l  -- left-aligned */
	}
#ctab {
  background:url("../images/ulochre.gif")
  no-repeat left top;
  }
#ctab p {
  font: 1em/1.5 helvetica,arial,sans-serif;
  width:35%;
  background:url("../images/urochre.gif")
  no-repeat right top;
  color:white;
  font-weight:700;
  margin: 0 0 0 20px;   /* t r b l */
  padding:2px;
  }
#cbody {
  border:1px solid #c90;
  background:#ffe;
  padding:10px;
  }
#cbody li {
  margin-bottom:.5em;
  }
/* end rules for cards */

/* CSS dropdown made from leftcontent list */
#leftcontent ul {
  padding: 0;
  margin: 0 0 1em 0;   /* t r b l */
  list-style: none;
  border: 1px solid #cde;
  background-color: #cde;
  }
#nav {
  background: url("../images/triangleselector.gif") 95% no-repeat;
  }
#nav li {
  position: relative;
  left: 0;
  width: 100%;
  }

#nav li ul {  /* second-level lists */
  font-size: 1em;
  display: none;      /* hides the pulldown */
  position: absolute; 
  top: 3em;  /* for IE/Win only */
  left: 0;
  width: 100%;
  padding: 0 0 1em 0;  /* t r b l */
  border: 1px solid #cde;
  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;
  width: 100%;
  }

#nav li a {
  display: block;
  margin: 0 0 0 0;
  padding-left: .5em;
  }
#nav li a:hover {
  color: black;
  background: #ff9;
  }
/* this is the visibility switch to show the pulldown */
#leftcontent li:hover ul, #leftcontent li.over ul { display: block; }  
/* end rules for pulldown */

.print {
  position: relative;
  margin-right: 0.5em;
  }