/* general */
html, body { 
  font-family: Arial, Verdana, Tahoma, sans-serif;
   margin-right: 0;
   margin-left: 0;                                                   /* sets all to 0 */
   padding: 0;                                                 /* Opera sets padding on body */
   color: #000000;
}
body, html, div, th, td, span, dd, h1, h2, h3   {
             /* redundant selectors to help NS4 not forget */
   font-family: Arial, Verdana, Tahoma, sans-serif;
    }
p {font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: .8em;
	margin: 15px;
   color: #111111;}
ul {font-size: .8em;}
ol {font-size: .8em;}
li {font-size: 8pt;}
#hbsbanner{background: #000000;}
#productbanner{color: #000000;}
#bannerlinetop{background: #000000;}
#bannerlinebottom{background: #000000;}
#topnav{background: #333;}

/* standard fills and lines */
.line{background: #000;}
.fill1{background: #E7AE6A;}
.fill2{background: #FFD9A6;}
.fill3{background: green;}

/* other pages */
#sidebar{color: #333; width: 275px;} /*background: #ffd299; */
#sidebar p{color: #443A2C; font-weight: bold; font-size: 0.85em; margin-left: 32px; margin-right: 25px; padding: 1px 0 1px 0;}
#sidebar p1{color: #443A2C; font-weight: bold; font-size: 0.85em; margin-left: 32px; margin-right: 25px; padding: 1px 0 1px 0;}
#sidebar strong{font-weight: bold; font-size: 110%;}
#sidebarnav{color: 333; background: #FFD9A6;} /*background:  #FFD9A6; #ffd299; */
#sidebarnav h2{color: #443A2C; font-weight: bold; font-size: 0.85em; margin: 0; padding: 10px 0 10px 0;}
#introtext{width: 370px;}
#introtext p{color: #443A2C; font-weight: bold; font-size: 0.85em; margin-left: 32px; margin-right: 25px; padding: 1px 0 1px 0;}
/* start page */
#startintrotext{width: 444px; height: 260px; margin: 0;}
#startintrotext p{color: #443A2C; font-weight: bold; font-size: 0.82em; margin: 5px 2px 5px 15px;  padding: 5px 0 5px 0;}

/* transcript */
#transcript{background: #FFD9A6; margin-top: 0;}
#transcript p{margin-left: 27px; margin-right: 27px;}
#transcript .p1{margin-left: 27px; margin-right: 27px; margin-top: 10px;}
#transcript h1{font-size: 120%; font-weight: normal; margin-left: 27px; margin-right: 27px;}
#transcript h2{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#transcript h3{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#transcript ul{list-style-type: none; margin: 0; padding: 0;}
#transcript li{list-style-type: none; margin: 0 0 5px 0;}
.toc{margin-left: 27px; margin-right: 27px; border: 1px solid #e7ae6a; font-size: 76%; padding: 5px; width: 200px;}
.tocLg{margin-left: 50px; margin-right: 27px; border: 1px solid #e7ae6a; font-size: 76%; padding: 5px;}
.transcriptheader{width: 475px;}
.transintro{margin-left: 50px; margin-right: 27px; border: 1px solid #e7ae6a; padding: 5px;}
#printban{display: none;}
#screenban{color: #000; display: block;}
.btop{border-top: 1px solid #333; text-align: right; display: block;}

/* for bios and credits and copyright pages */
#style2 {background: #FFD9A6; margin-top: 0;}
#style2 p{margin-left: 27px; margin-right: 27px;}
#style2 .p1{margin-left: 27px; margin-right: 27px; margin-top: 2px;}
#style2 h1{font-size: 120%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#style2 h2{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}
#style2 h3{font-size: 80%; font-weight: bold; margin-left: 27px; margin-right: 27px; margin-top: 2px; margin-bottom: 0;}
#style2 ul{list-style-type: none; margin: 0; padding: 0;}
#style2 li{list-style-type: none; margin: 0 0 5px 0;}
.style2header{width: 475px;} 

#popuptext{background: #FFD9A6; margin-top: 0;}
#popuptext p{margin-left: 27px; margin-right: 27px;}
#popuptext p1{margin-left: 27px; margin-right: 27px; margin-top: 10px;}
#popuptext h1{font-size: 120%; font-weight: normal; margin-left: 27px; margin-right: 27px;}
#popuptext h2{font-size: 110%; font-weight: normal; margin-left: 27px; margin-right: 27px; margin-bottom: 0;}

#flashbox{background: #9B5563; padding: 10px;}
#flashbox td{background: #863343; padding: 10px;}

.printbutton{background: #863343; border: 1px solid #000; padding: 5px; font-size: 76%;}
.printbutton A:link { color: white; text-decoration: none;}
.printbutton A:active { color: white; text-decoration: none;}
.printbutton A:visited { color: white; text-decoration: none;}
.printbutton A:hover { color: yellow; text-decoration: none;}

#footer{background: #000; color: #FFFFFF; text-align: center; font-size: 76%;}
.footnav {color: #FFFFFF;}
.footnav A:link { color: #FFFFFF; text-decoration: none;}
.footnav A:active { color: #FFFFFF; text-decoration: none;}
.footnav A:visited { color: #FFFFFF; text-decoration: none;}
.footnav A:hover { color: #FFFFFF; text-decoration: underline;}

/* mod map */
#mmpage{color: #333; background: #FFD9A6; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;}
.mmheader{font-size: 8pt; font-weight: bold; color: #333;}
#mmlegend{border: 1px solid #333; background: #F0CC9B;}
.mmcol {color: #333;}   
.mmcol1 {padding-left: 10px;}   

/* *** front page rollovers ***** */
/* tooltip from madabout style.com*/
a.info{
    position: relative; /*this is the key*/
    z-index: 5; 
    text-decoration: none;}
a.info:hover{z-index: 6; background: transparent;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 27px; left: 10px; width: 500px; padding: 5px;
    border-left: 1px solid #70232B;
	border-right: 1px solid #70232B;
	border-bottom: 1px solid #70232B;
    background-color: #FFF0DD; color: #555;
    font-size: 80%; font-weight: normal; z-index: 7;}

/*  ****************** buttons ***************************** */
/* one line background arrow */
.buttonarr{background-image: url(images/buttonbg-off.gif); width: 300px; background-repeat: no-repeat;}
.buttonarr A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding: 5px;}
.buttonarr A:link{color: #772636;}
.buttonarr A:visited{color: #772636;}
.buttonarr A:hover{color: #772636; text-decoration: none; background-image: url(images/buttonbg300-over.gif); background-repeat: no-repeat;}

/* one line no arrow */
.button{text-decoration: none;}
.button A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding: 1px;}
.button A:link{color: #772636;}
.button A:visited{color: #772636;}
.button A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line no arrow */
.tocbutton{text-decoration: none;}
.tocbutton A{color: #772636; font-weight: bold; font-size: 8pt; text-decoration: none; display: block; padding: 0px;}
.tocbutton A:link{color: #772636;}
.tocbutton A:visited{color: #772636;}
.tocbutton A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line dot */
.buttondot{background-image: url(images/buttonbgdot-off.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px;}
.buttondot A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; 
padding: 5px 5px 5px 25px;}
.buttondot A:link{color: #772636;}
.buttondot A:visited{color: #772636;}
.buttondot A:hover {color: #772636; text-decoration: none; width: 381px; background-image:url(images/buttonbgdot-over.gif); background-repeat: no-repeat;}

/* two line background arrow */
.buttonarr2line{background-image: url(images/buttonbg-off.gif); width: 300px; background-repeat: no-repeat;}
.buttonarr2line A{color: #772636; font-weight: bold; font-size: 11pt; text-decoration: none; display: block; padding: 5px;}
.buttonarr2line A:link{color: #772636;}
.buttonarr2line A:visited{color: #772636;}
.buttonarr2line A:hover{color: #772636; text-decoration: none; background-image: url(images/button2linebg300-over.gif); background-repeat: no-repeat;}

/* two line no arrow */
.button2line{text-decoration: none;}
.button2line A{color: #772636; font-weight: bold; font-size: 9pt; text-decoration: none; display: block; padding: 5px;}
.button2line A:link{color: #772636;}
.button2line A:visited{color: #772636;}
.button2line A:hover {color: #772636; text-decoration: none; background: #FFFFE1;}

/* one line header */
.headerarrowOpen{background-image: url(images/headerbg-off-open.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px; color: #443A2C; font-weight: bold; font-size: .9em; text-decoration: none; display: block; 
padding: 5px 5px 5px 25px;}
.headerarrow{background-image: url(images/headerbg-off-closed.gif); 
width: 381px; background-repeat: no-repeat; padding-bottom: 10px;}
.headerarrow A{color: #772636; font-weight: bold; font-size: .9em; text-decoration: none; display: block; 
padding: 5px 5px 1px 25px;}
.headerarrow A:hover {color: #772636; text-decoration: none; width: 381px; background-image:url(images/headerbg-over-closed.gif); background-repeat: no-repeat;}

.rollfill{background: #FFF0DD;}

/* instructions area */
.instructions{color: #443A2C; font-weight: bold; font-size: 0.85em; text-decoration: none; padding: 10px; margin: 0; width: 90%;}	
	
/* rollover area */
.rollarea{color: #443A2C; font-weight: bold; font-size: 0.85em; text-decoration: none;  background: #FFF0DD; padding: 10px; margin: 0; width: 90%;}	
.rollfill{background: #FFF0DD;}
.dropcap{font-size: 1.5em; margin-top: 5px;}

/* LAYERS */
#b0roll{background: #FFD9A6; visibility: visible; position: absolute; top: 165px; left: 344px; width: 470px; z-index: 9; padding-left: 10px; border: 1px solid red;}
#vidbox p{color: #eee; font-weight: bold;}
#b1roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 21;}
#b2roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 22;}
#b3roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 23;}
#b4roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 24;}
#b5roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 25;}
#b6roll{visibility: hidden; position: absolute; top: 175px; left: 310px; width: 490px; height: 150px; z-index: 26;}
#vidbox{background: #9B5563; visibility: hidden; position: absolute; top: 155px; width: 480px; height: 360px; border: 3px solid #333;  left: 310px; z-index: 10;}
#test{font-size: 130%; font-weight: normal; background: #fc0; padding: 5px; border: 1px solid #333;}
#test ul {padding: 0;;} /* for test page only */
#test li {font-size: 110%;} /* for test page only */
#rollovervariables{display: none;}