body, html {
    background-color: #7f795f;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

#header-wrap {
    background: #823c00 url(../img/logo.jpg) no-repeat center bottom;
    border-bottom: 2px solid #000;
}

#header {
    margin: 0 auto;
    width: 950px;
    text-align: left;
    padding: 47px 0 0 0;
    color: #ddd;
    z-index: 888;
    position: relative;
}

#header p {
    float: right;
    clear: right;
    font-size: 75%;
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 1em;
}

#footer {
    background: #7f795f;

    font-size: 70%;
    text-align: center;
    padding: 2em 0 4em 0;

    border-top: 2px solid #c7c1a1;
}

#footer .footer-links {
    font-size: 120%;
}

#footer .footer-links a {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#menu-wrap {
    width: 948px;
    float: right;
    margin: 0;
    padding: 0;
}

#main-wrap {
    background-color: #979075;
    border-top: 2px solid #fff;
}

body.page_index #main-wrap {
    background: #979075 url(../img/slideback.jpg) no-repeat center top;
}

body.page_index #main {
    padding-top: 0;
}


#main {
    margin: 0 auto;
    width: 950px;
    position: relative;
    overflow: auto;
    padding: 3em 0;
    font-size: 90%;

    line-height: 1.5em;
}

.teaser {
    float: left;
    padding: 0;
    width: 230px;
}

.teaser .body {
    padding: 0 10px 10px 10px;
}

.teaser h2 {
    margin: 0;
    padding: 0 0 0.333em 0;
    line-height: 1em;
}

.teaser p {
    font-size: 90%;
    line-height: 1.25em;
    text-align: justify;
}

.teaser a.view {
    display: block;
    padding-top: 0.5em;
}

.teaser img {
    border: 2px solid #c7c1a1;
}

.thumb-wrap {
    width: 190px;
    height: 190px;
    padding: 20px;
    background: #979075 url(../img/thumbback.jpg) no-repeat center center;
    text-align: center;
    display: block;
}






.iconic {
}

.iconic .icon-wrap {
    float: left;
    display: block;
}

.iconic h2 {
    margin: 0;
    padding: 10px 0 0.333em 0;
    line-height: 1em;
}

.iconic p {
    margin-left: 140px;
    padding-bottom: 0;
}

.iconic a.view {
    display: block;
    padding-top: 0.5em;
}

.icon-wrap {
    width: 100px;
    height: 100px;
    padding: 20px;
    background: #979075 url(../img/iconback.jpg) no-repeat center center;
    text-align: center;
    display: block;
}

.icon-wrap img {
    border: 2px solid #c7c1a1;
}

h2.section {
    padding-top: 1em;
}

.gallery {
}

.gallery .icon-wrap {
    float: right;
}

.gallery-main .icon-wrap {
    float: left;
}

.insert {
    float: right;
    width: 290px;
    margin-top: -10px;
}

.insert-wide {
    width: 430px;
}

.insert-tall {
    width: 150px;
}



#slideshow-wrap {
    margin: 0 auto;
    width: 900px;
    height: 398px;
}

#slideshow-container {
    height: 398px;
    width: 900px;
    position:relative;
    margin-bottom: 1em;
}

#slideshow-container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

br.clear {
    clear: both;
}

h1, h2, h3 {
    font-family: 'Times New Roman',Times,serif;
    font-weight: normal;
    color: #813e00;
    line-height: 1em;

    margin: 0;
    padding: 0 0 0.75em 0;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 150%;
    padding-top: 0.25em;
}

h3 {
    font-size: 115%;
}

p {
    margin: 0;
    padding: 0 0 1em 0;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 1em;
}

a img {
    border: 0;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #813e00;
}

table {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 1.5em 0; /* If borders are used for cells */
}

th, td {
    padding: 0.25em 1em 0.25em 0;
    text-align: left;
    border-bottom: 1px solid #7f795f;
}

td.top {
    border-top: 1px solid #7f795f;
}

td.label {
}

.amount {
}

#header a,
#header a:link,
#header a:visited,
#header a:hover,
#header a:active,
.highlight {
    text-decoration: none;
    color: #bfbcb3;
    color: #fff;
}

#header p a:hover {
    color: #fff;
    color: #813e00;

}

