@import "reset.css";

body {
font: 14px/1.3 "Trebuchet MS", Arial, sans-serif;
color: #000000;
background: #a68a64 url("../img/bg.jpg") repeat top left;
}

h1.title {font: bold 18px/1.4 "Trebuchet MS", Arial, sans-serif;color: #4e0108;margin-bottom: 30px;text-align: center;}
h2.title {font: bold 16px/1.4 "Trebuchet MS", Arial, sans-serif;color: #4e0108;margin-bottom: 15px;text-align: left;}
p {margin-bottom: 7px;}

a:link, a:active, a:visited {text-decoration: none;color: #0000cc;}
a:hover {text-decoration: underline;color: #cc0000;}

a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration: none;color: #4e0108;background: url("../img/arrow.gif") no-repeat center left;padding-left: 11px;}
a.arrow:hover {text-decoration: underline;color: #4e0108;}

hr {width: 400px;border: none;height: 1px;margin: 15px auto;padding: 0px;background: #000000;color: #000000;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {display: block;margin-left: auto !important;margin-right: auto !important;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0px !important;}

.mlr10 {margin: 0px 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both !important;}

a.black:link, a.black:active, a.black:visited {text-decoration: none;color: #000000;}
a.black:hover {text-decoration: underline;color: #000000;}
a.white:link, a.white:active, a.white:visited {text-decoration: none;color: #ffffff;}
a.white:hover {text-decoration: underline;color: #ffffff;}
.red, a.red:link, a.red:active, a.red:visited {text-decoration: none;color: #4e0108;}
a.red:hover {text-decoration: underline;color: #4e0108;}

.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;line-height: 15px !important;}
.f16 {font-size: 16px !important;line-height: 16px !important;}
.f17 {font-size: 17px !important;line-height: 17px !important;}
.f18 {font-size: 18px !important;line-height: 18px !important;}
.f19 {font-size: 19px !important;line-height: 19px !important;}
.f20 {font-size: 20px !important;line-height: 20px !important;}
.f21 {font-size: 21px !important;line-height: 21px !important;}
.f22 {font-size: 22px !important;line-height: 22px !important;}
.f23 {font-size: 23px !important;line-height: 23px !important;}
.f24 {font-size: 24px !important;line-height: 24px !important;}
.frame {border: 3px solid #927656 !important;}

.box {border: 2px solid #a68a64;font-size: 12px;}
.box:focus {border: 2px solid #997f5c;background: #f7f2d0;}
.box:hover {border: 2px solid #997f5c;}
input.button {width: auto;border: 2px outset #997f5c;background: #a68a64;color: #4e0108;font-size: 13px;font-weight: bold;cursor: pointer;}
input.button:hover {border: 2px inset #997f5c;color: #4e0108;}
/** Structure styles **/
#footer {width: 1257px;padding: 10px;margin-top: 40px;text-align: center;font-size: 10px;}
#footer a, #footer a:active, #footer a:visited {text-decoration: none;color: #000000;}
#footer a:hover {text-decoration: underline;color: #ffffff;}
#nav {width: 700px;margin: 0 auto 22px auto;padding: 5px;list-style-type: none;background: #997f5c;border: 2px solid #a68a64;text-align: center;line-height: 16px;}
#nav li {display: inline;margin: 0;padding: 0 8px;border-right: 2px solid #c8ab82;}
#nav li.first {padding-left: 0px;}
#nav li.last {padding-right: 0px;border: none;}
#nav a, #nav a:active, #nav a:visited {text-decoration: none;color: #4e0108;font-size: 12px;font-weight: bold;}
#nav a:hover {text-decoration: none;color: #ffffff;}

#home {margin: 26px 0 40px 34px;}
#home #nav {width: 680px;}
#home #nav li {padding: 0px 6px;}
#home #left {width: 546px;padding: 0px 20px 0px 0px;}
#home #right {width: 690px;}
#home #icon {width: 546px;height: 876px;display: block;}
#home #tagline {width: 425px;margin: 50px auto 0 auto;color: #4e0108 !important;}
#home #content {min-height: 850px;height: auto !important;height: 850px;padding: 125px 75px 65px 75px;background: #b59b78 url("../img/bg-cnt-home.jpg") no-repeat top left;border: 2px solid #a68a64;position: relative;}
#home #art {width: 82px;height: 71px;position: absolute;top: -32px;left: 300px;}
#home #logo {width: 646px;height: 150px;position: absolute;top: -30px;left: 22px;}

#page {margin: 23px 0 40px 24px;}
#page #left {width: 379px;padding: 0px 20px 0 0;}
#page #right {width: 872px;}
#page #icon {width: 379px;height: 502px;display: block;}
#page #content {min-height: 850px;height: auto !important;height: 850px;padding: 125px 75px 65px 75px;background: #b59b78 url("../img/bg-cnt.jpg") no-repeat top left;border: 2px solid #a68a64;position: relative;}
#page #art {width: 82px;height: 71px;position: absolute;top: -32px;left: 400px;}
#page #logo {width: 646px;height: 150px;position: absolute;top: -30px;left: 111px;}
#content ul, #content ol {margin: 10px 0px 10px 45px;}

#section {background: #a68a64;border: 2px solid #9e805e;margin-top: 24px;padding: 15px;}
#section .picSection {display: block;margin: 0px auto 20px auto;border: 3px solid #927656;}
#section .titleSection {color: #4e0108;font-weight: bold;margin: 0px 25px 7px 25px;}
#section .contentSection {overflow: hidden;color: #4e0108;margin: 0px 25px 0px 25px;}

.martyr {background: #a68a64;border: 2px solid #9e805e;margin-top: 15px;padding: 15px;}
.martyr .picMartyr {display: block;float: left;margin: 0px 15px 5px 0px;border: 3px solid #927656;}
.martyr .moreMartyr {text-align: right;margin-top: 10px;line-height: 1.1em;}
.martyr .titleMartyr {margin-bottom: 10px;color: #4e0108;font-weight: bold;}

#links {width: 546px;margin-top: 10px;}
#links .left {width: 187px;padding-right: 162px;}
#links .right {width: 187px;}
#links ul {margin: 0px 0px 0px 15px;padding: 0px;list-style-type: none;font-size: 12px;}
#links ul li {color: #4e0108;background: url("../img/arrow.gif") no-repeat 0px 4px;padding-left: 11px;}

#services {border-collapse: separate;border-spacing: 2px;border: 1px solid #a68a64;width: auto;margin: 0 auto 10px auto;}
#services td.empty {background: #af9778;}
#services th {width: 100px;color: #4e0108;background: #997f5c;padding: 3px;}
#services td, #services th {border: 1px solid #a68a64;font-size: 12px;}
#services td {height: 75px;background: #bfaa8f;padding: 3px;}
#services td span {display: block;font-weight: bold;color: #000000;}
#services td div {margin: 3px;color: #4e0108;}
#services a:link, #services a:active, #services a:visited {text-decoration: none;color: #4e0108;}
#services a:hover {text-decoration: underline;color: #4e0108;}

#table1 {width: 100%;}
#calendar_content {padding: 0px 5px;}
#calendar {width: 180px;padding: 0px 5px;}
#calendar table {border-collapse: separate;border-spacing: 2px;}

#store {width: 700px;margin: 15px auto 10px auto;border-collapse: separate;border-spacing: 2px;border: 1px solid #a68a64;}
#store th {color: #4e0108;background: #997f5c;padding: 3px;font-size: 14px;}
#store td, #store th {border: 1px solid #a68a64;}
#store td {font-size: 12px;padding: 3px;}
#store .picStore {width: 70px;}
#store .picStore img {width: 65px;display: block;border: 2px solid #927656;}
#store h2.title {margin-bottom: 10px;font-size: 13px;}

.label {font-weight: bold;text-align: right;font-size: 12px;}
.comments {margin: 0px auto;}
.comments td {padding: 3px;}

.comment {border: 1px solid #a68a64;margin-bottom: 10px;}
.comment div {padding: 10px;font-size: 12px;}
.comment p {padding: 3px;font-size: 12px;margin: 0px;color: #4e0108;background: #997f5c;}
.comment span {display: block;float: right;}

.question {color: #4e0108;font-weight: bold;background: #997f5c;padding: 3px 5px;border: 1px solid #a68a64;margin-top: 10px;}
.answer {background: #bfaa8f;padding: 5px 10px;border: 1px solid #a68a64;border-top: none;}
.question a:link, .question a:active, .question a:visited {text-decoration: none;color: #4e0108;}
.question a:hover {text-decoration: none;color: #000000;}
