html, body { margin: 0px; width: 100%; height: 100%; display: block; font-size: 100%; font-style: normal; font-family: Arial, Helvetica,sans-serif; color: #333; background: #FFF; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body { line-height: 1.5; height: 100%; font-size: 0.82em; background: url(/image/cache/bg.jpg); }
/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 7px 0; }
a { text-decoration: none; color: #CD8A07; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #6E2D00; margin-bottom: 10px; font-size: 22px; line-height: 25px; font-style: normal; }
h2 { font-size: 22px; }
h3, h4 { font-size: 18px; }
h5, h6 { font-szie: 16px; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444; font-family: Arial, Helvetica, sans-serif; }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #6E2D00; color: #FFF; text-decoration: none; margin-right: 10px; border: 1px solid #6E2D00; padding: 3px 10px; display: inline-block; }
.clear { clear: both; height: 0px; }
.lightbg { background: #D7E6CC; padding: 7px; margin-bottom: 15px; }
.darkbg { background: #A8A1BE; padding: 7px; color: #FFF; margin-bottom: 15px; }
.darkbg h1, .darkbg h2,.darkbg h3 ,.darkbg h4,.darkbg h5 ,.darkbg h6 ,.darkbg a { color: #FFF; }
.divider { margin-top: 1.5em;}
/* layout*/
#wrapper { height:100%; min-height: 100%; min-width: 970px; width: 970px; margin: 0px auto; }
.table { width: 100%; display: table; margin-top: 70px; }
.tablerow {width: 100%; display:table-row; vertical-align: top; }
#nav { position: relative; }
#sidebar { float: left; height: auto; min-height: 100%; width: 230px; vertical-align: top; }
.contentbox { padding: 0 15px; }
.foottop { display: block; }
#content { padding: 0px 10px; float: left; width: 510px; font-size: 0.82em; line-height: 1.6; text-align: justify; }
#rightside { float: left; width: 180px; font-size: 12px; }
.clearfoot {clear: both; }
#footer { font-style: normal; background: #E4D6C0; padding: 10px 1.5em 2em 1.5em; clear: both; margin-top: 50px; font-size: 1em; line-height: 1.6em; color: #333; }
.footabout { width: 150px; padding: 15px; float: left; text-align: center; }
#container { float: left; width: 718px; box-shadow: 0 0 10px #AB8460; height: 100%; min-height: 700px; background: #FFF; border: 1px solid #CCC; padding: 10px; vertical-align: top; }
#sidebar, #container { float: none; display: table-cell; }
.topsocio { float: right; }
/* header */
#header { background: #6E2D00; height: 55px; }
.headerblc { width: 960px; margin: 0 auto;}
.logo { float: left; position: relative; width: 400px; }
.logo img { border: 0px; float: left; position: absolute; z-index:1; left: -30px; }
.logo a { color: #FFF; font-size: 2.5em; text-decoration: none; font-family: 'PT Serif', Georgia, serif, Arial, Helvetica, sans-serif; }
.searchbox { text-align: right; padding-top: 15px; }
.searchbox input[type=text] { width: 16em; padding-right: 30px; }
.searchbox input[type=submit] { background-color: none; background: url(/image/cache/search.png) no-repeat; border: 0px; margin-left: -25px; }
.message { text-align: right; color: #FFF; padding: 8px 24px 8px 0; font-weight: normal; text-transform: uppercase; font-size:18px; font-family: baskerville old face; }
/* footer */
.copyright { clear: both; padding: 20px 0; color: #999; font-size: 0.89em; }
.sociolinks { float: left; margin-right: 0px; width: 25%; padding: 5px 0px; }
.sociolinks img.backicon {float: left; margin: 0 20px 0 0; }
.addr { font-style: normal; margin-top: 20px; }
.addr h2 { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; }
.addr img { margin: 5px; }
.icons img { width: 48px; height: 48px; margin: 0 3px }
.icons a:hover img { background: #E4D6C0;}
.footabout img { display: block; margin: auto; }
.footnavi { float: left; width: 72%; margin-left: 1%; }
.footnav { margin: 0px; padding: 0px; padding: 0; padding: 0 5%; width: 90%; float: left; }
#footer h3 { margin-bottom: 5px; font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; list-style: none; }
.footnav ul li { float: left; width: 31%; padding: 0 1%; }
.footnav ul li>a { padding: 0px; margin: 0px; font-family: arial; color: #AB8460;display: block; }
.footnav ul li span { font-size: 1.5em; padding-top: 15px; display: block; line-height: 2em; color: #6E2D00; }
.footnav ul li>ul {margin: 0px; padding: 0px; list-style: none; }
.footnav ul li> ul li { float: none; display: block; width: 98%; }
.copyright ul { display: block; list-style: none; margin: 0px 0; padding: 0; float: right; line-height: 0.82em; }
.copyright ul li { border-left: 1px solid #999; display: inline-block; padding: 0 10px; }
.copyright ul li.first { border-left: none; }
.copyright ul li a { color: #999; text-decoration: none; }
/*navigation*/
.navigate { display: none;}
.navigate a {text-decoration: none; }
#nav {background: rgba(171,132,96,0.6); margin: 70px 0 70px 0; }
#nav ul { padding: 10px; padding-bottom: 30px; margin: 0; list-style: none; font-family: Arial;}
#nav ul li { display: block; margin: 0;text-align: left; }
#nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { background: #6e2d00; color: #fff; text-decoration: none; }
/* #nav ul li:hover a:before, #nav ul li.currentbranch a:before { content: " \2261\2002 " } */
#nav ul li a { padding: 0 1em; color: #6e2d00; text-decoration: none; display: block; padding: 10px 15px; font-weight: normal; border-top: 1px solid #B69A71; }
#nav ul li:first-child a { border-top: 0; }
#nav ul li > ul { display: none; padding: 0; }
#nav ul li.currentbranch ul li a, #nav ul li.currentitem ul li a { padding: 0px 3px 0px 24px; text-decoration: none; color: #6E2D00; border: none;}
#nav ul li.currentitem ul, #nav ul li.currentbranch ul { display: block; }
#nav ul li.currentitem ul li, #nav ul li.currentbranch ul li { }
#nav ul li.currentbranch:hover, #nav ul li.currentbranch a:hover { background: none; }
#nav ul li ul li a:hover { color: #FFF; }
/* #nav ul li:hover ul li a:before,#nav ul li.currentbranch ul li a:before {content: ""; } */
/* Home */
#slider { height: 300px; }
.sliderContent { color: #CCC; width: 100%; height: 300px; background: #CD8A07; position: relative; overflow: hidden; }
.sliderContent div.base { position: absolute; width: 100%; left: 100%; height: 300px; }
.sliderContent div.base img { position: absolute; left: 0%; top:0; border: 0; height: 300px; ; width: 450px; border: 0; margin: 0; padding: 0; }
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { position: absolute; z-index: 1; padding: 10px; min-height: 100%; width: 240px; padding-top: 30px; color: #FFF; right: 0; top: 0; background: #CD8A07; }
.sliderContent div.base div.caption a.link { display: inline-block; padding: 7px 20px; margin-top: 10px; }
.sliderContent div.base div.caption h2 { font-size: 2em; line-height: 1em; margin: 0 0 10px 0; padding: 0; font-weight: normal; color: #FFF;}
.sliderContent div.base div.caption h2 a{ color: #EEE; }
.sliderContent a:hover {text-decoration: none; }
.taoNav { display: none; text-align: left; margin: -35px 0 0px 77%; z-index: 5; position: relative; width: 120px; }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 1px 2px; background: #CCC; line-height: 0.7em; color: #CCC; cursor: pointer; }
.taoNav a.active { background: #FFF; color: #FFF; }
.taoNav a:hover { text-decoration: none; }
/* news */
.newsList { width: 32%; padding: 1% 0; float: left; overflow: hidden; position: relative; }
.newsList h1 { padding: 0 3px; }
.newsList h1 a { color: #6e2d00; }
.newsList ul { margin-left: 1em; }
.newsList a { font-weight: bold; }
.newsList div.morelnk { text-align: right; }
#newslist div { padding: 1%; }
.homecontent { width: 65%; float: left; margin-right: 1%; padding: 1%; }
.eventList, .tweetList { position: relative; height:300px; overflow: hidden; width: 26%; margin: 0 2%; float: left; }
.eventList a { color: #333; }
.eventList div { margin: 0px 0px; padding-bottom: 12px; max-height: 55px; overflow-hidden;}
.eventList span, .eventList p { display: inline-block; vertical-align: top; width: 75%; margin: 0px; padding: 0px; }
.eventList span { text-align: center; background: #D4EFFF; padding: 10px 0px; color: #333; font-weight: normal; vertical-align: middle; width: 50px; line-height: 14px; border-left: 0px; font-size: 16px; font-family: 'PT Serif', Georgia, serif, Arial, Helvetica, sans-serif; }
.eventList span label { font-size: 12px; display: block; }
.eventList p { padding-left: 10px;}
/* news */
.newslist p { border-bottom: 1px dashed #CCC; padding: 10px 0px; margin: 0px; }
.newslist a { background: transparent; cursor: pointer; color: #CCC; }
.newslist p span { font-size: 12px; line-height: 16px; }
.article { border-bottom: 1px dotted #CCC; padding: 5px; }
.article p { padding: 5px 0px; margin: 0px; }
.article p span.splitleft { font-size: 11px; }
.article p span.splitright { float: right; }
.content table { border: 0px; margin: 10px; border-bottom: 1px dotted #CCC; }
.content table td { vertical-align: top; }
/*calendar */
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%; height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px; color: #9B7313; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar ul { margin: 0px; padding: 0px; list-style: none; display: block; }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px; }
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px; text-align: center; }
.thumbGallery li a img { padding: 5px; background: #060606; box-shadow: 0px 0px 8px #333; }
.photo { text-align: center; margin-top: 20px;}
.photo img { display: inline-block; padding: 10px; background: #060606; box-shadow: 0px 0px 8px #333; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: #666; float: right; padding-top: 30px;}
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px; }
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform td.labelcol { width: 18%; padding-right: 8px; font-weight: bold; vertical-align: top; }
.postwebform td.valuecol { width: 88%; vertical-align: top; }
.general_login { margin-left:30%; }
.general_login div.logintitle { background: transparent; color: #667233; font-size: 18px; line-height: 25px; font-weight: normal; }
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.general_login div.row { margin: 8px 0px; }
.general_login div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login div.loginbtn, .general_login div.forgotpassword { margin-left: 110px; }
#filter { display: none; }
/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px; }
#editevent table { border: 0px; margin: 0px; }
#editevent table td { padding: 3px 0px; }
#editevent table td { font-weight: bold; }
#editevent textarea{ width: 350px; height: 100px; }
#editevent table td div.field { padding: 3px 0px; }
#editevent table td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px; }
.indievent span { display: block; }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, .newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span { display: inline-block; text-align: center; padding: 2px 10px; background: #DCCCB5; border:1px solid #CCC; }
.newschannel_paging_links span, #gnav a { background: #DCCCB5; padding: 3px 10px; border: 1px solid #CCC; margin: 5px; }
.newschannel_paging_links span a:hover, #calendar_paging_links span a:hover, #form_paging_links span a:hover, #paging_links span a:hover { background: #667233; text-decoration: none; color: #FFF; }
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px; }
#searchresults dd { padding-left: 10px; }
/*tao Gallery */
.hide { display: none; }
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(9,9,9,0.9); }
.no-rgba #gcontent {background: #333; }
#gimage { width: 100%; float: left; text-align: center; height: 100%; }
#gimage img { background: #FFF; padding: 10px; border: 1px solid #EEE; }
#gcontent { float: left; width:0%; line-height: 1.3em; margin: 0% 0; padding: 2%; color: #EEE; }
#gcontent div { margin: 5px 0; display:none; }
#gcontent label { display: block; color: #E49F0C; font-weight: bold; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a { margin-left: 10px; color: #333; display: inline-block; padding: 2px 15px; }
#gclose { position: absolute; z-index:1122; top: 0%; right: 5%; color: #777; width: 45px; background: #E49F0C; padding: 5px 15px;color: #FFF; }
.gwait { margin-top: 40%; color: #CCC; }
.gallerylist { position: relative;float: left; background: url(/image/cache/gallerybg.png) no-repeat top left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 0; }
.gallerylist h3 { margin-top: 15px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery a { float: left; background: #FFF; padding: 0.5%; height: 80px; width: 17%; overflow: hidden; text-align: center; vertical-align: middle; position: relative; text-align: center; border: 1px solid #CCC; margin: 0.6%; overflow: hidden; }
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; max-height: 80px; }
.imageGallery a:hover {border: 1px solid #999; }
/* ==================== webform post form styles ====================
================================================== */
.fieldgroup { clear: both; margin: 10px 0; padding: 5px; }
.fieldgroup_label {font-size: 1.2em; font-weight: bold;width: 98%; display: block;color: #6E2D00;padding: 1px 5px;margin: 0;border-bottom: 1px solid #C3A587;}
.fieldgroup_desc, .field_desc { font-style: italic; color: #999; line-height: 1.4em; padding: 0 3px; font-size: 0.87em;margin: 5px 0 10px 5px; clear: both;}
.fieldrow { padding: 5px 0; text-align: left; display: block; }
.fieldrow .fieldval, .fieldrow .fieldlabel { font-size: 1.1em; display: inline-block; vertical-align: top; width: 40%; margin: 0; text-align: left; }
.fieldrow .fieldval {width: 45%;}
.fieldgroup_label sup, .fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea { width: 80%; min-height: 100px; }
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email] {width: 75%;}
.fieldrow .fieldval select {width: 79%;padding: 3px 5px;margin: 0;}
.fieldrow .fieldval input { width: 75%; }
.fieldrow .fieldval .require.error{border: 1px solid #E24646;}
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; }
.exemption_type_radio{margin: 7px;}
.fieldrow.required .fieldlabel{ font-weight:bold;}