﻿/*--Historical Archives--*/
.img-box {
    text-align: center;
    border: 1px solid #e4e4e4;
    height: 278px;
    background: url(/Shared/img/ha/topnavibg.png);
}
.pic-btm { /*position:relative;*/top: 208px;}
.pic-btm1 {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 120%;
}
.pic-btm2 {
    font-size: 90%;
    line-height: 1.3em;
}

/*--Historical Archives Side bar--*/
.sidenav li {border-bottom: 1px solid #ddd;}
.navimds {
    color: #c3894c;
    padding: 10px 15px 5px 15px;
    font-weight: 800;
    letter-spacing: 1px;
}
.active {background-color: #ddd;}

/*--Castles in Japan--*/
.hisdetailmain {
    border-top: 10px solid #c3894c;
    border-bottom: 10px solid #c3894c;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    line-height: 1.6em;
    background: url('/Shared/img/ha/hdmbookbg.png') repeat-x left bottom;
    padding: 30px;
}
.mds1 {
    color: #c3894c;
    padding: 5px 0px 20px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 180%;
    line-height: 1.2em;
}
.mds2 {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 110%;
}
.mdsDesc {
    padding-bottom: 15px;
    line-height: 1.3em;
    font-size: 12px;
}
.mds3 {
    font-weight: bold;
    letter-spacing: 1px;
    clear: both;
    margin-top:10px;
    padding-bottom: 10px;
}
.mds4 {
    padding: 5px 30px 5px 30px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 120%;
    background: url('/Shared/img/ha/mark1.png') no-repeat left center;
}
p {
    color: #404040;
    line-height: 1.75;
}
.img-mrgn {
    /*margin-top: 10px;
    margin-bottom: 3px;*/
    margin: 0 auto;
    width:100%;
}
.img-title {
    font-size: 90%;
    line-height: 1.3em;
}
.bold{font-weight:700;}
/* return to top arrow*/
#pagetop {
    float: right;
    width: 109px; /*592px;*/
    text-align: right;
    border-top: 10px solid #c3894c;
    padding-bottom: 20px;
}
#pagetop img{vertical-align:top;}
/*#pagetop:hover {
    opacity: 0.8;
}*/
@media only screen and (max-width: 600px) {
    #pagetop {
        margin-right:2px;
    }
}