div.topBanner{ width:100%; display:inline; height:70px; position:fixed; top:1px; left:1px; background-image: url('../images/banner_middle.jpg'); z-index:2;}
.left{float:left; /*position:fixed;*/ }
.right{float:right; /*position:fixed;*/}
div.mainMenu{width:100%; display:inline; height:18px; background-color:#7e271e; position:fixed; left: 1px; bottom: 0px; border: 3px 0px 0px 0px;  border-color:#fff; z-index: 12; padding: 5px 0px;}
div.mainMenu a { border:0px; padding-left:2%}
div.mainMenu a img { border:0px; }
div.legendcontent {z-index:15;padding: 0px ; color:#666;top:20px; right:5px; position:absolute;/*background:white;*/border-top: 2px solid #999}
div.legendContent {z-index:10;background-color:transparent; opacity:0.7; filter:alpha(opacity=70); top:2px; left:2px;/* right:1px;*/ position:relative;  padding:3px; }
 div.legendWindow { width:250px; height:180px;  position:fixed; right:15px; top:180px; z-index:10;
                  background-color:transparent;  background-image:url(../images/legend_background.png); /*border: 3px solid #999;*/ padding: 0px;                
                  color: #3f3f3f;  opacity:0.85; filter:alpha(opacity=85);
                  }
 div.legendWindow a {color:#a39a5f; font: normal small-cap normal 7pt Verdana;}
  div.legendWindow h4{color:#7e271e; font: normal small-cap normal 10pt Verdana;}
.closeLegend {display:inline;  font-size:small; font-weight:bolder;}
  div#extras {position:fixed; bottom:55px; right:10px; z-index:1; display:block; width:auto; height:60px;/**/  padding-left:10px; vertical-align:top; text-align:left;    }
  div#extras input{/*padding-left:25px;*/ font: italic normal bold 8.91pt Verdana; width:auto; color:#fff; background-color: transparent ;border:0px; height:19px;text-align:left;}
   div#extras span {position:relative; right:0px;}
 .enGloss{ background-color: transparent ;border:0px; position:relative; left:-1px; top:-2px;  padding-left:10px; font: italic normal bold 8.91pt Verdana; /*width:110px;*/ color:#fff; background-image:url(../images/hello_middle_up.gif); background-position: bottom left;/*text-align:right;*/ margin-right:-2px; width:auto;}
 .enGloss:hover{/*padding:5px; */font: italic normal bold 8.91pt Verdana; width:auto; color:#fff; background-image:url(../images/hello_middle_ov.gif); background-position: bottom left;/*text-align:right;*/}
  .frGloss{ background-color: transparent ;border:0px; position:relative; left:-1px; top:-2px;  padding-left:10px;  font: italic normal bold 8.91pt Verdana; width:auto; color:#fff; background-image:url(../images/bonjour_middle_up.gif)/*url(../images/gloss_fr_up.png)*/; background-position: bottom left;text-align:left;/**/margin-right:-2px;  width:auto;}
  .frGloss:hover{/*padding:5px; */font: italic normal bold 8.91pt Verdana; width:auto; color:#fff; background-image:url(../images/bonjour_middle_ov.gif); background-position: bottom left;/*text-align:right;*/}
  .mcat{ /*text-transform: capitalize;*/ background-image:url(../images/greetings_up.gif); text-align: right; width:250px; height:23px; color:#fff; font: normal normal bold 8.91pt Verdana; position:fixed; right:8px; z-index:-1; /*border:1px solid white;*/ padding-right:25px; padding-top:3px; background-position: top right; vertical-align:bottom; background-repeat:no-repeat;}
  .scat{ /*text-transform: capitalize; */display:inline;  background-image:url(../images/helloselect_up.gif); text-align: right; width:250px; height:20px; color:#fff; font: italic normal 800 8.91pt Verdana; position:fixed; right:8px; top:125px; z-index:-1; /*border:1px solid white;*/ padding-right:25px; padding-top:3px; background-position: top right; vertical-align:center; background-repeat:no-repeat;}
   .mcat:first{font-variant: small-caps;}
   .mcat:hover, .mcatH{ /* text-transform: capitalize;*/ background-image:url(../images/greetings_ov.gif);  text-align: right; width:250px; height:23px; color:#fff; font: normal normal bold 8.91pt Verdana; position:fixed; right:8px; z-index:-1; /*border:1px solid white;*/ padding-right:25px; padding-top:3px; background-position: top right; vertical-align:bottom; background-repeat:no-repeat;}
   .scat:hover, .scatH{ /* text-transform: capitalize;*/ background-image:url(../images/helloselect_ov.gif); text-align: right; width:250px; height:20px; color:#fff; font: italic normal 800 8.91pt Verdana; position:fixed; right:8px; top:125px; z-index:-1; /*border:1px solid white;*/ padding-right:25px; padding-top:3px; background-position: top right; vertical-align:center; background-repeat:no-repeat;}
   select {opacity:0.0; filter:alpha(opacity=0); width:230px;}
   .catSelect option {color:#ab3a23; /*background-color:#ab3a23; */opacity:0.7; filter:alpha(opacity=70);}
   .meanings select option{color:#a19b5d; /*background-color:#a19b5d; */opacity:0.7; filter:alpha(opacity=70); text-align:right; max-width:250px}
  
   p{ line-height:15pt; vertical-align:bottom;}
  .copy {color:white; font: italic normal bold 4.91pt Verdana; z-index:20;}
  .s{height:10px;}
  .soundBut {vertical-align:top; position:relative; left:0px; font: normal normal bold 9pt Verdana; width:auto; height:33px; color:#fff;  background-color: transparent ;border:0px; background-image:url(../images/soundbutton_middle_up.png); background-position: bottom left; margin:0px;}
  .soundBut:hover {background-image:url(../images/soundbutton_middle_ov.png); }
  .title {font: normal normal bold 9pt Verdana; color:#7e271e; vertical-align:top;}
  #warning {color:red; font-size:bold;}
  .syllabics {   background-color: #7E271E;   color:white;   font-size: 20px;   border: solid black 1px;   padding:3px;   vertical-align:middle;    font-family:'BJCree UNI'; }