/*
 * NOTE: Netscape 4.7/8 loads imain.ns4.css after this, to fix up things
 * that don't work the same. But only on index.html. Content pages don't
 * use anything that needs fixup.
 *
 * non-NS4 version tested on Mac Safari, Firebird, IE 5.2
 *   Windows IE 6.0
 *   Lynx [though without stylesheet, of course]
 *   This stylesheet should work with any browser that does CSS properly.
 * NS4 version tested on NS 4.7/8 on Mac and Windows
 */

img {border:0}

body {background-color: white; margin: 0; padding: 0}

.topbar {top:0; left:0; width:616px; position:absolute; margin:0; padding:0}
.topbarw {top:0; left:0; width:766px; position:absolute; margin:0; padding:0}

.rightenv{width:155px; border:0; padding:0; margin:0; top:0; left:616px;
          position:absolute;
          font-family: Arial, Helvetica, sans-serif; font-size:80%}

.rightextra ul {padding:0; margin:18px 0 12px 0}

/* 
   unfortunately IE and Mozilla differ on spacing between images and
   text in a list item. The only way to make it look the same is to
   avoid list-style-image completely and do it the following way.
*/

.rightextra li {padding-left: 15px; margin:0;
    background-image:url(../images/caret.ur.gif); 
    background-repeat:no-repeat; list-style-type: none;}

.rightextra a {text-decoration: none; color: #c00000; font-weight:bold}

.rightbar{padding:5px; border-width:1px; border-style:solid;border-color:#999999;
          background-color: #fafbe6; margin:0}
.rightbar h5 {color: black; font-weight: bold; margin:0; font-size:100%;
              padding-top:10px}

.rightbar ul {padding:0; margin:0}

.rightbar li {padding-left: 12px; margin:0; line-height:1.2;
    background-image:url(../images/caret.ur.gif); 
    background-repeat:no-repeat; list-style-type: none;}

.rightbar a {text-decoration: none; color: black; font-weight:normal}

.rightbar a:active, .rightbar a:hover {color:#c00000; text-decoration:underline}

.rightmapw{width:102px; top:0; left:654px; position:absolute}
.rightmap{width:102px; top:0; left:494px; position:absolute}

.rightstub{width:12px; top:39px; left:771px; position:absolute;}
.rightstub2{top:12px; left:596px; position:absolute;}

.mainbody{margin-left:20px; width:580px}

.leftbar{border-width:1px;border-style:solid;float:left;width:200px;padding:5px;
         margin-right:10px;border-color:#999999; margin-top:10px;
         margin-bottom:10px;
         font-family: Arial, Helvetica, sans-serif; font-size:80%}
.leftbar ul {padding-left:20px; margin-left:0}

.leftbar h3 {color:#660033; font-size:130%; margin-top:20px}

/* IE 6 centers by default, Safari doesn't and ignores text-align */
/* So text-align: left turns off IE's centering and margin-left */
/* centers it manually */

.leftbar hr {width:100px; text-align: left; margin-left: 42px;
     height: 1px; border:0; background: #999999; color: #999999}

.depttitles {padding-left:72px}

.maintext{margin-left:52px;
/* font-family: Arial, Helvetica, sans-serif; */
}

.maintext h2 {font-family: Arial, Helvetica, sans-serif;
              font-size: 150%; color: #cc0000;}
.maintext H3 {font-family: Arial, Helvetica, sans-serif;
              font-size: 120%; color: #660033;}

.endnote hr {
   text-align: left; margin-top:25px;
   height: 1px; border:0; background: black; color: black;
   margin-bottom:15px}

.endnote {font-family: Arial, Helvetica, sans-serif; font-size: 80%;}

.endnote p {margin-top:0}

.endnote a {text-decoration: none; color: #660033}

/* for format D2 */

.graybar {position:absolute; left: 51px; top: 63px; width: 545px; height:16px;
           text-align: right}
.graybarw {position:absolute; left: 211px; top: 63px; width: 545px; height:16px;
           text-align: right}
.bar2 {position:absolute; left: 51px; top: 79px; width: 545px; height:16px;
       background: #dddddd; text-align: right}
.bar2w {position:absolute; left: 211px; top: 79px; width: 545px; height:16px;
       background: #dddddd; text-align: right}
/* ffb843 */

.graybar .contents, .graybarw .contents {color: #ffcc00; padding: 2px 10px 0 0;
          font-size: 11px; font-family:Arial, Helvetica, sans-serif}
.bar2 .contents, .bar2w .contents {color: black; padding: 2px 10px 0 0;
          font-size: 11px; font-family:Arial, Helvetica, sans-serif}

.graybar a, .graybarw a {text-decoration: none; color: white}
.bar2 a, .bar2w a {text-decoration: none; color: black}

.topwhited2 {padding-top:50px}

.maind2 {margin-left:52px; width: 545px; padding-top:40px}
.maind2wide {margin-left:52px; width:700px; padding-top:20px}

.totop {font-family: Arial, Helvetica, sans-serif; font-size: 80%;
        text-align: right}

.totop a {text-decoration: none; color: #003366}

.totop hr {height: 1px; border:0; background: black; color:black}

.endd2 {font-family: Arial, Helvetica, sans-serif; font-size: 80%;
        margin-left: 150px;
        text-align: left}

.endd2 p {margin-top: 4px}
.endd2 a {text-decoration: none; color: #660033}

.maind2 hr, .maind2wide hr {height: 1px; border:0; background: black; color:black}

@media print{
.maind2{margin-left:0;width:auto}
.maind2wide{margin-left:0;width:auto}
.mainbody{margin-left:0;width:auto}
.leftbar{width:150px}
.rightenv{position:static;float:right;margin-top:175px;margin-left:10px}
.rightstub{display:none}
}