body {
    background: #507000 url(/images/bg.jpg) repeat-x 0 0;
    font: 12pt "Tahoma", "Geneva", sans-serif;
    color: #434515;
}

#flowers {
    position: absolute;
    z-index: -1;
    background: transparent url(/images/flowers-bg.png) no-repeat 0 0;
    width: 409px;
    height: 445px;
}

h1, h2, h3, h4, h5, h6 {
    color: #506015;
    font-variant: small-caps;
}

h1 {
    font-size: 32pt;
}

h2 {
    font-size: 1.9em;
    margin-bottom: 8px;
}

h3 {
    font-size: 1.3em;
    margin: 16px 0 4px;
}

#main {
    width: 860px;
    margin: 0 auto;
}

#header h1 {
    font-size: 14pt;
    color: #001b32; 
    text-indent: -9999px;
}
#header h1 a {
    display: block;
    width: 100%;
    height: 100px;
    background: url(/images/title.png) no-repeat;
}

/* Main yellow box under nav*/
#content-box {
    min-height: 550px;
    padding: 16px;
    background: #d8db97;
}
/* Adds rounded bottom and shadow */
#content-bottom {
    background: url(/images/content-bottom.gif) no-repeat;
    height: 30px;
    clear: both;
}

/*
 * Nav
 *******/

#nav {
    width: 100%;
    height: 60px;
}

/* Need to fix the size of the li for IE */
#nav ul li {
    display: block;
    float: left;
    width: 104px;
    height: 60px;  /* Must be 60px after pad */
    text-align: center;
    background: #D8DB97 url(/images/nav-bg.png) repeat-x;
}

/* Make nav a block the same size as li, so that the whole section in the nav is clickable */
#nav ul li a {
    display: block;
    width: 104px;
    height: 42px;  /* Must be 60px after pad */
    padding-top: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #8f8d34;
    font-variant: small-caps;
}

/* A dummy nav item at each end to do the rounds on the nav */
#nav ul li#nav-end-left, #nav ul li#nav-end-right {
    width: 14px;
}
#nav ul li#nav-end-left {
    background: url(/images/nav-left.png) no-repeat 0 0;
}
#nav ul li#nav-end-right {
    background: url(/images/nav-right.png) no-repeat 0 0;
}

#nav li.active, #nav li:hover {
    background: #D8DB97 url(/images/nav-active-bg.png) repeat-x;
}
#nav a.active {
    color: #555523;
}

/*
 * Content
 ***********/

#content {
    font-size: 0.9em;
    text-align: justify;
}

/* Any img in the content wrapped in a link */
#content a img:hover {
    opacity: 0.8;
}

/* Main content when using a sidebar */
#content-body {
    width: 590px;
    padding-left: 10px;
    float: left;
}
#content-body img {
   margin-left: 10px;
   margin-bottom: 10px;
}

img.right {
    float: right;
    margin: 10px;
}


/*
 * Sidebar
 ***********
 * We do the rounds old skool using a top and bottom images to support IE
 */

#sidebar {
    width: 202px;
    min-height: 412px;
    float: right;
}
#sidebar-content {
    padding: 1px 16px;
    background-color: #b6b95c;
}
#sidebar-top {
    background: url(/images/sidebar-top.png) no-repeat;
}
#sidebar-bottom {
    background: url(/images/sidebar-bottom.png) no-repeat;
}
#sidebar-top, #sidebar-bottom {
    height: 12px;
    width: 202px;
}
#sidebar p {
    font-size: 0.8em;
}
#sidebar h3 {
    margin: 4px 0 0;
    font-size: 1.1em;
    text-align: center;
}


/*
 * Footer
 **********/

#footer {
    clear: both;
    color: #80924F;
    text-align: center;
}
#footer a {
    color: #80924F;
}


/*
 * Forms (contact page)
 ************************/

label {
    display: block;
}

input {
    width: 100%;
}

textarea {
    width: 100%;
}

div.form_area {
    margin: 26px;
}


/*
 * Front Page
 **************/

#front-page #content-box {
    min-height: 386px;
}
#front-content {
    width: 210px;
    margin-left: 16px;
    float: left;
}
#front-images {
    float: right;
}


/*
 * Gallery page
 *****************/

#gallery-page #content {
    margin-left: 28px;
}
#front-images img {
    margin-right: 23px;
    margin-bottom: 23px;
}