body { margin: 0; padding: 10px 0 0 0; text-align: center; font: normal 0.95em/1.6em Arial, Verdana, Sans-serif; background: #fff; color: #000; }

#container { position: relative; width: 996px; margin: 0 auto; text-align: left; background: url("../images/container.jpg") 0 6.5em no-repeat; }

#accessibility { display: none; }

#header h1 { margin: 0 0 0 20px; font: normal 1em Arial, Verdana, Sans-serif; }
#header h1 a { display: block; width: 277px; height: 82px; background: url("../images/logo.gif") no-repeat; }
#header h1 a span { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }

#diagram { padding: 57.5px 0 0 0; }
#diagram h2, #diagram h3 span, #diagram #help { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }
#diagram div { width: 300px; margin: 0 0 0 617.5px; }
#diagram div#problems { margin-bottom: 70px; }
#diagram div#problems h3 span.lowercase { position: relative; text-indent: 0; text-transform: lowercase; }
#diagram h3 { text-transform: capitalize; background: inherit; color: #cc6600; }
#diagram ul { margin: 0; padding: 0; list-style: none; }

#news { float: left; width: 525px; padding: 65px 0 0 35px; }
#news h2 { margin: 0 0 0.5em 0; background: inherit; color: #cc6600; }
#news h3 { display: inline; float: left; margin: 0 0.25em 0 0; padding: 0 0.75em 0 0; font: normal 1em/1.6em Arial, Verdana, Sans-serif; background: url("../images/news-h3.gif") 100% 50% no-repeat #fff; color: #999; }
#news h3 span { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }
#news #body, #news #more { display: inline; }
#news #more span { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }
#news a { background: inherit; color: #0a50ff; }
#news a:hover { background: #0a50ff; color: #fff; }

#promo { width: 200px; margin: 80px 0 0 617.5px; }
#promo h2 { margin: 0 0 0.25em 0; background: inherit; color: #339900; }
#promo span { display: block; margin: 0.25em 0 0 0; }
#promo a { font-weight: bold; background: inherit; color: #339900; }
#promo a:hover { background: #339900; color: #fff; }

#menu { position: absolute; top: 48.5px; right: 25px; }
#menu h2 { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { float: left; }
#menu li a { display: block; background: url("../images/menu-a.gif") 100% 0 no-repeat #fff; font: normal 1.4em Arial, Verdana, Sans-serif; color: #cc6600; }
#menu li.peepl a { background: url("../images/menu-peepl-a.gif") 100% 0 no-repeat #fff; color: #339900; }
#menu li a span { display: block; padding: 15px 25px 10px 25px; background: url("../images/menu-span.gif") no-repeat; }
#menu li a:hover span { border-bottom: 5px solid #cc6600; }
#menu li.peepl a span { background: url("../images/menu-peepl-span.gif") no-repeat; }
#menu li.peepl a:hover span { border-bottom: 5px solid #339900; }

#footer { clear: both; margin: 5em 0 3em 0; text-align: center; }
#footer h2 { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -666em; }
#footer p { font: normal 0.8em Arial, Verdana, Sans-serif; background: inherit; color: #999; }
#footer a { background: inherit;  border-bottom: 1px solid #dedede; color: #666; }
#footer a:hover { background: #666; border: 0; color: #fff; }

h2, h3 { margin: 0; font: normal 1.4em Arial, Verdana, Sans-serif; }

p { margin: 0; }

a { text-decoration: none; }
a img { border: 0; }