html, body { margin: 0px; height: 100%; font: normal 12px/20px  'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; color: #333; background: #F8F8F6;  color: #111; }
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,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header,hgroup, menu, nav, section, menu,time, mark, audio, video {  margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent;}
header, section, article, aside, footer, figure, nav, hgroup, video, div { display: block;  }

/* Basic */
a  { text-decoration: none; color: #838F4F;  }
a:hover { text-decoration: underline; }
input, select, textarea { border: 1px solid #cccc99; padding: 2px 5px; box-shadow: 0px 0px 4px #DDD; color: #333; font: normal 12px/18px Arial, Helvetica, sans-serif; }
input[type=button], input[type=submit], input[type=reset] {  padding:3px 14px; cursor: pointer; text-transform: capitalize; font-weight: bold; border: 1px solid #9DA774; color: #FFF; background-color: #A7B45A;  }
input[type=text], input[type=password] { width: 200px;  }
p { padding: 6px 0px; }
table { border-collapse: collapse; width: 100%;  }
table th { vertical-align: middle; text-align: center; line-height: 25px;  background: #CCC;  }
table th, table td { border: 0px; }
.container { width: 990px; position: relative; margin: auto; height: auto; }
.clr { clear: both;  }
.pad { padding: 10px;  }
h1, h2, h3, h4, h5, h6 { font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; color: #667233; }
h1 { font-size: 25px; line-height: 35px; font-weight: normal;  }
h2 { font-size: 16px; font-weight: normal; margin-bottom: 5px; }

/* layout */
#wrapper {  width: 980px; margin: auto; position: relative; margin-bottom: 50px; }
#header { display: block; margin: 0px;   height:80px;  }
#nav { background: #A7B45A; box-shadow: 0px 0px 8px #AAA;  position: relative; }
.boxshadow #nav { box-shadow: 0px 0px 8px #AAA; }
#footer  { clear: both;  padding: 30px 0px; margin-bottom: 40px; font-size: 12px; border-top: 3px solid #A7B45A;  background: #A7B45A; }
#csstable { display: table; width: 100%;  }
#csstablerow { display: table-row; width: 100%;   }
#leftpart { border-right: 1px solid #A7B45A;  display: table-cell; vertical-align: top;  padding: 10px; width: 180px;  }
#rightpart {display: table-cell; vertical-align: top; background: #FCFCFC; width: 250px;  box-shadow: inset 0px 0px 8px #BBB; }
#middlepart {  display: table-cell; vertical-align: top; padding: 0px 10px; width: 780px; }
.padbottom2 { padding-top: 10px; padding-bottom: 10px; }

/* header */
.logo { color: #FFF; float: left; font: bold 12px/16px centurygothic, verdana, tahoma, arial;   }
.logo img {  border: 0px; display: inline-block;margin-top: 15px; }
.padbottom { padding-bottom: 40px;  }
.search { float: right; margin-top: 30px; }

/* navi */
#nav ul { list-style: none; padding: 0px; margin: 0px; background: #A7B45A; font-size: 15px;  display: block; line-height: 30px;  }
#nav ul li { cursor: pointer; position: relative;  text-transform: capitalize;  float: left; }
#nav ul li a { color: #FFF; display: block; padding: 0px 25px;   }
#nav ul li:hover ul, #nav ul li a:hover ul {display: block; min-width:180px; width: auto; padding-top: 5px; z-index:200; }
#nav ul li:hover ul ul, #nav ul li a:hover ul ul { display: none; }
#nav ul li ul  {padding: 0px; margin: 0px;  text-align: left; list-style: none; display: none; background: #838F4F; position:absolute;  height:auto; border:0px; padding-bottom: 10px; margin-top: -1px; }
#nav ul li ul li ul { padding: 0px; margin: 0px; text-align: left; list-style: none; display: none; background: #838F4F; position:absolute; z-index:201; height:auto; border:0px; padding-bottom: 10px; margin: -30px 0px 0px 150px ; }
#nav ul li ul li { float: none; display: block;  font-size: 12px; text-transform: capitalize; border: 0px; margin: 0px; }
#nav ul li ul li a {}
#nav ul li ul li a:hover, #nav ul li ul li:hover {  background: #A7B45A; }
#nav ul li ul li:hover ul, #nav ul li ul li a:hover ul  { display: block;  }
#nav ul li a:hover, #nav ul li:hover  { color: #FFF; background: #838F4F; text-decoration: none; }
#nav li.currentitem, #nav li.currentitem a {  color: #FFF; background: #838F4F; text-decoration: none; }

/* side nav */
.sidenav h2 { margin: 0px; border-bottom: 2px solid #667233; padding: 3px 8px; }
.sidenav li.head { font-size: 18px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; color: #667233; padding: 0px; margin: 0px; border-bottom: 2px solid #667233; padding: 3px 8px; }
.sidenav ul { padding: 0px; margin: 0px; list-style: none;  }
.sidenav li {  font: normal 12px/28px centurygothic, verdana, tahoma, arial; border-bottom:1px dotted #A7B45A; }
.sidenav li a {padding: 0px 8px; color: #777; display: block;  }
.sidenav li a:hover {  color: #667233; background: #EDEDED; }
.sidenav { margin-bottom: 10px; }


/* home */
#showcase { margin: 10px 0px; margin-bottom: 25px; position: relative;  }
.slides { box-shadow: 0px 0px 8px #999; text-align: center;  height: 310px; }
.boxshadow div.slides { box-shadow: 0px 0px 8px #999 }
.homeitems {margin: 30px 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.homeitems:after{content:''; display:table; clear:both;}

.homeitems > div {margin: 0;-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position: relative;}
.homeitems div .content{margin-right: 5px;background: #e4e1d7;min-height: 190px;padding: 5px;}
.newslist.events .content{margin-right:0;margin-left: 5px;}
.homeitems h1 { font-size: 20px; }
.rightpart { float: right; }
.rightpart img { padding: 5px; border: 1px solid #DDD; }
.actcontent { color: #333;  }
.homecontent { margin: 20px 0px;  background: #e4e1d7;  }
.homecontent span { display: inline-block; vertical-align: top; }
#homeside { background: #A7B45A; width: 180px; padding: 10px; margin-left: 10px; margin-top: -10px; display: inline-block; }
#hcontent { width: 700px; padding: 10px; margin-left: 10px;  display: inline-block;  }
#homeside a { color: #FFF; border-bottom: 1px dotted #9DA774;  } 
#homeside h2 { color: #FFF; border-bottom: 1px solid #FFF; }
#homeside div.sidenav a:hover { color: #667233; background: none;   }
#homeside div.widget a { color: #667233; border: 0px; }




/* footer */
#footer a {color: #fff; }
#footer .footsections { width: 450px; float: left; margin: 0px 10px;  }
#footer .footrights { width: 400px; float: right; text-align: center; padding-top: 40px; vertical-align: middle;    }
#footer ul { list-style: none; padding: 0px; margin: 0px auto;   }
#footer ul li {float: left;  line-height: 20px; padding: 0px 9px; color: #333;  }
#footer ul li ul  { display: block;  list-style: none; padding: 0px; margin: 0px;  }
#footer ul li ul li {  float: none; display: block;   }

/*content */
.content {padding: 10px;display: block;}

/* news */
.newslist { }
.newslist p{ margin: 0px; padding: 0px;  }
.newslist a {  padding:3px 0px 4px 10px; cursor: pointer; display: block;   }
.article { border-bottom: 1px dotted #CCC; padding: 5px; }
.article h2 { margin-bottom: 0px; }
.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; }

.searchtype, #advancedsearchform input#clearform13  { display:none;}

/*lookup */
#advancedsearchform  input { padding: 10px 15px;}
#advancedsearchform  input#clearform16 {display: none;}
#advancedsearchform  input#submitform16 { margin-left: 53px; float: left;} 
.searchtype {display:none;}
table.search_options{ }
.pdfdwn a { margin-left: 4px; }
/* table.search_options tr:nth-child(2), table.search_options tr:nth-child(3), table.search_options tr:nth-child(4) {display:none;}  */
.txlkprow {padding: 1px 15px;border-bottom: 1px solid #DADADA;}
.txlkprow:nth-child(odd) { /*background: #E5E5E5;*/} 
.txlkprow p{ font-size:1.15em; }
.txlkprow a{} 
.txlkprow .txlkpnm   {/* width: 53%; *//* float:left; */}
.txlkprow span.txlkppdf {/* float:right; */}
.txlkprow .txlkpprc{text-align:center;/* display:inline-block; *//* width: 32%; */}
table.txlkplst  { width:98%; margin:10px auto; background: #CCC; padding: 10px 0;}
table.txlkplst .lkpname { width: 30%; text-align: left; padding-left: 10px;}
.lkpdtlrow { padding:2px 10px; font-size: 1.1em;}
.lkpdtllbl { width: 22%;display:inline-block; vertical-align:top;}
.lkpdtldtl { width: 40%; display: inline-block; } 



.data-table {display:table;width: 100%;margin: 0 auto;border-collapse:collapse;}
.data-table .data-row{display:table-row;background: transparent;}
.data-table .data-row.body .data-row:nth-child(even) { background: #E5E5E5;} 
.data-table .data-row.body{display: table-row-group;}
.data-table .data-row.caption{ display:table-caption; width:100%;}
.data-table .data-row.caption .data-col{ display:table; width:100%; background:#DDD;}
.data-table .data-row.caption .data-col h4, .data-table .data-row.caption .data-col h2{ margin:5px;}
.data-table .data-row .data-col{display:table-cell;/* border:1px solid #DDD; */padding: 7px 10px;text-align: left;font-size: 1.04em;vertical-align: middle;color: #333;background: transparent;}
.data-table .data-row.head .data-col{background: #777;padding: 5px 10px;color: #fff;font-size: 1.1em;font-weight: 600;}
.data-table .data-row .data-col.options{ text-align:center;}
.data-table .data-row .data-col.options a {display: inline;padding: 4px  8px;border: 1px solid #a7b45a;font-size:13px;}
.data-table .data-row .data-col.options a.view{background:#a7b45a;color: #FFF;}
.data-table .data-row .data-col.options a:hover{ background:#a7b45a; color:#FFF; text-decoration:none;}





/*contacts */
.contacts { width: 50%; margin-left: 10px; float:right; }
.contacts  div {  display: inline-block; margin: 8px; min-height: 50px; padding: 8px; width:41%; vertical-align: top; border: 1px solid #CCC; background: #EFEFEF;}
#form_1_post { width: 45%; }

/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; }
#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: #667233; 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: #667233; 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; 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 { border: 1px solid #CCC;  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #CCC;  }
.photo { text-align: center; margin-top: 20px;}
.photo img {   border: 1px solid #CCC; display: inline-block;  padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #CCC; }

/*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; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; 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;  }

.webform_15 tr:nth-child(4) { display: none; }

.general_login { margin-left:30%; }
.general_login  div.logintitle {  font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; color: #667233;  font-size: 30px; line-height: 35px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";  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; }
#editevent tr:nth-child(6) table { 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; }

/* deptright */
.deptright { padding-left: 8px; }
.deptright h2 { margin-top: 15px; border-bottom: 2px solid #667233; }
.deptright p { padding: 3px 0px; margin: 0px; border-bottom: 1px dotted #CCC; }

/*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; border:1px solid #CCC; }
.newschannel_paging_links span { 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; }


.slidebg {height: 310px;background: #FFF;position: relative;padding: 0;/* border-bottom: 1px solid #FFF; */}
.hblock {border-bottom: 1px dashed #EEC402;  }
.slidebg div.container {position: relative;display: block;height: 100%;}
.slideing {  width: 100%; left: 0; position: relative;  }
#slides {height: 100%;position:  absolute;width: 100%;}
#slides .slidePhoto {bottom: 0;position: absolute;width: 100%;display: none;}
.sliderContent {color: #CCC;height: 100%;position: relative;overflow: hidden;}
.sliderContent div.base {  position: absolute; width: 100%;   opacity: 1; display: none; left: 0%; height: 100%;   }
.sliderContent div.base .sData { width: 990px; position: relative; height: 100%; margin: 0 auto;}
.sliderContent div.base .img {position: absolute;left: 0%;top:0;border: 0;height: 100%;width: 100%;margin: 0;padding: 0;text-align: center;}
.sliderContent div.base .img  img {max-width: 100%;padding: 0;border:0;}
.sliderContent div.activeSlide { left: 0; opacity: 1; }
.sliderContent div.activeSlide { opacity: 1; left: 0; }
.sliderContent div.base.sl div.caption { display: none; }
.sliderContent div.base.slShow div.caption {position: absolute;z-index: 1;font-family: 'Source Serif Pro', serif;background: rgba(255,255,255,0.85);padding: 10px;/* width: 40%; *//* font-size: 1.2em; */line-height: 1.2em;color: #333;right: 2%;top: 30px;margin-left: 1%;}
.sliderContent div.base.slShow div.caption a.link { display: inline-block; background: #EEC402; border: 1px solid #EE9E02;  color: #5C4205; padding: 7px 20px;margin-top: 20px;  }
.sliderContent div.base.slShow div.caption h2 { font-size: 2em; line-height: 1em; color: #B20838; margin: 0 0 10px 0; padding: 0;   font-weight: bold; }
.taoNav {text-align: center;margin: -20px 15px 0px 5px;z-index: 5;position: relative;}
.taoNav a {display: inline-block;margin: 2px 5px;height: 10px;width: 10px;background: #ccc;overflow: hidden;line-height: 0;font-size: 0;color: #FFF;-ms-border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;cursor: pointer;}
.taoNav a.active {background: #a7b45a;color: #a7b45a;}
.taoNav a:hover { text-decoration: none;  }

.messagelist, table.myforms,table.myevents { width:100%; border-collapse: collapse;}
.mc_head th, table.myforms th, table.myevents th {background: #BFBFBF;color: #000;font-weight: normal;text-align: left;padding: 4px;}
.messagelist tr, table.myforms tr, table.myevents tr { border-bottom: 1px solid #DDD;}
tr.even td, tr.odd td, table.myforms td, table.myevents td {padding: 2px 5px;text-align: left;}
.messagelist tr:nth-child(even), table.myforms tr:nth-child(odd), table.myevents tr:nth-child(odd) { background: #EEE;}
table.myforms td atable.myevents td a { margin: 0 3px;}
table.myforms td a { display:inline-block; margin:5px;}