body {
    color: black;
    background-color: #eee;
    line-height: 130%;
    font-family: arial, helvetica, verdana, tahoma, sans-serif;
    text-align: center;
}

#wrapper-header {	background: #222; }

#header {
    height: 7.5ex;
    width: 75%;
    line-height: 12.5ex;
    background: #333 right no-repeat;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}

#header h1 {
    font-size: 220%;
    padding-left: 10px;
    color: #eee;
}

#tagline {
    height: 5ex;
    width: 75%;
    background: #333;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}

#tagline h2 {
    font-size: 125%;
    color: #999;
    padding-left: 9.5em;
}

#wrapper-menu {
    background: #88ac0b url('/images/menu-background.png') top left repeat-x;
}

#menu ul {
    border-left: 1px solid #95bc0e;
    border-right: 1px solid #95bf0f;
}

#menu a:link, #menu a:visited {
    background: transparent;
    color: #fff;
    border-right: 1px solid #95bc0e;
}

#menu a:hover {
    background: #b6e41c url('/images/menu-hover.png') repeat-x;
    color: #485b06;
}

#flash {
    padding: 1em;
    color: red;
    font-weight: bold;
}

#content {
    width: 73%; /* 73% because it has 1% padding on each side, which brings it to 75% wide */
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    background: white;
    padding: 3.5em 1% 20px 1%;
}

#footer {
    width: 73%;
    color: white;
    background: #88ac0b url('/images/menu-background.png') top left repeat-x;
    border: 1px solid #a0c80e;
}

#post-footer {
    width: 73%;
    color: white;
}

h2 {
    color: #666;
}

a:link, a:visited {
    color: #260;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

.smaller {
    font-size: smaller;
}

.hidden {
    display: none;
}

#required_fields {
    color: red;
}

.highlight {
    background-color: #88ac0b;
    color: #333;
}

h2 {
    padding-bottom: 3px;
    font-size: 150%;
    letter-spacing: -1px;
    border-bottom: 1px solid #a0c80e;
}