/*
Theme Name: Cote d opale
Theme URI: http://www.le-webmaster-des-7-vallees-et-de-la-cote-dopale.fr/
Description: Site réalisé par Guézel Bruno
Version: 1.0
Author: Guézel Bruno
Author URI: http://www.le-webmaster-des-7-vallees-et-de-la-cote-dopale.fr/
Tags: fixed-width, left-sidebar, two-columns, valid HTML5, valid XHTML, widgets
*/

/* Created by Artisteer v4.0.0.55648 */

#artmain
{
   background:  #C3B179 url('images/page.gif') top center no-repeat fixed;
   background: -webkit-linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, -webkit-linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   background: -moz-linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, -moz-linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   background: -o-linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, -o-linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   background: -ms-linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, -ms-linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   background: linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   -svg-background: linear-gradient(top, rgba(202, 185, 136, 0.27) 0, rgba(202, 185, 136, 0.27) 420px, rgba(170, 147, 76, 0.14) 865px, rgba(143, 124, 64, 0.17) 1050px) no-repeat, url('images/page.gif') top center no-repeat, linear-gradient(top, #C3B179 0, #C3B179 420px, #B0984F 865px, #9E8947 1050px) no-repeat;
   background-attachment: fixed, fixed, fixed !important;
   margin:0 auto;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.arthmenu
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-align: left;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.artbutton
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background:  #A58F4A;
   background: -webkit-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -moz-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -o-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -ms-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   -svg-background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   border:1px solid #8D793F;
   padding:0 15px;
   margin:0 auto;
   height:25px;
}

.artpostcontent,
.artpostheadericons,
.artpostfootericons,
.artblockcontent,
ul.artvmenu a 
{
   text-align: left;
}

.artpostcontent,
.artpostcontent li,
.artpostcontent table,
.artpostcontent a,
.artpostcontent a:link,
.artpostcontent a:visited,
.artpostcontent a.visited,
.artpostcontent a:hover,
.artpostcontent a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.artpostcontent p
{
   margin: 13px 0;
}

.artpostcontent h1, .artpostcontent h1 a, .artpostcontent h1 a:link, .artpostcontent h1 a:visited, .artpostcontent h1 a:hover,
.artpostcontent h2, .artpostcontent h2 a, .artpostcontent h2 a:link, .artpostcontent h2 a:visited, .artpostcontent h2 a:hover,
.artpostcontent h3, .artpostcontent h3 a, .artpostcontent h3 a:link, .artpostcontent h3 a:visited, .artpostcontent h3 a:hover,
.artpostcontent h4, .artpostcontent h4 a, .artpostcontent h4 a:link, .artpostcontent h4 a:visited, .artpostcontent h4 a:hover,
.artpostcontent h5, .artpostcontent h5 a, .artpostcontent h5 a:link, .artpostcontent h5 a:visited, .artpostcontent h5 a:hover,
.artpostcontent h6, .artpostcontent h6 a, .artpostcontent h6 a:link, .artpostcontent h6 a:visited, .artpostcontent h6 a:hover,
.artblockheader .t, .artblockheader .t a, .artblockheader .t a:link, .artblockheader .t a:visited, .artblockheader .t a:hover,
.artvmenublockheader .t, .artvmenublockheader .t a, .artvmenublockheader .t a:link, .artvmenublockheader .t a:visited, .artvmenublockheader .t a:hover,
.artheadline, .artheadline a, .artheadline a:link, .artheadline a:visited, .artheadline a:hover,
.artslogan, .artslogan a, .artslogan a:link, .artslogan a:visited, .artslogan a:hover,
.artpostheader, .artpostheader a, .artpostheader a:link, .artpostheader a:visited, .artpostheader a:hover
{
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent a, .artpostcontent a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #000000;
}

.artpostcontent a:visited, .artpostcontent a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #7F6D39;
}

.artpostcontent  a:hover, .artpostcontent a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #23A9C7;
}

