* { padding: 0; margin: 0; }
body { margin: 20px 0; padding: 0; font: normal .72em/1.5em 'Trebuchet MS', sans-serif; color: #444; background: #6D5434; text-align: center; height: 100%; }
/* links */
a { background: inherit; color: #993333; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }
/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; color: #333; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }
p, h1, h2, h3 { margin: 10px 15px; }
ul, ol { margin: 10px 30px; padding: 0 15px; }
/* images */
img { border: 1px solid #DDD; padding: 5px; background-color: #FFF; }
img.float-right { margin: 5px 0px 5px 15px; }
img.float-left { margin: 5px 15px 5px 0px; }
code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #eee; }
acronym { cursor: help; border-bottom: 1px solid #777; }
blockquote { margin: 15px; padding: 0 0 0 20px; background: #FAFAFA url(quote.gif) no-repeat 3px 5px; border: 1px solid #eee; font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; color: #666666; }
.post p { font-size: 16px; line-height: 26px; }
/* start - table */
table { border-collapse: collapse; margin: 15px; }
th strong { color: #fff; }
th { background: #993333; height: 29px; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border-left: 1px solid #D68686; border-bottom: solid 2px #FFF; }
tr { height: 30px; }
td { padding-left: 11px; padding-right: 11px; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #DFDFDF; }
td.first, th.first { border-left: 0px; }
tr.row-a { background: #F8F8F8; }
tr.row-b { background: #EFEFEF; }
/* end - table */
#logo-box > ul { float: right; margin-top: 18px; }
#logo-box li { display: inline-block; padding: 0 10px; }
#logo-box li a { color: #fff; font-size: 16px; }
/* search form */
.searchform { background-color: transparent; border: none; margin: 0; padding: 0; }
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { width: 130px; color: #333; height: 20px; padding: 2px; vertical-align: top; }
.searchform input.button { font: bold 12px Arial, Sans-serif; color: #333; width: 60px; height: 26px; border: none; padding: 3px 5px; vertical-align: top; }
/***********************
	  LAYOUT
************************/
#wrap { width: 770px; margin: 0 auto; background: #FFF url(wrap-bg.jpg) repeat-y; }
/* header */
#header { position: relative; height: auto; text-align: left; margin: 0; padding: 0; background: #FFF; }
#header .headerphoto { float: left; height: 320px; margin-left: 15px; padding: 0; position: static; right: 15px; top: 15px; width: 96.2%; background: url(banner.jpg); }
#header #logo-box { background: #4e3525; height: 55px; left: 15px; position: static; top: 15px; width: 100%; }
#logo-box h1#logo { color: #fff; font: bold 33px "Trebuchet MS", sans-serif; left: 34px; letter-spacing: 0; margin: 0; padding: 6px 0 0 22px; position: static; top: 25px; float: left; }
#logo-box h1#logo a { text-decoration: none; color: #FFF; }
#logo-box #slogan { position: absolute; font: bold 12px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #FFFFCC; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the slogan */ top: 88px; left: 60px; }
/* header menu */
#menu { clear: both; margin: 0; padding: 0 0 0px 0; width: 770px; background: #FFF url(wrap-bg.jpg) repeat-y; float: left; }
#menu ul { font: bolder 14px 'Trebuchet MS', sans-serif; width: 740px; color: #FFF; background-color: #4E3525; margin: 0 15px; padding: 0; display: inline; border-bottom: 6px solid #FFF; float: left; }
#menu li { float: left; list-style: none; }
#menu li a { display: block; padding: 5px 15px; color: #FFF; text-decoration: none; }
#menu li a:hover { background: #C8935D; color: #FFF; }
#menu li a#current { background: #993333; color: #FFF; }
/* content */
#content-wrap { clear: both; float: left; width: 100%; background: #FFF url(content.jpg) repeat-y; }
#content { width: 740px; clear: both; text-align: left; padding: 0; margin: 0 auto; }
/* sidebar */
#sidebar { float: right; width: 30%; margin: 0 0 10px 0; padding: 0; }
#sidebar h1 { padding: 10px 0px 5px 10px; margin: 0; color: #660000; }
.sidebox { margin-bottom: 10px; }
/* sidebar menu */
#sidebar ul.sidemenu { list-style: none; margin: 10px 0 15px 0; padding: 0; }
#sidebar ul.sidemenu li { padding: 0px 10px; }
#sidebar ul.sidemenu a { display: block; font-weight: normal; color: #333; height: 1.5em; padding: .3em 0 .3em 15px; line-height: 1.5em; border-bottom: 1px dashed #D5D5D5; text-decoration: none; }
#sidebar ul.sidemenu a.top { border-top: 1px dashed #D5D5D5; }
#sidebar ul.sidemenu a:hover { padding: .3em 0 .3em 10px; border-left: 5px solid #993333; color: #993333; }
/* main */
#main { float: left; margin: 0 0 10px; padding: 0; width: 100%; }
#main h1 { padding: 10px 0 5px 5px; margin: 0 0 0 10px; border-bottom: 1px dashed #D5D5D5; font-size: 22px; }
#main ul li { list-style-image: url(bullet.gif); }
.post { margin: 0; padding: 0; }
.post .post-footer { background-color: #fafafa; padding: 5px; margin-top: 20px; font-size: 95%; border: 1px solid #eee; }
.post .post-footer .date { background: url(clock.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
.post .post-footer .comments { background: url(comment.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
.post .post-footer .readmore { background: url(page.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; }
/* footer */
#footer { clear: both; margin: 0; padding: 12px 0 0 0; font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif; height: auto; background: #4E3525; color: #666666; text-align: center; }
#footer > ul { margin: 0; }
#footer p { margin: 0; padding: 8px 0; color: #fff; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: underline; color: #fff; }
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.gray { color: #BFBFBF; }
#footer li { display: inline-block; padding: 3px 10px; }
/* contact-form */
.contact-formgroup { float: left; margin-bottom: 20px !important; margin-left: 30px; margin-right: 0 !important; margin-top: 60px; width: 589px !important; }
.form-group { float: left; margin: 10px 0px; }
.form-group label { color: #000; float: left; font-size: 16px; margin-right: 10px; min-width: 120px; }
.form-group input[type="text"] { border: 1px solid #bfbfbf; float: left; min-width: 300px; padding: 10px 0; }
.form-group textarea { float: left; min-height: 120px; width: 420px; border: 1px solid #bfbfbf; }
.submit-button { background-color: #51b614; border-radius: 3px; cursor: pointer; color: #fff !important; float: left; font-size: 16px; margin-left: 130px; padding: 12px 43px; border: none; text-decoration: none; }
.pagePic { float: left; margin-right: 20px; width: 245px; }
.pagePic img { max-width: 100%; }
.PcSubmit-form label { color: #fff; display: block; font-family: Arial; font-size: 14px; font-weight: normal; line-height: 18px; text-align: left; }
.form-heading { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px !important; font-weight: bold; line-height: 46px; margin-bottom: 0; padding-left: 0; text-align: center; text-transform: uppercase; width: 100% !important; }
.PcSubmit-form { background-color: #7e6555; border: 1px solid #fff !important; box-shadow: 0 0 5px #b0b0b0; box-sizing: border-box; float: right; height: auto; margin: 0 auto; padding: 0 15px 10px; position: absolute; right: 18px; top: 65px; width: 318px !important; z-index: 999; }
.leftBanner { width: 300px; float: left; color: #DC0000; margin-top: 50px; }
.leftBanner h1 { line-height: 36px; }
.leftBanner p { color: #000; font-size: 14px; }
#bodyPan a { color: #DC0000; text-decoration: underline; }
.input-type-filled > input { border: 1px solid #d0d0d0; background-color: #f7f7f7; border-radius: 0; box-sizing: border-box; float: left; height: 30px; margin-top: 2px; padding: 5px 0 5px 5px; width: 100%; }
input[type="submit"] { background-color: #8cbe44; border: medium none; color: #fff; cursor: pointer; font-size: 24px; height: 48px; margin: 7px 0 0; width: 100%; }
.width130 { width: 130px !important; }
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
