/* For wide images with h-scroll bar. */
/* overflow: auto; is used for browsers that don't understand overflow-y overflow-x */
.wide-image {
margin: 20px auto;
width: 750px;
height: auto;
overflow: auto;
overflow-y: hidden;
overflow-x: scroll;
}

.wide-image-2 {
margin: 20px auto;
width: 750px;
height: 750px;
overflow: auto;
overflow-y: scroll;
overflow-x: scroll;
}

.wide-image-950 {
margin: 20px auto;
width: 950px;
height: auto;
overflow: auto;
overflow-y: hidden;
overflow-x: scroll;
}



.inline-text-40 { width: 40px; text-align: center; }

/* For wide images with no scroll bar. */
.container-body-1500 { background-color: #444; color: #fff; background-image: url(../Images/head-gradient-bl-texture.jpg); background-repeat: repeat-x; position: relative; width: 1500px; height: auto; margin: 60px auto; border: outset 4px #222; padding-bottom: 20px; }
.container-body-1500-no { background-color: #444; color: #fff; position: relative; width: 1500px; height: auto; margin: 60px auto; border: outset 4px #222; padding-bottom: 20px; }
.container-body-left { float: left; width: 860px; height: auto; padding-top: 20px; padding-bottom: 20px; }

.container-body-1580 { background-color: #444; color: #fff; background-image: url(../Images/head-gradient-bl-texture.jpg); background-repeat: repeat-x; position: relative; width: 1580px; height: auto; margin: 60px auto; border: outset 4px #222; padding-bottom: 20px; }
.container-body-1580-no { background-color: #444; color: #fff; position: relative; width: 1580px; height: auto; margin: 60px auto; border: outset 4px #222; padding-bottom: 20px; }
