@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
    font-family: 'Roboto', sans-serif;
}
#hmheadbox {
    background: #fff;
    height:140px;
    text-align:right;
}

#navbar {
    height:88px;
}

#hmnavframe {
    top:88px;
}

#hmcontentbox {
    border-left:1px dotted #c00f1a;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20%;
    background: #FFF;
}

#navbar, body #idheader table {
background: #c00f1a;
}

#hmcontentslider {
    top:85px;
    border-top:1px solid #ccc;
}

#hmheadbox span.title {
    line-height: 85px;
    margin-top: 0;
    font-weight: 100;

}

#hmnavbox {
    width:20%;
 }


#navbar a {  /* Navigation buttons: change background-url to switch color */
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 28px 14px 10px 10px;
    background:url('hm_webhelp_buttons_white.png') top left no-repeat;
    opacity: 0.7;
}

#navbar a:hover {
    background:url('hm_webhelp_buttons_white.png') top left no-repeat;
}

body #idnav a span:hover {
    background-image:url('hm_webhelp_buttons_white.png');
}

body #idheader h1 span {
    font-family: 'Roboto', sans-serif;
    font-size:21px;
}

body #idheader .crumbs {
    text-transform:uppercase;
}

#hmheadbox a.mobilemenu {  /* Mobile menu: change background-url to switch color */
    float: left;
    width: 16px;
    height: 16px;
    background:url('hm_webhelp_buttons_white.png') top left no-repeat;
    background-position: -112px -37px;
    display: none;
}

#hmheadbox span.title {
    color:#000;
}

body .heading1 { color: #000; text-decoration: none; font-size:14px; font-weight:bold; background-position:0px 7px;}
body .heading2 { color: #000; text-decoration: none; font-size:14px; font-weight:normal; background-position:0px 7px;}
body .heading3 { color: #000; text-decoration: none; font-size:14px; color:#333132; font-weight:normal; background-position:0px 7px; }
body .heading4 { color: #000; text-decoration: none; font-size:14px; color:#333132; font-weight:normal; background-position:0px 7px;}
body .heading5 { color: #000; text-decoration: none; font-size:14px; color:#333132; font-weight:normal; background-position:0px 7px;}
body .heading6 { color: #000; text-decoration: none; font-size:14px; color:#333132; font-weight:normal; background-position:0px 7px;}

body a.heading1,
body a.heading2,
body a.heading3,
body a.heading4,
body a.heading5 ,
body a.heading6 {
display:block;
}

body a.heading1 span,
body a.heading2 span,
body a.heading3 span,
body a.heading4 span,
body a.heading5 span,
body a.heading6 span {
    padding:5px;
    display:block;
}


body a.heading1:hover,
body a.heading2:hover,
body a.heading3:hover,
body a.heading4:hover,
body a.heading5:hover,
body a.heading6:hover {
    text-decoration:none; background:#c00f1a;
}

body a.heading1:hover span,
body a.heading2:hover span,
body a.heading3:hover span,
body a.heading4:hover span,
body a.heading5:hover span,
body a.heading6:hover {
    color:#fff;
}

body .hilight1 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }
body .hilight2 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }
body .hilight3 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }
body .hilight4 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }
body .hilight5 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }
body .hilight6 { color: #FFFFFF; background:  #c00f1a; text-decoration: none; }

a { color: #c00f1a; text-decoration: none }
a:visited {color:  #c00f1a; }
a:hover {color:  #c00f1a; text-decoration: underline }
a.weblink {color: #333132; text-decoration: underline }
a.weblink:visited {color: #333132;}
a.weblink:hover {color: #333132; }
a.popuplink {color:  #c00f1a; text-decoration: none}
a.popuplink:visited {color:  #c00f1a;}
a.popuplink:hover {color:  #c00f1a; text-decoration: underline}
a.filelink {color: #04BC14; text-decoration: none}
a.filelink:visited {color: #04BC14}
a.filelink:hover {color:  #c00f1a; text-decoration: underline}
a.inline-toggle {color:  #c00f1a; text-decoration: none;  font-weight: bold;  font-family: Helvetiva, Arial, sans-serif;     }
a.inline-toggle:visited {color:  #c00f1a; }
a.inline-toggle:hover {color:#c00f1a; text-decoration: underline}
.fsmall {
    font-size: 10px;
    font-family: Helvetiva, Arial, sans-serif;
    text-align: center;
    margin: 10px 0px 0px 0px;
}
.crumbs {font-size: 8pt; margin-bottom: 3px; margin-top: 0px; color: #FFFFFF}
.crumbs a {text-decoration: underline; color: #fff;}
.crumbs a:visited {text-decoration: underline; color: #fff;}
.crumbs a:hover {color: #efefef;}

@media screen{
    #idcontent {
        width: 100%;
        padding: 0px !important;
        padding: 10px 15px 5px 10px;
        position: relative;
    }
    #innerdiv {
        padding: 10px 240px 5px 10px !important;
        padding: 0px;
    }

    .topichead {
        padding: 5px;
        height: 78px;
    }

    .navlinks {
        font-size: 10pt;
    }
    .navlinks a {
        text-decoration: none;
        color: #c00f1a;
    }
    .navlinks a:visited {
        text-decoration: none;
        color: #c00f1a;
    }
    .navlinks a:hover {
        text-decoration: underline;
        color: #c00f1a;
    }

    html.nonscroll {
        overflow:hidden;
    }
    body.nonscroll {
        overflow:hidden;
        height:100%;
    }
    div.nonscroll {
        overflow-x:auto;
        overflow-y:scroll;
    }
}

.easteregg {

      color:#fff;

      float:left;

      border-radius:6px;

      padding:5px;

      margin-top:50px;

    }



    .easteregg:hover {

      background:#c00f1a;

    }

    .heading1,.heading2,.heading3,.heading4,.heading5,.heading6 {
    background-position: 0 7px;}


    span.f_Hyperlink {
                     color: #c00f1a;
    }