﻿*
{
     margin: 0;
}

html, body
{
	height: 100%;
}

body
{
	font-family: Georgia,Serif;
	font-size: 1em;
	line-height: 1.6em;
	overflow-y: scroll;
}

#wrapper
{
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
}

#header 
{
    background-image: url('images/top_background.gif');
    height: 160px;
    text-align:center;
}

#title
{
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 18px;
}

#menu
{
    margin: 10px auto;
    overflow:hidden;
    width: 600px;
    padding: 0;
    text-align:center;
    list-style:none;
    background-color: rgba(189, 202, 123, 0.6);
}

#menu li 
{
    float:left;
    list-style-type:none;
    height: 32px;
    padding: 0 22px;
    display: inline;
}

#menu a
{
    color: #454643;
    padding: 2px 10px 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
    font-style: oblique;
    display: block;
}

#menu a:hover
{
    background:transparent url(images/menu-arrow.png) no-repeat scroll center bottom;
}

#page
{
    background-image: url('images/faded_top.png');
    background-repeat: repeat-x
}

#content 
{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 600px;
    padding: 30px 0;
}

#content h2, h3
{
    font-weight: normal;
    padding-bottom: 0.5em;
}

#content p
{
    padding-bottom: 1em;
}

#content a
{
    font-size:inherit;
    font-weight: normal;
    color: #90995D;
}

#push 
{
     height: 4em;
     text-align: center;
}

#footer
{    
     background-color: #BDCA7B; 
     background-image: url('images/faded_footer.png');
     background-repeat: repeat-x;
     color: #505144;
     height: 4em;
     text-align: center;
     padding-top: 0px;
}

#footer a
{
    color: #454643;
}

#footer p
{
    padding-top: 15px;
}

.photos
{
    text-align: center;
}

.photos img
{
    margin: 10px;
    padding: 10px;
    border: 1px solid #FFFFFF;
}

.photos img:hover
{
    border: 1px solid #90995D;
}
