body {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
color: #555555;
}

h1 {
width: 600px;
padding: 0px;
margin: 10px 0px 15px 10px;
border-bottom: 1px solid #666666;
}




#container {
position: relative;
margin: auto;
border: 1px solid #dddddd;
width: 1024px;
height: 768px;
}

#header {
position: absolute;
margin: 10px;
width: 490px;
height: 80px;
background-image: url(../images/header_small.jpg);
background-repeat: no-repeat;
}

#logo {
position: absolute;
top: 250px;
left: 50px;
width: 380px;
height: 380px;
background-image: url(../images/logo_small.jpg);
background-repeat: no-repeat;
}

#nav {
width: 1024px;
height: 50px;
position: absolute;
top: 90px;
background-image: url(../images/nav.jpg);
background-repeat: no-repeat;
}




#page_content {
position: absolute;
top: 150px;
left: 200px;
width: 800px;
height: 550px;
overflow: auto;
border: 1px solid #bbbbbb;
}

#jack {
position: absolute;
top: 150px;
left: 100px;
width: 860px;
height: 560px;
overflow: auto;
border: 1px solid #bbbbbb;
}

.single_column_container {
margin: 0px 0px 15px 0px;
}

.single_column_container h2 {
width: 500px;
margin:  0px 0px 10px 25px;
padding: 0px;
border-bottom: 1px solid;
}

.single_column_container p {
padding: 0px 15px 10px 25px;
margin: 0px;
text-align: justify;
}

.single_column_container img{
position: relative;
border: 2px solid;
float: left;
margin: 0px 10px 5px 25px;
}




.three_column_container {
width: 750px;
height: 450px;
margin: auto;
}

.three_column_container h2{
width: 200px;
margin:  0px 0px 10px 0px;
padding: 0px;
border-bottom: none;
}

.three_column_container p{
padding: 0px;
}

.three_column_container img{
position: relative;
border: 2px solid;
margin: 0px 0px 0px 18px;
}




.column_one {
width: 240px;
float: left;
text-align: justify;
margin: 0px 5px 0px 0px
}

.column_two {
width: 240px;
float: left;
text-align: justify;
margin: 0px 10px 0px 10px
}

.column_three {
width: 240px;
float: left;
text-align: justify;
margin: 0px 0px 0px 5px
}