body {
    margin: 0;
    padding: 0;
    background: #CCEEFF;
    font-size: 62.5%;
    font-family: verdana;
    text-align: center;
} #wrapper {
    font-size: 1.4em;
    width: 800px;
    text-align: left;
    margin: 2px auto;
    background: #CCEEFF;
} #header {
    background-image: url(header.png);
    background-repeat: no-repeat;
    padding: 0;
    margin-bottom: 10px;
    color: #FFFFCC;
    min-height: 210px;
} #navbar {
    background-image: url(navbar.png);
    background-repeat: no-repeat;
    text-align: center;
    padding: 20px 40px 0 50px;
    margin: 0 auto;
    color: #FFFFCC;
    width: 680px;
    height: 63px;
} #content-wrapper {
    width: 700px;
    min-height: 560px;
    margin-top: 0;
    background-image: url(body.png);
	background-position:top;
	background-repeat:no-repeat;
} #content-inner {
    padding: 16px 32px 0 32px;
}

ul.nav {
    padding: 0;
    margin: 0;
    float: left;
    color: #FFFFFF;
    border-left: solid 1px #000066;
    border-right: solid 1px #6699FF;
}

ul.nav li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.nav li a {
    padding: .2em 1em;
    color: #FFFFFF;
    text-decoration: none;
    float: left;
    border-left: solid 1px #6699FF;
    border-right: solid 1px #000066;
}

ul.nav li a:link, ul.nav li a:visited {
    color: #FFFFFF;
}

ul.nav li a:hover {
    background-image: url(hover.png);
    color: #FFFFFF;
} #home #nav-home a, #news #nav-news a, #join #nav-join a, #about #nav-about a, #contact #nav-contact a, #resources #nav-resources a, #links #nav-links a, #events #nav-events a {
    background-image: url(current.png);
    color: #000000;
} #home #nav-home a:hover, #news #nav-news a:hover, #join #nav-join a:hover, #about #nav-about a:hover, #contact #nav-contact a:hover, #resources #nav-resources a:hover, #links #nav-links a:hover, #events #nav-events a:hover {
    background-image: url(current.png);
} #nav a:active {
    background-image: url(current.png);
    color: #000000;
}