.dropdown {
    float: right;
    clear: right;

	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: center;
    font-size: 12px;
}

.dropdown ul {
	margin: 0;
	padding: 0;
    border-top: 1px solid #683001;
	list-style: none;
}

.dropdown li {
	margin: 0;
    padding: 5px;
    width: 16ex;
	background-color: #7c4118;
	cursor: pointer;
    border-right: 1px solid #683001;
}

#menu.dropdown a,
#menu.dropdown a:link,
#menu.dropdown a:visited,
#menu.dropdown a:hover,
#menu.dropdown a:active {
    text-decoration: none;
    color: #fff;
    width: 100%;
}

.dropdown li:hover,
.dropdown li a:hover {
    background-color: #9d998d;
    background-color: #cf4900;

}

.dropdown ul li {
    border: 1px solid #683001;
    border-top: 0;
	margin-left: -1px;
}


div.form {
    float: left;
    width: 100%;
    width: 500px;
}

/* ======================= */
/* FORMS AND FORM CONTROLS */
/* ======================= */

ul.form {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.form input,
ul.form select,
ul.form textarea {
    font-weight: normal;
    font-style: normal;
    width: 95%;
    font-size: 110%;
    font-family: arial, helvetica, sans-serif;
    padding: 5px;
}

ul.form label {
    width: 95%;
    padding: 5px;
}

ul.form textarea {
    height: 6em;
    font-size: 110%;
    font-family: inherit;
}

ul.form input.checkbox {
    width: auto;
    height: auto;
    padding: 0;
}

ul.form li {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 0.75em 0;
    margin: 0;
    z-index: 0;
}


ul.form li label {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
}

ul.form li div.error {
    clear: left;
    color: #df8237;
    font-size: 80%;
    padding: 2px 0 0 0;
    width: 95%;
    margin: 0 0 0 0;
}

ul.form li input.error,
ul.form li select.error,
ul.form li textarea.error {
    background-color: #fff4bf;
}


ul.form li .required {
    color: #813e00;
    font-weight: bold;
    line-height: 150%;
    padding: 0;
    margin: 0;
    font-size: 120%;
}

ul.form li .field_description {
    clear: left;
    margin: 0;
    padding: 2px 0 0 0;
    color: #9f9163;
    font-size: 80%;
    line-height: 1.2em;
    width: 95%;
}

ul.form li .field_errors {
    clear: left;
    margin: 0;
    padding: 2px 0 0 0;
    color: #813e00;
    font-size: 80%;
    line-height: 1.2em;
    width: 95%;
    list-style: none;
}

ul.form li .field_error {
    padding: 0 0 0 20px;
    margin: 0;
    background: url(../img/exclamation.png) no-repeat left center;
    line-height: 1.75em;
}

ul.form li label.inline {
    display: inline;
    padding-left: 0.25em;
    padding-right: 20px;
}

/* Default Specific Classed Controls */

ul.form .input_submit {
    width: auto;
    font-weight: bold;
}

/* Sub-Control Control Styles */

ul.form div.subform {
    float: left;
    display: inline;
    margin-right: 0.5em;
    width: 47%; /* Only allows for two subform comtrols next to each other */
}

ul.form div.subform_auto {
    width: auto;
}


ul.form li .subform input,
ul.form li .subform select {
    width: auto;
    z-index: 10;
    float: left;
}

ul.form li .subform label {
    width: auto;
/*     font-size: 80%; */
    float: left;
    clear: left;

}

ul.form input.sized,
ul.form select.sized,
ul.form textarea.sized {
    width: auto;
    height: auto;
}

ul.form input.half,
ul.form select.half,
ul.form textarea.half {
    width: 47%;
}

ul.form input.full,
ul.form select.full,
ul.form textarea.full {
    width: 95%;
}

ul.form input.sizedheight,
ul.form select.sizedheight,
ul.form textarea.sizedheight {
    width: 95%;
    height: auto;
}

ul.form input.sizedwidth,
ul.form select.sizedwidth,
ul.form textarea.sizedwidth {
    width: auto;
}

ul.form .subform input.full,
ul.form .subform select.full,
ul.form .subform textarea.full {
    width: 95% !important;
}

/* For e.g. captcha image */
li.field img {
    margin-bottom: 0.5em;
}

