body { background: #ffffff;

        }
        a:link {
            color:#84032C;text-decoration:none;
        }
        a:visited {
            color:#84032C;text-decoration:none;
        }
        a:hover {
            color:#c7567f;text-decoration:none;
        }
        a:active {
            color:black;text-decoration:none;
        }
        th {
            font: 9pt Geneva, 'Georgia',palatino, new york, century schoolbook, new century schoolbook;
            font-weight: bold;
            color: #444444;
        }

        td {
            font: 8pt Geneva, Verdana, palatino, sans-serif;;
            color: #444444;
            padding: 1pt;
            margin:  2px 2px 2px 2px ; 
        }

.table > tbody > tr > td {
     vertical-align: middle;
}

        p, li {

            font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
            color: #555555;
            text-align: middle;
        }


        h1, h2 {
            font: palatino, new york, century schoolbook, new century schoolbook, times;
            color: #ffffff;
        }
        h3 {
            font: palatino, new york, century schoolbook, new century schoolbook, times;
            color: #000000;
        }


        .heading {
            font: 20pt 'Georgia','Times New Roman';
            font-weight: bold;
            color: #ffffff;
            background: #84032C;
            padding: 15pt;
            margin:  20px 20px 0px 20px ; 
            text-align: center;
        }

        .subheading {
            font: 10pt palatino, new york, century schoolbook, new century schoolbook; 
            color: #333333;
            background: #F4E3F5;
            padding: 6pt;
            margin: 0px 20px 0px 20px;
            text-align: center;
        }

                .highlight {
                    font: 10pt courier;
                    background: #FF9999;
                    padding: 0pt;
                    margin: 0px 0px 0px 0px;
                    text-align: center;

                }

                .detail {
                    font: italic 9pt sans-serif;
                    color: #84032C;
                    text-align: right;
                    margin: 20px;   
                }

                .blueheader  {
                        font: bold 16pt palatino, new york, century schoolbook, new century schoolbook;
                        color: #ffffff;
                        background: #4E6EAF;
                        padding: 10pt;
                        margin: 0px 20px 0px 20px;
                        text-align: left;
                }
        
                .bluepage  {

                        font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
                        color: #000000;
                        background: #B5CDE6;

                        background-image: url("mahoriemboss3.jpg");
                        margin: 0px 20px 0px 20px;
                        padding: 10pt;
                        text-align: left;
                }

                .orangeheader {
                        font: bold 12pt Verdana, Geneva, Arial, Helvetica;
                        color: #ffffff;
                        background: #E78F47;
                        padding: 10pt;
                        margin: 0px 20px 0px 20px;
                        text-align: left;
                }

               .orangepage  {

                        font: bold 9pt Verdana, Geneva, Arial, Helvetica;
                        color: #000000;
                        background: #F2D5A8;
                        padding: 10pt;
                        margin: 0px 20px 20px 20px;
                        text-align: center;
                }

                .pb {
                        font-weight: bold;
                        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                        color: #444444;
                        font-size:0.9em;
                }
                .comments {

                        font-family: "Times New Roman", Times, serif;
                        color: #FF00FF; font-size:1.1em;
                }
                .modified {

                    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
                    color: #888888;
                    margin: 0px 40px 20px 20px;
                    text-align: right;
                }
                .fbbox {

                    font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
                    color: #888888;
                    margin: -90px 40px 20px 20px;
                    text-align: left;
                }

keeptogether {
white-space: nowrap;
}

.hilightHBOND { background-color: #AAFFFF; }
.hilightWEAK_HBOND { background-color: #ccFFFF;}
.hilightHALOGEN_BOND { background-color: orange;}

.hilightIONIC { background-color: #FF99FF; }
.hilightCOVALENT{ background-color: #FF7777; }
.hilightMETAL_COMPLEX { background-color: #AAAAFF; }

.hilightAROMATIC { background-color: #99FF33; }
.hilightAROMATIC_FACE { background-color: #99FF99; }
.hilightAROMATIC_EDGE { background-color: #99FF33; }
.hilightDISP_FACE_TO_FACE { background-color: #33FF99; }


.hilightCARBONYL { background-color: #CCCCCC; }
.hilightVDW { background-color: #FFFFAA; }
.hilightHYDROPHOBIC { background-color: #FFDD77; }



@media print {
  .hilightHBOND { background: #AAFFFF !important; }
  .hilightWEAK_HBOND { background: #ccFFFF !important;}
  .hilightHALOGEN_BOND { background: orange !important;}
  
  .hilightIONIC { background: #FF99FF !important; }
  .hilightCOVALENT{ background: #FF7777 !important; }
  .hilightMETAL_COMPLEX { background: #AAAAFF !important; }
  
  .hilightAROMATIC { background: #99FF33 !important; }
  .hilightAROMATIC_FACE { background: #99FF99 !important; }
  .hilightAROMATIC_EDGE { background: #99FF33 !important; }
  .hilightDISP_FACE_TO_FACE { background: #33FF99 !important; }
  
  .hilightCARBONYL { background: #CCCCCC !important; }
  .hilightVDW { background: #FFFFAA !important; }
  
  .hilightHYDROPHOBIC { background: #FFDD77 !important; }

  a[href]:after {
    content: none !important;
  }   
    
  div.row div.col-md-5{
    display: none !important;
  }
  div.row div.col-md-7 div.container-fluid {
    overflow: visible !important;
  }
}


.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 350px;}
.dropv li {float: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #cce5ff; 
  padding: 0px 0px 0px 4px; width: 350px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.dropv li ul li a {color: #202020; text-decoration: none; display: block;}
.dropv li ul li a span{color: #006600;}
.dropv li ul li a:hover {color: yellow; background:#122a9b}
.dropv li ul li a span:hover {color: #ff9933; }