/* CSS Document */

a { color: rgb(153, 0, 0);
text-decoration: none; 
}
a:hover { color: rgb(153, 0, 0);
text-decoration: underline;
}

img { border:none;}

body { margin: 0px 0px -15px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
text-align: center;
background-color: rgb(232, 232, 232);
overflow: visible;
}
#whitebackground { position:fixed;
z-index: 0;
width: 900px;
height: 100%;
background-color: rgb(255, 255, 255);
}
#main {
border-width: 0px;
margin-right: auto;margin-left: auto;
width: 900px;
background-color: rgb(255, 255, 255);
overflow: visible;
min-height: 150%;
padding-bottom:20px;
text-align: left;
}
#leftborder { max-height: 100%;background-image: url(http://jhopboston.com/images/left_softborder.jpg);
margin-left: -50px;
min-height: 100%;
overflow: visible;
background-position: left center;
background-repeat: repeat-y;
z-index: 5;
height: 100%;
width: 50px;
position: fixed;
}
#rightborder { width: 50px;
overflow: visible;
background-image: url(http://jhopboston.com/images/right_softborder.jpg);
background-position: left top;
height: 100%;
margin-left: 900px;
background-repeat: repeat-y;
min-height: 100%;
max-height: 100%;
z-index: 5;
position: fixed;
}
#logo { position: absolute;margin-left: 20px;
margin-top: 50px;
height: 110px;
width: 199px;
}
#nav { position: absolute;
margin-left: 30px;
z-index: 2;
height: 21px;
text-align: justify;
margin-top: 190px;
width: 800px;
}
  #subnav1 { position: absolute;
    height: 260px;
    margin-top: 223px;
    z-index: 2;
    width: 34px;
    opacity: 0.75;
    margin-left: 680px;
    visibility: visible;
    }

  #subnav2 { position: absolute;
    height: 260px;
    margin-top: 223px;
    z-index: 2;
    opacity: 0.75;
    width: 34px;
    margin-left: 720px;
    }

#subnav3 { position: absolute;
height: 260px;
margin-top: 223px;
z-index: 2;
opacity: 0.75;
width: 34px;
margin-left: 760px;
}
#subnav4 { position: absolute;
height: 260px;
margin-top: 223px;
opacity: 0.75;
z-index: 2;
width: 34px;
margin-left: 800px;
}
#subnav5 { position: absolute;
height: 260px;
margin-top: 223px;
opacity: 0.75;
z-index: 2;
width: 34px;
margin-left: 840px;
}
#middleshadow { position: absolute;
margin-top: 197px;
width: 900px;
height: 300px;
}
#middlebanner { position: absolute;
width: 900px;
z-index: 1;
height: 259px;
margin-top: 223px;
background-color: rgb(255, 255, 255);
}
#articlesbanner { position: absolute;
width: 900px;
z-index: 1;
margin-top: 223px;
background-image: url(http://jhopboston.com/images/articles_page_center.jpg);
background-repeat: no-repeat;
height: 1335px;
}
#footer { position: relative; display: none;
margin: 0 auto 0 auto;
height: 236px; width: 900px; background-image: url(images/media_bottom_grad.jpg); 
}