/* The old hack from http://www.clagnut.com/blog/348/ seems to generally be
 * replaced with what, by some newer understanding seems to work best with most
 * browsers of our time:
 * http://snook.ca/archives/html_and_css/font-size-with-rem . But I would not
 * have been able to figure out how to do the CSS-based proper content
 * positioning without the just right tutorial at
 * http://www.w3.org/wiki/CSS_static_and_relative_positioning --a must read!
 * For the css-dropdown-menu I used:
 * http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
 * */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
    margin: 0; padding: 0; border: 0;
}

html {
    font-size: 62.5%; /* if 62.5%, then default font size to be equivalent to 10px */

}

body {
    margin: 0 auto;
    /* min-width: 40rem; */
    /* max-width: 76rem; */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: url(/img/bkg/hrbbod01.png);  background-repeat: repeat;
    font-size: 14px; font-size: 1.4rem;
}

h1 { font-size: 28px; font-size: 2.8rem; line-height: 60px; line-height: 6.0rem; }

h2 { font-size: 24px; font-size: 2.4rem; line-height: 52px; line-height: 5.2rem; }

h3 { font-size: 18px; font-size: 1.8rem; line-height: 46px; line-height: 4.6rem; }

h4 { font-size: 15px; font-size: 1.5rem; line-height: 40px; line-height: 4.0rem; }
h4.low { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; }
h4.low-padded { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 1.2rem;
    padding:10px 10px 10px 10px; }

h5 { font-size: 13px; font-size: 1.3rem; line-height: 36px; line-height: 3.6rem; }
/* h5.low-padded { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.1rem;
 *   padding:8px 8px 8px 8px; }
 */

p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; margin-bottom: 12px; margin-bottom: 1.2rem; }
p.note { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; margin-bottom: 10px; margin-bottom: 1.0rem; }
.note { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; margin-bottom: 10px; margin-bottom: 1.0rem; }

#header {
    font-family: 'Trebuchet MS',Verdana,Sans-Serif;
    font-weight:normal;
    padding:10px 10px 10px 10px;
    background: url(/img/bkg/hrbhea02.png);  background-repeat: repeat;
    height: 80px;
}

#header .logo {
    float: right;
    width: 30%;
}

#header .descript {
    float: right;
    width: 70%;
    text-align: center;
    font-size: 0.8em;
    color: #fff;
}

#header .descript a { color: #fff; }
#header .descript a:hover { color: #cc0033; }

#wrapper {
    margin: 0 0 0 12rem;
    padding: 0 0;
    min-height: 1rem;
}

#wrapper-main {
    margin: 0 18rem 0 0;
    padding: 0 0;
    min-height: 1rem;
}

#main {
    float: left;
    width: 100%;
    font-size: 14px; font-size: 1.4rem;
}

#nav {
    float: left;
    width: 11rem;
    padding: 0 0.5rem;
    margin-left: -100%;
    position: relative;
    right: 12rem;
}

#footer {
    margin: 1rem 1rem 1rem 1rem;
    clear: left;
    border-top: 1px solid #369;
    font-size: 12px; font-size: 1.2rem;
}

div#notice {
    position: fixed;
    display: inline;
}

div#notice p {
    position: fixed;
    display: inline;
    width: 11rem;
    font-family: Verdana, sans-serif; font-size: 13px;
        font-size: 1.3rem; line-height: 18px; line-height: 1.8rem;
}

/* #secnav {
    position: fixed;
    margin: 2rem auto;
    text-align: center;
    font-family: Verdana, sans-serif; font-size: 12px;
        font-size: 1.2rem; line-height: 10px; line-height: 1rem;
}

#secnav ul ul {
    display: none;
}

    #secnav ul li:hover > ul {
        display: block;
    }

#secnav ul {
    background: #efefef;
    background: linear-gradient(top, #ffddee 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #ffddee 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ffddee 0%, #ffffff 100%);
    box-shadow: 0px 3px 3px rgba(100,0,0,0.15);
    padding: 0 0;
    border-radius: 3px;
    list-style: none;
    position: relative;
    display: inline-table;
}

    #secnav ul:after {
        content: ""; clear: both; display: block;
    }

        #secnav ul li:hover {
            background: #efefff;
            background: linear-gradient(top, #ffaabb 0%, #ffffff 30%);
            background: -moz-linear-gradient(top, #ffaabb 0%, #ffffff 30%);
            background: -webkit-linear-gradient(top, #ffaabb 0%, #ffffff 30%);
        }
            #secnav ul li:hover a {
                color: #333333;
            }

        #secnav ul li a {
            display: block; padding: 8px 12px;
            color: #003300; text-decoration: none;
        }


    #secnav ul ul {
        border-radius: 0px; padding: 0;
        position: absolute; left: 100%; top: 1.5rem;
    }
        #secnav ul ul li {
            float: none;
            border-top: 1px solid #996633;
            border-bottom: 1px solid #696999; position: relative;
        }
            #secnav ul ul li a {
                padding: 8px 25px;
                color: #ccc;
            }
                #secnav ul ul li a:hover {
                    background: #ffffff;
                }

    #secnav ul ul ul {
        position: absolute; left: 100%;
    }
    */
img { border-width: 0; }

blockquote {
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem;
    margin-bottom: 12px; margin-bottom: 1.2rem; margin-left: 12px; margin-left: 1.2rem;

}


#korienskim a,
#korienskim a:visited {
    color:#000000;
    background:#fff;
    display:block;
    float:right;
    height:2.2em;
    line-height:2.2em;
    text-align:left;
    padding-left: 5px;
    /* width:260px; */
}

#korienskim a:hover {
    /* background:#80b0da url("rss.png") no-repeat scroll 185px 0.5em; */
    text-decoration:none;
}
    
/*************************************
 +navwrapright
 *************************************/
 
div.navwrapright {
    float:right;
    width:120px; /* edit- size of the right bar myCMNT 250px for sgrada */
    padding:0px 15px 20px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
    font-size:1em;
}

div.navwrapright a { font-size:1em;}

div.navright { 
    padding:0px;
    margin:10px 0px 0px 1px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright ul {
    margin: 2px 0px 10px 10px;
    padding: 1px 0 0 2px;
}

div.navright li {
    display: block;
    list-style: none;
    margin-bottom:2px;
    line-height: 1.2em;
}    

/*************************************
 +navwrapright-sh
 *************************************/
 
div.navwrapright-sh {
    float:right;
    width:80px; /* edit- size of the right bar myCMNT 130px for sgrada */
    padding:0px 5px 7px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
    font-size:1em;
}

div.navwrapright-sh a { font-size:1em;}

div.navright-sh { 
    padding:0px;
    margin:10px 0px 0px 0px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright-sh ul {
    margin: 2px 0px 10px 0px;
    padding: 1px 0 0 2px;
}

div.navright-sh { 
    padding:0px;
    margin:10px 0px 0px 1px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright-sh ul {
    margin: 2px 0px 10px 1px;
    padding: 1px 0 0 2px;
}

.red {color: #FF0000;}