DIV#mainMenuLeftEdge {
    display: inline;
    float: left; 
    padding-top: 3px;
    padding-bottom: 3px;
    background-image: url(../images/menu-left-end.gif); 
    background-repeat: no-repeat;
    background-position: left center;
    z-index: 400;
}

DIV#mainMenuRightEdge {
    display: inline;
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;   
    background-image: url(../images/menu-right-end.gif);  
    background-repeat: no-repeat;
    background-position: right center;
    z-index: 400;
}

DIV#dropShadowLeftCorner {
    position: absolute;
    bottom: -7;
    left: 7;
    height: 20px;
    width: 375px;
    background-image: url(../images/menu-drop-shadow-left-corner-firefox.png);
    background-repeat: no-repeat;
    background-position: bottom left;  
    z-index: 399;
}


DIV#mainContent {
    position: absolute;
    top: 160;
    left: 85;
    margin: 0 auto;
    padding: 0;
    width: 656;
    z-index: 200;
}

/* Same for all browsers. But browsers need this setting next to line-height: % setting that follows. */
DIV.sideBarContainer {
    font-size: .9em;
    margin: 0;
    padding: 0;
}

DIV#sideBar {
    margin-top: 25px;
    background-repeat: repeat;
    background-image: url(../images/dark-green-texture.gif);
    opacity: .90; 
}

DIV#whiteSideBar {
    margin-top: 25px;
    background-repeat: repeat;
    background-image: url(../images/white-texture.gif);
    opacity: .90; 
}

DIV#sideBarText {
    width: 85%;
    line-height: 118%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

HR#contactDividerLine {
    color: #F6F8F8;
    margin-top: 18px;
    margin-bottom: 18px;
}