.artpostcontent h1
{
   color: #000000;
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h1
{
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h1 a, .artpostcontent h1 a:link, .artpostcontent h1 a:hover, .artpostcontent h1 a:visited, .artblockcontent h1 a, .artblockcontent h1 a:link, .artblockcontent h1 a:hover, .artblockcontent h1 a:visited 
{
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h2
{
   color: #000000;
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h2
{
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h2 a, .artpostcontent h2 a:link, .artpostcontent h2 a:hover, .artpostcontent h2 a:visited, .artblockcontent h2 a, .artblockcontent h2 a:link, .artblockcontent h2 a:hover, .artblockcontent h2 a:visited 
{
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h3
{
   color: #000000;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h3
{
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h3 a, .artpostcontent h3 a:link, .artpostcontent h3 a:hover, .artpostcontent h3 a:visited, .artblockcontent h3 a, .artblockcontent h3 a:link, .artblockcontent h3 a:hover, .artblockcontent h3 a:visited 
{
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h4
{
   color: #000000;
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h4
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h4 a, .artpostcontent h4 a:link, .artpostcontent h4 a:hover, .artpostcontent h4 a:visited, .artblockcontent h4 a, .artblockcontent h4 a:link, .artblockcontent h4 a:hover, .artblockcontent h4 a:visited 
{
   font-size: 16px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h5
{
   color: #000000;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h5
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h5 a, .artpostcontent h5 a:link, .artpostcontent h5 a:hover, .artpostcontent h5 a:visited, .artblockcontent h5 a, .artblockcontent h5 a:link, .artblockcontent h5 a:hover, .artblockcontent h5 a:visited 
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h6
{
   color: #000000;
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artblockcontent h6
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

.artpostcontent h6 a, .artpostcontent h6 a:link, .artpostcontent h6 a:hover, .artpostcontent h6 a:visited, .artblockcontent h6 a, .artblockcontent h6 a:link, .artblockcontent h6 a:hover, .artblockcontent h6 a:visited 
{
   font-size: 14px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: left;
}

header, footer, article, nav, .artsheet, .arthmenu a, .artvmenu a, .artcheckbox:before, .artradiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, .artsheet, .artcheckbox:before, .artradiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 1000px;
   color: #000000;
}

.clearfix:before, .clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.cleared {
   font: 0/0 serif;
   clear: both;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .artpostcontent li h1, .artblockcontent li h1 
{
   margin:1px;
} 
li h2, .artpostcontent li h2, .artblockcontent li h2 
{
   margin:1px;
} 
li h3, .artpostcontent li h3, .artblockcontent li h3 
{
   margin:1px;
} 
li h4, .artpostcontent li h4, .artblockcontent li h4 
{
   margin:1px;
} 
li h5, .artpostcontent li h5, .artblockcontent li h5 
{
   margin:1px;
} 
li h6, .artpostcontent li h6, .artblockcontent li h6 
{
   margin:1px;
} 
li p, .artpostcontent li p, .artblockcontent li p 
{
   margin:1px;
}


.artshapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
}

.artslider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.artslogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 0px;
  left: 0%;
  line-height: 100%;
  margin-left: 0px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 99;
  white-space: nowrap;
}

.artslogan, 
.artslogan a, 
.artslogan a:link, 
.artslogan a:visited, 
.artslogan a:hover
{
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
  padding: 0;
  margin: 0;
  color: #0C3B45 !important;
}






.artsheet
{
   background: #C3B179;
   background:  rgba(195, 177, 121, 0.5);
   -webkit-border-radius:0 0 15px 15px;
   -moz-border-radius:0 0 15px 15px;
   border-radius:0 0 15px 15px;
   border:3px solid rgba(195, 177, 121, 0.5);
   border-top:none;
   padding:10px;
   margin:0 auto;
   position:relative;
   cursor:auto;
   width: 1000px;
   z-index: auto !important;
}

.artheader
{
   margin:0 auto;
   height: 175px;
   background-image: url('images/header.png');
   background-position: 0 0;
   background-repeat: no-repeat;
   position: relative;
   z-index: auto !important;
}

.artheader>.widget 
{
   position:absolute;
   z-index:101;
}
.artnav
{
   -webkit-border-radius:0 0 3px 3px;
   -moz-border-radius:0 0 3px 3px;
   border-radius:0 0 3px 3px;
   border-top:1px dashed #A58F4A;
   border-bottom:3px solid #A58F4A;
   margin:0 auto;
   position:relative;
   z-index: auto !important;
   font-size: 0;
   text-align: center;
}
ul.arthmenu a, ul.arthmenu a:link, ul.arthmenu a:visited, ul.arthmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.arthmenu, ul.arthmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.arthmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.arthmenu li:hover{
   z-index: 10000;
   white-space: normal;
}

ul.arthmenu:after, ul.arthmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.arthmenu, ul.arthmenu ul {
   min-height: 0;
}

ul.arthmenu {
   display: inline-block;
   vertical-align: bottom;
   margin-left: 3px;
   margin-right: 3px;
}

.artnav:before {
   content:' ';
}

.artmenuitemcontainer
{
   margin:0 auto;
}
ul.arthmenu>li {
   margin-left: 0;
}
ul.arthmenu>li:first-child {
   margin-left: 0;
}
ul.arthmenu>li:last-child {
   margin-right: 0;
}

ul.arthmenu>li>a
{
   background:  #8D793F;
   background: -webkit-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -moz-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -o-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -ms-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   -svg-background: linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   padding:0 8px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 22px;
   cursor: pointer;
   text-decoration: none;
   color: #E6DEC7;
   line-height: 22px;
   text-align: center;
}

.arthmenu a, 
.arthmenu a:link, 
.arthmenu a:visited, 
.arthmenu a.active, 
.arthmenu a:hover
{
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

ul.arthmenu>li>a.active
{
   background:  #C3B179;
   background: -webkit-linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   background: -moz-linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   background: -o-linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   background: -ms-linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   background: linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   -svg-background: linear-gradient(top, #D0C195 0, #B8A261 100%) no-repeat;
   padding:0 8px;
   margin:0 auto;
   color: #383119;
   padding-bottom: 3px;
   margin-bottom: -3px;
}

ul.arthmenu>li>a:hover, ul.arthmenu>li:hover>a
{
   background:  #8D793F;
   background: -webkit-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -moz-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -o-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: -ms-linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   background: linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   -svg-background: linear-gradient(top, #A9924C 0, #746434 100%) no-repeat;
   padding:0 8px;
   margin:0 auto;
}
ul.arthmenu>li>a:hover, ul.arthmenu>li:hover>a {
   color: #FFFFFF;
}

ul.arthmenu li li a
{
   background:  #DBCFAE;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:2px solid #D0C195;
   padding:0 12px;
   margin:0 auto;
}
ul.arthmenu li li 
{
   float: none;
   width: auto;
   margin-top: 6px;
   margin-bottom: 6px;
}

ul.arthmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.arthmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.arthmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 24px;
   min-width: 7em;
   border: 2px solid transparent;
   text-align: left;
   line-height: 24px;
   color: #5B4F29;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin:0;
}

.arthmenu ul a:link, 
.arthmenu ul a:visited, 
.arthmenu ul a.active, 
.arthmenu ul a:hover
{
   text-align: left;
   line-height: 24px;
   color: #5B4F29;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin:0;
}

ul.arthmenu ul li a:hover, ul.arthmenu ul li:hover>a
{
   background:  #8D793F;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   border-radius:10px;
   border:2px solid #A9924C;
   padding:0 12px;
   margin:0 auto;
}

.arthmenu ul li a:hover
{
   color: #FFFFFF;
}

.arthmenu ul li:hover>a
{
   color: #FFFFFF;
}

ul.arthmenu ul:before
{
   background: #8D793F;
   background:  rgba(141, 121, 63, 0.4);
   -webkit-border-radius:0 0 10px 10px;
   -moz-border-radius:0 0 10px 10px;
   border-radius:0 0 10px 10px;
   -webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.4);
   -moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.4);
   box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.4);
   border:2px solid rgba(141, 121, 63, 0.4);
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
ul.arthmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.arthmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.arthmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 32px 42px 42px 42px;
   margin: -10px 0 0 -30px;
}

ul.arthmenu ul ul
{
   padding: 42px 42px 42px 25px;
   margin: -42px 0 0 0;
}

ul.arthmenu ul.arthmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

ul.arthmenu ul.arthmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.arthmenu li li:hover>ul.arthmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.arthmenu li li:hover>ul.arthmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.arthmenu ul ul.arthmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 42px 42px 42px 25px;
   margin: -42px 0 0 0;
}

ul.arthmenu ul ul.arthmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 42px 25px 42px 42px;
   margin: -42px 0 0 0;
}

ul.arthmenu li ul>li:first-child {
   margin-top: 0;
}
ul.arthmenu li ul>li:last-child {
   margin-bottom: 0;
}

ul.arthmenu ul ul:before
{
   border-radius: 10px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 13px;
}

ul.arthmenu>li>ul:before
{
   top: 20px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

ul.arthmenu>li>ul.arthmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
ul.arthmenu>li>ul.arthmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
ul.arthmenu ul ul.arthmenu-left-to-right:before {
   right: 30px;
   left: 13px;
}
ul.arthmenu ul ul.arthmenu-right-to-left:before {
   right: 13px;
   left: 30px;
}

.artlayout-wrapper
{
   position: relative;
   margin: 10px auto 0 auto;
   z-index: auto !important;
}

.artcontent-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.artcontent-layout-row 
{
   display: table-row;
}

.artlayout-cell
{
   display: table-cell;
   vertical-align: top;
}

div.artvmenublock img
{
   margin: 0;
}

.artvmenublockheader
{
   padding:10px 0;
   margin:0 auto;
}
.artvmenublockheader .t,
.artvmenublockheader .t a,
.artvmenublockheader .t a:link,
.artvmenublockheader .t a:visited, 
.artvmenublockheader .t a:hover
{
   color: #000000;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   margin-left: 10px;
   margin-right: 10px;
}

.artvmenublockcontent
{
   margin:0 auto;
}

ul.artvmenu, ul.artvmenu ul
{
   list-style: none;
   display: block;
}

ul.artvmenu, ul.artvmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.artvmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.artvmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.artvmenu ul.active
{
   display: block;
}

ul.artvmenu>li>a
{
   background:  #C3B179;
   border:1px solid #A58F4A;
   padding:0 10px;
   margin:0 auto;
   color: #463D20;
   height: 30px;
   line-height: 30px;
   white-space: nowrap;
}
ul.artvmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   position:relative;
}

ul.artvmenu li{
   position:relative;
}

ul.artvmenu>li
{
   margin-top: 0;
}
ul.artvmenu>li>ul
{
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}
ul.artvmenu>li:first-child
{
   margin-top:0;
}

ul.artvmenu>li>a:hover, ul.artvmenu>li>a.active:hover
{
   padding:0 10px;
   margin:0 auto;
}

ul.artvmenu a:hover, ul.artvmenu a.active:hover 
{
   color: #FFFFFF;
}

ul.artvmenu>li>a.active:hover>span.border-top, ul.artvmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.artvmenu>li>a.active
{
   padding:0 10px;
   margin:0 auto;
   color: #231E10;
}

ul.artvmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.artvmenu li li a
{
   background:  #F6F3EA;
   border:1px solid #C3B179;
   border-top:none;
   border-bottom:none;
   margin:0 auto;
   position: relative;
   margin-top: 1px !important;
   margin-bottom: 1px !important;
}
ul.artvmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.artvmenu li li{
   position: relative;
   margin-top: 0;
}

ul.artvmenu ul a
{
   display: block;
   position: relative;
   white-space: nowrap;
   height: 20px;
   overflow: visible;
   padding: 0;
   padding-left: 25px;
   padding-right: 0;
   z-index: 0;
   line-height: 20px;
   color: #BDA86B;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.artvmenu ul a:visited, ul.artvmenu ul a.active:hover, ul.artvmenu ul a:hover, ul.artvmenu ul a.active
{
   line-height: 20px;
   color: #BDA86B;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.artvmenu ul ul a
{
   padding-left: 50px;
}
ul.artvmenu ul ul ul a
{
   padding-left: 75px;
}
ul.artvmenu ul ul ul ul a
{
   padding-left: 100px;
}
ul.artvmenu ul ul ul ul ul a
{
   padding-left: 125px;
}

ul.artvmenu li li a:hover
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   z-index: 2;
}
ul.artvmenu li li a span.border-top, ul.artvmenu li li a span.border-bottom
{
   display: block;
   position: absolute;
   content: ' ';
   left: -1px;
   right: -1px;
   height: 1px;
   background-color: transparent;
   z-index: -1;
}
ul.artvmenu li li a span.border-top {
   top: -1px;
   background-color: #C3B179;
}
ul.artvmenu li li a span.border-bottom {
   bottom: -1px;
   background-color: #C3B179;
}

ul.artvmenu li li a:before
{
   content:url('images/vmenusubitemicon.png');
   margin-right:10px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

ul.artvmenu ul>li>a:hover, ul.artvmenu ul>li>a.active:hover
{
   background:  #C3B179;
   border:1px solid #C3B179;
   border-top:none;
   border-bottom:none;
   margin:0 auto;
}
ul.artvmenu ul li a:hover, ul.artvmenu ul li a.active:hover
{
   color: #463D20;
}

ul.artvmenu ul a:hover:after
{
   background-position: center ;
}
ul.artvmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.artvmenu ul a.active:after
{
   background-position: bottom ;
}

ul.artvmenu li li a.active:hover span.border-top, ul.artvmenu li li a.active:hover span.border-bottom 
{
   background-color: transparent;
}
ul.artvmenu li li a:hover span.border-top, ul.artvmenu li li a:hover span.border-bottom 
{
   background-color: #C3B179 !important;
}
ul.artvmenu li li:hover, ul.artvmenu li li a:hover span.border-top, ul.artvmenu li li a:hover span.border-bottom
{
   z-index: 2;
}

ul.artvmenu li li a:hover:before
{
   content:url('images/vmenuhoveredsubitemicon.png');
   margin-right:10px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

ul.artvmenu ul>li>a.active
{
   background:  #C3B179;
   border:1px solid #C3B179;
   border-top:none;
   border-bottom:none;
   margin:0 auto;
}
ul.artvmenu ul a.active, ul.artvmenu ul a:hover, ul.artvmenu ul a.active:hover
{
   color: #463D20;
}

ul.artvmenu li li a.active
{
   z-index: 1;
}
ul.artvmenu li li a.active span.border-top, ul.artvmenu li li a.active span.border-bottom 
{
   background-color: #C3B179;
   z-index: 1;
}

ul.artvmenu li li a.active:before
{
   content:url('images/vmenuactivesubitemicon.png');
   margin-right:10px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

div.artblock img
{
   border: none;
   margin: 0;
}

.artblockheader
{
   background:  #A58F4A;
   background: -webkit-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -moz-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -o-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -ms-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   -svg-background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   padding:10px 7px;
   margin:0 auto;
}
.artblockheader .t,
.artblockheader .t a,
.artblockheader .t a:link,
.artblockheader .t a:visited, 
.artblockheader .t a:hover
{
   color: #000000;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   margin-left: 10px;
   margin-right: 10px;
}

.artblockcontent
{
   background:  #EFEADC;
   border:1px solid #D0C195;
   padding:7px;
   margin:0 auto;
   color: #312A16;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
.artblockcontent table,
.artblockcontent li, 
.artblockcontent a,
.artblockcontent a:link,
.artblockcontent a:visited,
.artblockcontent a:hover
{
   color: #312A16;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.artblockcontent a, .artblockcontent a:link
{
   color: #1E7B99;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.artblockcontent a:visited, .artblockcontent a.visited
{
   color: #B9A464;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.artblockcontent a:hover, .artblockcontent a.hover
{
   color: #23A9C7;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.artblock ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   padding-bottom: 3px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.artblock ol, .artblock ul
{
   margin: 1em 0 1em 0;
   padding: 0;
}

.artblock li
{
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   line-height: 125%;
   color: #7B6A37;
   margin: 0 0 0 0;
   padding: 0;
}

.artblock li ol, .artblock li ul
{
   margin: 0.5em 0 0.5em 0;
   padding: 0;
}

.artblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.artblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

.artbreadcrumbs
{
   margin:0 auto;
}

a.artbutton,
a.artbutton:link,
a:link.artbutton:link,
body a.artbutton:link,
a.artbutton:visited,
body a.artbutton:visited,
input.artbutton,
button.artbutton
{
   text-decoration: none;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #000000;
   margin: 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 25px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.artbutton img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .artbutton
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.artblock select 
{
   width:96%;
}

input.artbutton
{
   float: none !important;
}

.artbutton.active, .artbutton.active:hover
{
   background:  #A58F4A;
   background: -webkit-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -moz-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -o-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: -ms-linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   -svg-background: linear-gradient(top, #B6A05D 0, #B0984F 29%, #8D793F 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   border:1px solid #A58F4A;
   padding:0 15px;
   margin:0 auto;
}
.artbutton.active, .artbutton.active:hover {
   color: #E9E2CE !important;
}

.artbutton.hover, .artbutton:hover
{
   background:  #B8A261;
   background: -webkit-linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   background: -moz-linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   background: -o-linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   background: -ms-linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   background: linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   -svg-background: linear-gradient(top, #C3B179 0, #B0984F 86%, #A9924C 100%) no-repeat;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.2);
   border:1px solid #A58F4A;
   padding:0 15px;
   margin:0 auto;
}
.artbutton.hover, .artbutton:hover {
   color: #231E10 !important;
}

input[type="text"], input[type="password"]
{
   background:  #F9FAFB;
   margin:0 auto;
}
input[type="text"], input[type="password"]
{
   width: 100%;
   padding: 8px 0;
   color: #145266 !important;
}
form.artsearch input[type="text"]
{
   background:  #F9FAFB;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   margin: 2px 0;
   width: 100%;
   padding: 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #145266 !important;
}
form.artsearch 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   right:5px;
   top:0;
   padding:0;
   margin:5px;
   left:0;
}

form.artsearch input
{
   top:0;
   right:0;
}

form.artsearch>input {
   bottom:0;
   left:0;
   vertical-align: middle;
}
 
label.artcheckbox:before
{
   background:  #F9FAFB;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.artcheckbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
}

.artcheckbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.artcheckbox.active:before
{
   background:  #DBCFAE;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.artcheckbox.hovered:before
{
   background:  #ECE6D5;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.artradiobutton:before
{
   background:  #F9FAFB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.artradiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
}

.artradiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.artradiobutton.active:before
{
   background:  #DBCFAE;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.artradiobutton.hovered:before
{
   background:  #ECE6D5;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.artpost
{
   background:  #EFEADC;
   border:1px solid #A58F4A;
   padding:10px;
}
a img
{
   border: 0;
}

.artarticle img, img.artarticle, .artblock img, .artfooter img
{
   margin: 10px 10px 10px 10px;
}

.artmetadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.artarticle table, table.artarticle
{
   border-collapse: collapse;
   margin: 1px;
}

.artpost .artcontent-layout-br
{
   height: 0;
}

.artarticle th, .artarticle td
{
   padding: 2px;
   border: solid 1px #C3B179;
   vertical-align: top;
   text-align: left;
}

.artarticle th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 10px 10px 10px 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.artcollage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.artpostheader
{
   color: #000000;
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

.artpostheader a, 
.artpostheader a:link, 
.artpostheader a:visited,
.artpostheader a.visited,
.artpostheader a:hover,
.artpostheader a.hovered
{
   font-size: 28px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

.artpostheader a, .artpostheader a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #000000;
}

.artpostheader a:visited, .artpostheader a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #000000;
}

.artpostheader a:hover,  .artpostheader a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #000000;
}

.artpostmetadataheader
{
   border:1px solid #DBCFAE;
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
   margin-top: 5px;
}

.artpostheadericons,
.artpostheadericons a,
.artpostheadericons a:link,
.artpostheadericons a:visited,
.artpostheadericons a:hover
{
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #104D5B;
}

.artpostheadericons
{
   display:inline-block;
   padding: 1px;
}

.artpostheadericons a, .artpostheadericons a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #6D5E31;
}

.artpostheadericons a:visited, .artpostheadericons a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #6D5E31;
}

.artpostheadericons a:hover, .artpostheadericons a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #6D5E31;
}

.artpostpdficon:before
{
   content:url('images/postpdficon.png');
   margin-right:6px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.artpostprinticon:before
{
   content:url('images/postprinticon.png');
   margin-right:6px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.artpostemailicon:before
{
   content:url('images/postemailicon.png');
   margin-right:6px;
   padding-bottom: 2px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.artpostcontent ol, .artpost ol, .arttextblock ol, .artpostcontent ul, .artpost ul, .arttextblock ul
{
   margin: 1em 0 1em 24px;
   padding: 0;
}

.artpostcontent li, .artpost li, .arttextblock li
{
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.artpostcontent li ol, .artpost li ol, .arttextblock li ol, .artpostcontent li ul, .artpost li ul, .arttextblock li ul
{
   margin: 0.5em 0 0.5em 24px;
   padding: 0;
}

.artpostcontent li, .artpost li, .arttextblock li
{
   color: #63552C;
   margin: 0 0 0 0;
   padding: 0;
}

blockquote
{
   background:  #DBCFAE;
   border:1px solid #8D793F;
   margin:10px 10px 10px 50px;
   color: #000000;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .artpostcontent blockquote a, .artblockcontent blockquote a, .artfooter blockquote a,
blockquote a:link, .artpostcontent blockquote a:link, .artblockcontent blockquote a:link, .artfooter blockquote a:link,
blockquote a:visited, .artpostcontent blockquote a:visited, .artblockcontent blockquote a:visited, .artfooter blockquote a:visited,
blockquote a:hover, .artpostcontent blockquote a:hover, .artblockcontent blockquote a:hover, .artfooter blockquote a:hover
{
   color: #000000;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.artpostcontent blockquote p,
.artblockcontent blockquote p,
.artfooter blockquote p
{
   margin: 0;
   margin: 2px 0 2px 15px;
}

.artfooter
{
   background: #8D793F;
   background:  rgba(141, 121, 63, 0.2);
   -webkit-border-radius:0 0 3px 3px;
   -moz-border-radius:0 0 3px 3px;
   border-radius:0 0 3px 3px;
   padding:8px;
   margin:0 auto;
   position: relative;
   color: #000000;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
}

.artfooter a,
.artfooter a:link,
.artfooter a:visited,
.artfooter a:hover,
.artfooter td, 
.artfooter th,
.artfooter caption
{
   color: #000000;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.artfooter p 
{
   padding:0;
   text-align: center;
}

.artfooter a,
.artfooter a:link
{
   color: #000000;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.artfooter a:visited
{
   color: #584C28;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.artfooter a:hover
{
   color: #FFFFFF;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.artfooter img
{
   border: none;
   margin: 0;
}

.artfooter ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   padding-bottom: 3px;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}

.artfooter ol, .artfooter ul
{
   margin: 1em 0 1em 0;
   padding: 0;
}

.artfooter li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #D0ECF6;
   margin: 0 0 0 0;
   padding: 0;
}

.artfooter li ol, .artfooter li ul
{
   margin: 0.5em 0 0.5em 0;
   padding: 0;
}

.artfooter ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.artfooter ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

.artpage-footer, 
.artpage-footer a,
.artpage-footer a:link,
.artpage-footer a:visited,
.artpage-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #E1D8BC;
}

.artpage-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #D6C9A4;
}

.artslidenavigator
{
   background: #DBCFAE;
   background:  rgba(219, 207, 174, 0.6);
   margin:0 auto;
}

.artslidenavigator > a
{
   background:  #B8A261;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   border-radius:50%;
   display: inline-block;
   width: 5px;
   height: 5px;
   vertical-align: middle;
   outline-style: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

.artslidenavigator > a:first-child {
   margin-left: 0;
}

.artslidenavigator > a.active
{
   background:  #79D3E7;
}

.artslidenavigator > a:hover
{
   background:  #1C849C;
}

img.artlightbox
{
   cursor: pointer;
}

#artlightbox-bg *
{
   padding: 0;
   margin: 0;
}

div#artlightbox-bg
{
   top: 0;
   left: 0;
   width: 100%;
   position: absolute;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
   /*opacity: 0.8;
	filter:alpha(opacity=80);*/
    z-index: 9999;
}

img.artlightbox-image
{
   -webkit-transition: opacity 350ms ease-in-out;
   -moz-transition: opacity 350ms ease-in-out;
   -o-transition: opacity 350ms ease-in-out;
   -ms-transition: opacity 350ms ease-in-out;
   transition: opacity 350ms ease-in-out;
   cursor: pointer;
   z-index: 10000;
   position: fixed;
   border: 6px solid #fff;
   border-radius: 3px;
   opacity: 0;
   filter:alpha(opacity=0);
}

img.artlightbox-image.active
{
   opacity: 1;
   filter:alpha(opacity=1);
}

.lightbox-error
{
   position: fixed;
   background: #fff;
   z-index: 100;
   opacity: 0.95;
   padding: 20px;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   width: 300px;
   height: 80px;
}

.loading
{
   position: fixed;
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   width: 32px;
   height: 32px;
   z-index: 10100;
   opacity: 0.5;
   padding: 10px;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
}

.arrow
{
   height: 100px;
   width: 82px;
   z-index: 10003;
   position: fixed;
   cursor: pointer;
   opacity: 0.5;
   filter:alpha(opacity=0.5);
}

.arrow.left
{
   left: 9px;
}
.arrow.right
{
   right: 9px;
}

.arrow:hover
{
   opacity: 1;
   filter:alpha(opacity=1);
}

.arrow.disabled 
{
   display: none;
}

.arrow-t, .arrow-b
{
   height: 6px;
   width: 30px;
   left: 26px;
   background-color: #fff;
   position: relative;
   border-radius: 3px;
}

.arrow-t
{
   top: 38px;
}

.arrow-b
{
   top: 50px;
}

.close
{
   width: 22px;
   height: 22px;
   position: fixed;
   top: 30px;
   right: 39px;
   cursor: pointer;
   opacity: 0.5;
   filter:alpha(opacity=0.5);
}

.close:hover 
{
   opacity: 1;
   filter:alpha(opacity=1);
}

.close .cw, .close .ccw
{
   position: absolute;
   top: 8px;
   left: -4px;
   width: 30px;
   height: 6px;
   background-color: #fff;
   border-radius: 3px;
}

.cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.artcontent-layout .artsidebar1
{
   margin:0 auto;
   width: 185px;
}

.artcontent-layout .artcontent
{
   margin:0 auto;
}



textarea#comment
{
    width:99%;
}

ul#comments-list div.avatar
{
    float:right;    
}

ul#comments-list, ul#comments-list li
{
  background: none;
  padding:0;
}

ul#comments-list li li
{
  margin-left: 20px;
}

div.avatar
{
  position:relative;
  margin: 7px;
  border: 1px solid #aaa;
  padding: 1px;
  background: #fff;
  float:left;
}

div.avatar img, div.avatar img.wp-post-image
{
    margin:0 !important;
    padding:0;
    border:none;
}

span.page-navi-outer, span.page-navi-inner 
{
    position:relative;
    display:block;
    float:left;
    margin:0;
    padding:0;
}

span.page-navi-outer
{
  margin: 1px;
  border: 1px solid #aaa;
}

span.page-navi-inner 
{
  padding: 1px;
  min-width:14px;
  line-height:18px;
  text-align:center;
  border: 2px solid #fff;
  font-weight:bold;
}

a span.page-navi-inner, span.page-navi-caption span.page-navi-inner 
{
    border-width:1px;
    font-weight:normal;
}

a span.page-navi-outer, span.page-navi-caption
{
    margin:2px 1px;
}

ul#comments-list li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

#commentform
{
  text-align:left;
}

.rtl #commentform
{
  text-align:right;
}

img.wp-smiley
{
  border: none;
  margin: 1px;
  vertical-align:middle;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .artarticle .aligncenter img, .aligncenter img.artarticle, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.aligncenter , p.center 
{
   text-align: center; 
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.wp-caption
{
  border: 1px solid #ddd;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
}

.wp-caption img
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.wp-caption, .wp-caption p
{
    text-align: center;
}

.gallery {
	margin: 0 auto 18px;
    clear:both;
    overflow:hidden;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

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

#todays-events{
  position: relative;
  z-index: 11;    
}

#upcoming-events{
  position: relative;
  z-index: 10;    
}

img.wp-post-image 
{
    margin:0 5px 5px 0 !important;
}

ul#comments-list li
{
    list-style-image: none;
    background:none;
    list-style-type:none;
    
}

div.artfooter div.artcontent-layout
{
    margin:0 auto;
    width:100%;
}

div.artlayout-cell-size1 
{
    width:100%;
}

div.artlayout-cell-size2 
{
    width:50%;
}
div.artlayout-cell-size3 
{
    width:33%;
}

div.artlayout-cell-size4
{
    width:25%;
}

.artwidget-title
{
    padding:0 0 0 24px;
    margin-bottom:0;
}

div.artcenter-wrapper
{
  position: relative;
  float: right;
  right: 50%;

}

div.artcenter-inner
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 div.artcenter-inner
{
  float: none;
}

div.breadcrumbs h4, 
div.breadcrumbs p, 
li.pingback p, 
#respond p,
h3#reply-title, 
h4#comments, 
h4.box-title
{
    margin:0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

#comments-list #respond {
	margin-left: 20px !important;
}

#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
}

#respond label {
	font-size: 12px;
}

#respond input {
	margin: 0 0 9px;
	width: 98%;
}

#respond textarea {
	width: 98%;
}

#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

.artfooter .artwidget-title 
{
    font-size:1.2em;
    padding: 0;
}

.artfooter .artwidget,
.artfooter .artwidget a,
.artfooter .artwidget a:link,
.artfooter .artwidget a:visited,
.artfooter .artwidget a:hover
{
    text-align: left;
}

DIV[id^="GMPmap"] IMG 
{
    margin: 0px;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */