body {
font-family: arial, sans-serif;
text-align: center; /* for IE */
}
#container {
position:relative;
margin: 0 auto;   /* align for good browsers */
text-align: left; /* counter the body center */
border: 1px solid red;
width:930px;
height:650px;
}
p a {
text-decoration: none;
color:navy;
}
p a:hover {
text-decoration: underline;
color: navy;
}
p a:visited{
color: navy;
}
h4 a {
text-decoration: none;
color: #6F775B;
}
h4 a:hover{
text-decoration: underline;
}
h4 a:visited{
color:#6F775B;
}
p {
font-size: 72%;
margin-top: 7px;
margin-bottom: 0px;
margin-left: 10px;
}
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.item {
margin-left: 10px;
margin-top: 2px;
line-height: 140%;
}
h1 {
color: #262822;
font-size: 150%;
font-style: italic;
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}
h2 {
font-size: 95%;
left: 5px;
margin-top: 0px;
}
h3 {
font-size: 72%;
font-weight: bold;
margin-top:0px;
}
h4 {
color: #6F775B;
font-size: 72%;
font-style: italic;
font-weight: bold;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
}
.banner{
position: absolute;
height: 65px;
width: 930px;
top:10px;
left:0px;
border:1px solid blue;
}
.banner_2{
position: absolute;
height: 15px;
width:500px;
bottom: 29px;
right:0px;
text-align: right;
border:1px solid blue;
}
.banner_3{
position: absolute;
height: 15px;
width:500px;
bottom: 3px;
right:0px;
text-align: right;
border:1px solid blue;
}
.banner_4{
position: absolute;
height: 15px;
width:250px;
bottom: 3px;
left: 0px;
color: #351E1E;
line-height: normal;
padding-right: 2px;
text-align: left;
border: 1px solid blue;
}
.box{
position: absolute;
height: 545px;
width: 294px;
top:90px;
border: 1px solid green;
//overflow:scroll;
}
.left{
left: 0px;
}
.middle{
left: 310px;
}
.right{
left: 620px;
}
.directory_box{
position: absolute;
height: 20px;
width: 250px;
text-align: left;
border: 1px solid green;
left:24px;
}
.extra{
position: absolute;
height: 20px;
width: 250px;
top: 106px;
text-align: left;
border: 1px solid green;
left:24px
}
.position_1{
top:12px;
left:15px;
}
.position_2{
top:36px;
}
.position_3{
top:130px;
}
.position_4{
top:248px;
}
.position_5{
top:321px;
}
			<!--
			.position_6{
			top:90px;
		
			}
			-->
.content_box{
position:absolute;
width: 258px;
text-align: left;
border:1px solid blue;
left: 24px;
}
.cb_ps1{
height:190px;
top: 86px;
}
.cb_ps2{
height:190px;
top: 350px;
}
.cb_ps3{
height:190px;
top: 58px;
height: 20px;
}
.cb_ps4{
top: 124px;
height: 40px;
}
.horizontal{
position: absolute;
width: 930px;
left: 0px;
background: #E29598;
}
.bottom{
top: 640px;
}
.top{
top: 2px;
}
.mid{
top: 75px;
}
.thick{
height: 6px;
}
.narrow{
height: 3px;
}
.vertical{
position: absolute;
width: 6px;
height: 547px;
top:86px;
background:  #A5D887;
}
.left-vertical{
left: 300px;
}
.right-vertical{
left: 610px;
}