@import url('reset.css');

html { background: #5a483b; }
body { color: #4c554d; font-family: arial; font-size: 12px; }

a { color: #4c554d; text-decoration: none; }

/* ------ Header ------ */

div#headerWrapper { background: url(../_img/bg-header.gif) repeat-x; height: 194px; }
div#header { margin: 0 auto; width: 860px;}
a#logo { float: left; margin-top: 4px; outline: none; }

/* ------ Navigation ------ */

ul#navInfo { background: #535953; border-left: 6px solid #535953; border-right: 6px solid #535953; color: #eaeaea; height: 28px; float: right; }
ul#navInfo li { float: left; }
ul#navInfo a { color: #eaeaea; line-height: 28px; padding: 0 6px; }

ul#navMain {}
ul#navMain li a { background: #7b6555; color: #fff; display: block; font-size: 12px; margin-bottom: 2px; padding: 8px 5px 8px 10px; width: 230px; }
ul#navMain li a:hover,
ul#navMain li a.active { background: #5a483b; }

ul#navMain li li a { background: #cec2ad; color: #5a483b; padding-left: 20px; width: 220px; }
ul#navMain li li a:hover,
ul#navMain li li a.active { background: #b2a58e; }

ul#navMain li li li a { background: none; border-bottom: 1px solid #cec2ad; border-left: 5px solid #cec2ad; color: #5a483b; padding-left: 35px; width: 200px; }
ul#navMain li li li a:hover,
ul#navMain li li li a.active { background: none; border-bottom: 1px solid #cec2ad; border-left: 15px solid #b2a58e; padding-left: 25px; }


/* ------ Content ------ */

div#contentWrapper { background: #f2ebdf; padding-bottom: 30px; }
div#contentInnerWrapper { margin: 0 auto; width: 860px; }

div#sidebar { float: left; width: 240px; }
div#content { float: right; width: 560px; }

div#content a { color: #5a483b; font-weight: bold; text-decoration: underline; }
div#content a:hover { text-decoration: underline; }

div#content h1 { font-family: Georgia, arial; font-size: 20px; margin-bottom: 18px; }
div#content h2 { font-size: 14px; font-weight: bold; margin-bottom: 14px; padding-top: 6px; }
div#content p { line-height: 18px; margin-bottom: 12px; }
div#content ul { margin-bottom: 12px; }
div#content li { background: url(../_img/bullet.gif) 1px 7px no-repeat; line-height: 18px; padding-left: 10px; }

#vctagid { margin-bottom: 12px; }

/* ------ News ------ */

div.news-latest-container { margin-bottom: 12px; }
div.news-latest-item span.news-latest-date { float: left; margin-right: 10px; }

.news-list-item img { float: left; margin: 0 12px 12px 0; }
.news-single-item .news-single-img { float: right; margin-left: 15px; }
.news-single-item .news-single-imgcaption { color: #B0B0B0; font-size: 11px; padding-top: 6px; width: 185px; }


/* ------ More Columns ------ */

.divFce2Column div.firstCol { float: left; width: 270px; }
.divFce2Column div.secondCol { float: right; width: 270px; }


/* ------ Footer ------ */

div#footerWrapper { background: url(../_img/bg-footer.gif) repeat-x; height: 80px; }
div#footerWrapper p { color: #fff; text-align: center; padding: 40px 0 10px 0; margin: 0 auto; width: 860px; }


/* ------ Images ------ */

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 12px; }


/* ------ Calendar ------ */

.calList .date { float: left; width: 120px; }
.calList .title { float: right; width: 420px; }
.calList { border-top: 1px solid #b2a58e; }
.calList div { border-bottom: 1px solid #b2a58e; }
.calList div div { border: none; line-height: 16px; padding: 6px 0; }

.calEvent { margin-bottom: 12px; width: 450px; }
.calEvent tr.head { background: #7b6555; color: #fff; }
.calEvent tr.head td { font-weight: bold; padding: 8px; }
.calEvent td { border-bottom: 1px solid #b2a58e; padding: 6px 8px; vertical-align: top; }
.calEvent td.label { font-weight: bold; width: 120px; }

/* ------ Sitemap ------ */

.csc-sitemap { line-height: 20px; }
.csc-sitemap ul li ul li { padding-left: 20px; }

/* ------ Contactform ------ */

.tx-powermail-pi1_formwrap legend { display: none; }
.tx-powermail-pi1_formwrap div { margin-bottom: 12px; }
.tx-powermail-pi1_formwrap label { float: left; padding-top: 5px; width: 120px; }
.tx-powermail-pi1_formwrap input { border: 1px solid #5a483b; padding: 4px; width: 250px; }
.tx-powermail-pi1_formwrap textarea { border: 1px solid #5a483b; padding: 4px; width: 250px; height: 150px; }
.tx-powermail-pi1_formwrap .powermail_submit { margin-left: 120px; width: 260px; }
.powermail_mandatory, .powermail_mandatory_js { color: #f5601d; margin-left: 120px; }

/* ------ Guestbook ------ */

.tx-veguestbook-pi1 h2.tx-guestbook-header { background: #7b6555; font-size: 12px !important; padding: 10px 10px 6px 10px; width: 450px; }
.tx-veguestbook-pi1 h2.tx-guestbook-header a { color: #ccc !important; }
.tx-veguestbook-pi1 p { padding: 0 10px 10px 10px; border-bottom: 1px solid #b2a58e; width: 450px; }
.tx-guestbook-comment { font-style: italic; }

/* ------ Gallery ------ */

.wtgallery_categories { width: 160px; margin: 0 15px 5px 0; }
.wtgallery_list { margin: 0 6px 6px 0; }
.wtgallery_list_lastofrow { margin: 0; }
.wtgallery_category_pic { margin: 0 6px 2px 0; }
.category_row { margin-bottom: 6px; }

/* ------ Helper ------ */

div.divider { border-top: 1px solid #b2a58e; clear: both; height: 1px; margin: 9px 0; line-height: 0; font-size: 0; }

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */