body {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 1em;
background-color: #ddd;
font: normal 100%/1.2em "Lucida Sans Unicode","Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
color: #777;
text-align: center;
}
/* --- links
------------------------- */
a:link {
color: #c60;
text-decoration: none;
background: transparent;
}
a:visited {
color: #f93;
text-decoration: none;
background: transparent;
}
a:hover {
color: #c60;
text-decoration: underline;
background: transparent;
}
a:active {
color: #c60;
text-decoration: none;
background: transparent;
}
/* ----- hn
------------------------- */
h1, h2, h3 {
margin: 0 0 1em 0;
padding: 0;
background: transparent;
font-weight: normal;
color: #777;
text-transform: uppercase;
letter-spacing: 0.1em;
}
h1 {
font-size: 1.2em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1.0em;
}
/* ---- container
----------------------------*/
#container {
width: auto !important;
margin: 0 auto;
padding: 0;
text-align: left;
}
/* ---- banner
----------------------------*/
#banner {
margin: 0;
padding: 0;
background: transparent;
}
#banner p {
margin: 0 0 1em 0;
padding: 1em 0.5em;
background: #fdfdfd;
}
#banner p a {
text-decoration: none;
}
/* ---- top level nav
----------------------------*/
#nav-meta {
margin: 0 0 1em 0;
padding: 0;
}
#nav-meta ul {
margin: 0;
padding: 0;
font-size: 0.75em;
} 
#nav-meta li {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav-meta a {
display: block;
margin: 0 0 1px 0;
padding: 0.3em 0.2em;
background: #49A4C5;
color: #fdfdfd;
text-decoration: none;
}
#nav-meta a:hover {
text-decoration: underline;
}
/* ---- nav-main
----------------------------*/
#nav-toplevel {
margin: 0 0 1em 0;
padding: 0;
background: transparent;
}
#nav-main {
background: transparent;
margin: 0;
padding: 0;
}
#nav-main ul {
margin: 0;
padding: 0;
font-size: 0.75em;
text-align: center;
} 
#nav-main li {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav-main a {
display: block;
margin: 0 0 1px 0;
padding: 0.3em 0.2em;
background: #49A4C5;
color: #fdfdfd;
text-decoration: none;
}
#nav-main a:hover {
text-decoration: underline;
}
#nav-main a.current {
margin: 0 0 1px 0;
padding: 0.3em 0.2em;
background: #CF971F;
}
/* ---- section nav
----------------------------*/
ul#nav-section {
margin: 0 0 1px 0;
padding: 3px 0;
background: #777;
font-size: 0.9em;
}
#nav-section li {
list-style-type: none;
margin: 0 0 1px 0;
padding: 0;
}
#nav-section a {
margin: 0;
padding: 1px 0;
background: transparent;
color: #E7DDC8;
text-decoration: none;
}
#nav-section a:hover {
background: transparent;
color: #E7DDC8;
}
#nav-section a.youarehere, #nav-section a.youarehere:hover {
margin: 0;
padding: 1px 0;
background: transparent;
color: #CF971F;
}
#nav-section a.youarehere:hover {
margin: 0;
padding: 1px 0;
background: transparent;
color: #CF971F;
text-decoration: underline;
}
/* ---- subs/supp nav
----------------------------*/
#nav-subs {
margin: 0 0 1em 0;
padding: 0;
background: transparent;
}
#nav-supp {
background: transparent;
margin: 0;
padding: 0;
}
#nav-supp ul {
margin: 0;
padding: 0;
font-size: 0.75em;
text-align: center;
} 
#nav-supp li {
list-style-type: none;
margin: 0;
padding: 0;
}
#nav-supp a {
display: block;
margin: 0;
padding: 0.5em 0;
background: #49A4C5;
color: #fdfdfd;
text-decoration:none;
}
#nav-supp a:hover {
text-decoration: underline;
}
/* ---- content
----------------------------*/
#content {
margin: 0;
padding: 1em 0.5em;
background: #fdfdfd;
font-size: 0.75em;
text-align: justify;
line-height: 1.6em;
}
#content p {
margin: 0;
padding: 0 0 1em 0;
}
/* ---- footer
----------------------------*/
#info-site {
margin: 0;
padding: 0;
background: transparent;
font-size: 0.75em;
}
/* ---- misc
----------------------------*/
div.clear {
clear: both;
height: 0;
line-height: 0;
}