html, body {
height : 100%;
}
body {
background : #344e6c url(images/bg.gif) repeat-x;
margin : 0;
font-family : Georgia, Times New Roman, Times, serif;
font-size : 12px;
color : #2a2a2a;
text-align : center;
}
a:link {
color : #2a2a2a;
text-decoration : none;
}
a:hover {
color : #0076fe;
}
#wrapper {
background : url(images/bg-wrapper.gif) repeat-y;
width : 700px;
margin : 0 auto 0 auto;
position : relative;
min-height : 100%;
}
#header {
height : 152px;
width : 700px;
background : url(images/header.gif) no-repeat top center;
}
#header h1 {
display : none;
}
#footer {
position : absolute;
bottom : 0;
left : 0;
width : 700px;
height : 68px;
}
#footer .left {
float : left;
padding : 20px 0 0 40px;
text-align : left;
font-size : 11px;
color : #606060;
}
#footer .right {
float : right;
padding : 20px 40px 0 0;
text-align : right;
font-size : 10px;
font-style : italic;
color : #9c9c9c;
}
#footer a {
color : #9c9c9c;
text-decoration : none;
}
#main-left {
width : 500px;
min-height : 637px;
float : left;
background : url(images/main-left.gif) no-repeat top left;
}
#main-right {
width : 200px;
min-height : 637px;
float : right;
background : url(images/main-right.gif) no-repeat top right;
}
#main-left .content {
margin : 240px 60px 50px 80px;
width : 360px;
text-align : left;
line-height : 18px;
}
#main-right .content {
margin : 30px 20px 0 20px;
text-align : left;
line-height : 20px;
}
#main-right .content ul li {
font-style : italic;
color : #333434;
margin-left : 0;
padding-left : 1em;
text-indent : -1em;
line-height : 18px;
}
#main-right p.minorpadding {
padding-top : 40px;
}
.clearboth {
clear : both;
}
#main {
width : 700px;
}
#main-right .content a {
font-style : italic;
}