*{padding:0; margin:0;}
body
{
margin:10px 40px;
padding:0;
text-align:center;
background: #f0f0f0 url(images/body-bg.gif) repeat-x top;
}

h1,h4 {text-align:center;}
img {border:none;}
#wrapper
{
text-align:left;
background:#dade75;
border:1px solid silver;
width:56em;
max-width:95%;
}
#header
{z-index:4;
background: #33ff00 url(images/bg-fade2.gif) repeat-x bottom left;
padding:10px 15px 10px 13px;
position:relative;
}
#header img {border:none;}
#headerlinks
{position:relative;
z-index:8;
float:right;
font-size:0.8em;
background: url(images/Xlinks-bg.gif) no-repeat left bottom;
padding:6px 6px 8px 10px;
}
#headerlinks a:link,
#headerlinks a:visited,
#headerlinks a:hover,
#headerlinks a:active
{
color:#000;
}
#content-wrapper
{
float:right;
background:#fff url(images/nav-to-content-trans.gif) repeat-y left;
width:85%;/*was 75 80 seems better but pushs contents down  until navigation changes*/
}
#content-inner
{
width:72%; /*was  70*/
padding:10px 0 10px 15px;
float:left;
}
#navigation
{
width:12%;   /* was  20 15 better 12 works */
float:left;
padding-top:15px;
margin-left:20px;
}
#related
{
float:right;
width:25%;
}
#related ul
{
margin:0;
padding-left:15px;
}
#related h2
{
font-size:large;
}
.indent {padding-left:10px;}
.bold {color:#003399;}
#footer
{
clear:both;

text-align:center;
}
/*text-align added to center footer*/
 #footer hr {width:40%;}
 img {border:solid black thin;}