/* Begin reset */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
font-size:1em;
font-weight:normal;
font-style:normal;
}

ul, ol {
list-style:none;
}

fieldset, img, hr {
border:0;
}

caption, th {
text-align:left;
}

table {
border-collapse:collapse; 
border-spacing:0;
}

td {
vertical-align:top;
}

/* End reset */

a {
text-decoration:none;
}

span.disappear {
position:absolute;
left:-9999px;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

strong em, em strong {
font-style:italic;
font-weight:700;
}

body {
background:#fff url('bg.png');
color:#222;
font:0.75em helvetica, arial, sans-serif;
line-height:1.5;
text-align:center;
}

div#container {
background:#fff;
margin:0 auto;
overflow:hidden;
width:550px;
}

h1 a {
background:url('header.png');
display:block;
height:237px;
width:550px;
}

ul#pages {
border-bottom:#111 1px solid;
border-top:#111 1px solid;
}

ul#pages li {
display:inline;
}

ul#pages a {
color:#111;
display:inline-block;
font-weight:700;
padding:5px 15px;
text-transform:uppercase;
}

ul#pages a:hover {
background:#111;
color:#eee;
}

div#content {
padding:0 15px 25px;
text-align:left;
}

div#content a, div#footer a {
color:#111;
font-weight:700;
}

div#content p, div#content li {
margin:5px 0 15px;
}

input, textarea, button {
background:#fff;
border:#333 1px solid;
color:inherit;
margin:5px 0;
padding:5px;
}

div#content a:hover, div#footer a:hover  {
color:#666;
font-weight:700;
}

h2 {
color:#111;
font-size:1.25em;
font-weight:700;
margin:15px 0 0;
text-transform:uppercase;
}

div#footer {
background:#fff;
border-top:#111 1px solid;
margin:0 auto;
padding:5px 0;
overflow:hidden;
text-transform:lowercase;
width:550px;
}