* {
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Helvetica, Arial, Sans-Serif;
background-color: #eee;
text-align: center;
padding: 10px;
}

h1 {
font-size: 18pt;
}

h2 {
font-size: 14pt;
margin: 14px;
}

.img {
float: left;
width: 95%;
border-left: 6px solid #eee;
border-right: 6px solid #eee;
height: 291px;
}

img {
border: 0;
position: relative;
top: 6px;
top: expression(9 - 3);
left: 24px;
}

div.ContentBody {
float: left;
width: 95%;
background: url('lower-gradiant.png') top center repeat-x #fff;
padding: 10px;
padding-top:60px;
border: 6px solid #000;
}

/*  Align the logo left * /
.img {
text-align: left;
}
div.ContentBody {
background: url('lower-gradiant.png') -263px 0 repeat-x #fff;
}

/* * * * * * * * * * * */

/*  Align the logo right * /
.img {
text-align: right;
}
div.ContentBody {
background: url('lower-gradiant.png') 441px 0 repeat-x #fff;
}

/* * * * * * * * * * * */

dl {
width: 40%;
}


div.Container {
position: relative;
}

dl.left {
margin: 0 auto;
margin-left: 10%;
}

dl.right {
margin: 0 auto;
position: absolute;
top: 0;
left: 60%;
}

dt {
display: block;
width: 100%;
float: left;
text-align: left;
text-transform: capitalize;
margin-top: 12px;
}
dt a {
font-weight: bolder;
overflow: visible;
}
a:link {
color: #360;

}
a:visited {
color: #471;
}

dd {
display: inline;
float: left;
font-weight: lighter;
font-size: 80%;
margin: 1ex -5px 0 12px;
padding-bottom: 8pt;
}

p{
clear: both;
}