body{ font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/greback.jpg); word-wrap: break-word; }
#caption { color: black; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 9pt; background-color: white; margin-top: 8pt; }
td.hed { background-image: url(../images/top_backing.jpg); background-repeat: repeat-x; }
#menu { background-image: url(../images/top_backing.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: auto; float: left; }

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
}

#menu h2 { color: #444; background-image: url(../images/toc_on.jpg); background-repeat: repeat-x; background-position: 0 0; text-transform: uppercase; }

#menu a { color: #000; background: #ecd468 url(../images/toc_on.jpg) repeat-x; text-decoration: none; margin: 0; padding: 2px 3px; display: block; }

#menu a:hover { color: #444; background: #e6c017 url(../images/toc_off.jpg) repeat-x; }

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
#main { margin: 16px; }
#main1 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f1e8b9; margin: 16px; padding: 2px 16px 16px; }
#side1 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e6e6e5; float: left; clear: left; margin: 6px; padding: 2px 16px 16px; }
#side2 { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c7b9d6; float: left; clear: left; margin: 6px; padding: 2px 16px 16px; }
#body-main { padding: 2px 16px 16px; }
#footer { color: black; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px; }

p {
	font: 10pt/14pt;  font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12pt;
}
h1 { font-size: 18pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; }
h2 { font-size: 16pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; }
h3 { font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600; }

td.index {
	background: url(../images/perspectiveb.jpg) no-repeat fixed center;
}

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;
	background: url(../images/perspectiveb.jpg) no-repeat fixed 50%;
}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(../csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->