/* Created by Artisteer v4.2.0.60623 */

*{
font-size: 16px;
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-seri;
color: #000;
}

a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.tal-c{
text-align: center;
}

#art-main{
border-top: 3px solid #1B891B;
margin: 0 auto;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}

table, ul.art-hmenu{
font-weight: normal;
font-style: normal;
}

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. 
 */

.art-button{
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #A1ADBA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 21px;
margin: 0 auto;
height: 24px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a{
text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered{
line-height: 175%;
}

.art-postcontent p{
margin: 13px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover,
.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover{
font-size: 22px;
font-weight: normal;
font-style: normal;
line-height: 120%;
}

.art-postcontent a, .art-postcontent a:link{
text-decoration: none;
color: #FA5705;
}

.art-postcontent a:visited, .art-postcontent a.visited{
text-decoration: none;
color: #839BB4;
}

.art-postcontent  a:hover, .art-postcontent a.hover{
text-decoration: underline;
color: #FB7C3C;
}

.art-postcontent h1{
color: #6C7F93;
margin: 10px 0 0;
font-size: 26px;
}

.art-blockcontent h1{
margin: 10px 0 0;
font-size: 26px;
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited{
font-size: 26px;
}

.art-postcontent h2{
color: #8D9CAA;
margin: 10px 0 0;
font-size: 22px;
}

.art-blockcontent h2{
margin: 10px 0 0;
font-size: 22px;
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited{
font-size: 22px;
}

.art-postcontent h3{
color: #FB7C3C;
margin: 10px 0 0;
font-size: 20px;
}

.art-blockcontent h3{
margin: 10px 0 0;
font-size: 20px;
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited{
font-size: 20px;
}

.art-postcontent h4{
color: #4E6883;
margin: 10px 0 0;
font-size: 18px;
}

.art-blockcontent h4{
margin: 10px 0 0;
font-size: 18px;
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited{
font-size: 18px;
}

.art-postcontent h5{
color: #4E6883;
margin: 10px 0 0;
}

.art-blockcontent h5{
margin: 10px 0 0;
}

.art-postcontent h6{
color: #A6B7C9;
margin: 10px 0 0;
}

.art-blockcontent h6{
margin: 10px 0 0;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-hmenu a, .art-vmenu a, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton:before{
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}

header, footer, article, nav, #art-hmenu-bg, .art-sheet, .art-slidenavigator > a, .art-checkbox:before, .art-radiobutton: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%;
background-image: url("../images/pagebg.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
background-attachment: fixed;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 * https://github.com/necolas/normalize.css
 */

html{
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}

body{
padding: 0;
margin: 0;
color: #303F50;
width: 100%;
}

.art-header:before, #art-header-bg:before, .art-layout-cell:before, .art-layout-wrapper:before, .art-footer:before, .art-nav:before, #art-hmenu-bg:before, .art-sheet:before{
width: 100%;
content: " ";
display: table;
}

.art-header:after, #art-header-bg:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, #art-hmenu-bg:after, .art-sheet:after,
.cleared, .clearfix:after{
clear: both;
font: 0/0 serif;
display: block;
content: " ";
}

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

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

li h1, .art-postcontent li h1, .art-blockcontent li h1{
margin: 1px;
}

li h2, .art-postcontent li h2, .art-blockcontent li h2{
margin: 1px;
}

li h3, .art-postcontent li h3, .art-blockcontent li h3{
margin: 1px;
}

li h4, .art-postcontent li h4, .art-blockcontent li h4{
margin: 1px;
}

li h5, .art-postcontent li h5, .art-blockcontent li h5{
margin: 1px;
}

li h6, .art-postcontent li h6, .art-blockcontent li h6{
margin: 1px;
}

li p, .art-postcontent li p, .art-blockcontent li p{
margin: 1px;
}

.art-shapes{
width: 96%;
margin: 10px auto;
}

.art-shapes th{
padding-bottom: 5px;
}

.art-headline{
z-index: 102;
width: 98%;
margin: 0 auto;
text-align: left;
font-size: 14px;
}

.art-shapes td:first-child{
width: 60%;
}

.art-shapes td:first-child img{
display: block;
width: 90%;
}

.art-shapes td:last-child{
width: 40%;
}

.art-shapes td:last-child img{
display: block;
width: 100%;
}

.art-sheet{
margin: 0 auto;
position: relative;
cursor: auto;
width: 76%;
max-width: 1600px;
z-index: auto !important;
}

.art-header{
margin: 0 auto;
position: relative;
z-index: auto !important;
overflow: hidden;
}

.head-nav{
letter-spacing: -.40em;
text-align: right;
display: block;
width: 100%;
}

.head-nav li{
letter-spacing: normal;
display: inline-block;
margin-left: 5px;
}

.head-nav li a{
font-size: 14px;
display: block;
padding: 5px 1.4em;
text-decoration: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-image: url("../images/head-nav.png");
background-repeat: repeat-x;
background-size: contain;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
}

.head-nav li a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
}

.art-header h1{
display: block;
width: 50%;
margin: 0 auto 30px 0;
}

.art-header h1 img{
display: block;
width: 100%;
}

.art-nav{
background-image: url("../images/nav.png");
background-repeat: repeat-x;
background-size: contain;
margin: 0 auto;
position: relative;
z-index: 499;
text-align: left;
}

.art-hmenu{
width: 100%;
letter-spacing: -.40em;
}

.art-hmenu li{
display: inline-block;
letter-spacing: normal;
width: 20%;
}

.art-hmenu li a{
display: block;
color: #046D04;
font-weight: bold;
padding: 10px 0;
text-align: center;
text-decoration: none;
border-top: 1px solid #8FCE72;
border-bottom: 1px solid #8FCE72;
}

.art-hmenu li a:hover,
.art-hmenu li a.active{
background-image: url("../images/nav_h.png");
background-repeat: repeat-x;
background-size: contain;
border-top: 1px solid #CCCE72;
border-bottom: 1px solid #CCCE72;
}

.art-hmenu li a span{
display: block;
border-left: 1px solid #FFF;
}

.art-hmenu li:first-child a span{
border-left: none;
}

.image-wrapper{
display: block;
box-sizing: border-box;
border: 1px solid #DDD;
padding: 10px;
background-color: #FFF;
width: 100%;
margin: 20px auto;
}

.image-wrapper > img{
display: block;
width: 100%;
}

.art-layout-wrapper{
width: 98%;
position: relative;
margin: 20px auto 0;
z-index: auto !important;
}

.art-content-layout{
display: table;
width: 100%;
table-layout: fixed;
}

.art-content-layout-row{
display: table-row;
}

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

/* need only for content layout in post content */

.art-postcontent .art-content-layout{
border-collapse: collapse;
}

.art-block{
width: 100%;
}

div.art-block img{
border: none;
margin: 0;
}

.side-header{
color: #1B891B;
font-size: 20px;
font-weight: bold;
font-style: normal;
padding: 5px 0 !important;
border: 1px solid #DDD;
border-bottom: 2px solid #1B891B;
background-image: url("../images/titlebg.png");
background-repeat: repeat-x;
background-size: contain;
}

.side-header:before{
content: "■";
display: inline-block;
color: #1B891B;
margin: 0 0.4em;
}

.art-blockcontent{
width: 96%;
margin: 0 auto 20px;
}

.profile table{
width: 100%;
}

.profile table th{
width: 20%;
text-align: left;
font-size: 14px;
padding-left: 2%;
}

.profile table td{
width: 70%;
text-align: left;
font-size: 14px;
}

.access iframe{
display: block !important;
width: 96% !important;
height: 200px !important;
margin: 10px auto !important;
}

.access p{
width: 96%0;
0margin: 0 auto;
text-align: left;
font-size: 14px;
}

.conbutton a{
display: block;
width: 90%;
margin: 0 auto;
background-color: #FFF;
border-radius: 10px;
overflow: hidden;
}

.conbutton a img{
display: block;
width: 100%;
margin: 0 auto;
}

.conbutton a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover{
color: #303F50;
line-height: 175%;
}

.art-blockcontent p{
margin: 0 5px;
}

.art-blockcontent a, .art-blockcontent a:link{
color: #FB7C3C;
}

.art-blockcontent a:visited, .art-blockcontent a.visited{
color: #A9BACB;
text-decoration: none;
}

.art-blockcontent a:hover, .art-blockcontent a.hover{
color: #FA5705;
text-decoration: none;
}

.art-block ul > li:before{
content: url('../images/blockbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -12px;
}

.opera .art-block ul > li:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-block li{
line-height: 175%;
color: #4E6883;
margin: 5px 0 0 10px;
}

.art-block ul > li, .art-block ol{
padding: 0;
}

.art-block ul > li{
padding-left: 12px;
}

.art-breadcrumbs{
margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button{
text-decoration: none;
font-weight: normal;
font-style: normal;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #FFF;
margin: 0 5px 0 0 !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
line-height: 24px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

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

.firefox2 .art-button{
display: block;
float: left;
}

input, select, textarea, a.art-search-button span{
vertical-align: middle;
font-weight: normal;
font-style: normal;
}

.art-block select{
width: 96%;
}

input.art-button{
float: none !important;
-webkit-appearance: none;
}

.art-button.active, .art-button.active:hover{
background: #A1ADBA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 21px;
margin: 0 auto;
}

.art-button.active, .art-button.active:hover{
color: #FFF !important;
}

.art-button.hover, .art-button:hover{
background: #8A99A8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 21px;
margin: 0 auto;
}

.art-button.hover, .art-button:hover{
color: #FFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea{
background: #F9FAFB;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #B9C2CB;
margin: 0 auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea{
width: 100%;
padding: 4px 0;
color: #3D5166 !important;
font-weight: normal;
font-style: normal;
text-shadow: none;
}

input.art-error, textarea.art-error{
background: #F9FAFB;
border: 1px solid #E2341D;
margin: 0 auto;
}

input.art-error, textarea.art-error{
color: #3D5166 !important;
font-weight: normal;
font-style: normal;
}

form.art-search input[type="text"]{
background: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CCD6E0;
margin: 0 auto;
width: 100%;
padding: 4px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #364049 !important;
font-weight: normal;
font-style: normal;
}

form.art-search{
background-image: none;
border: 0;
display: block;
position: relative;
top: 0;
padding: 0;
margin: 5px;
left: 0;
line-height: 0;
}

form.art-search input, a.art-search-button{
-webkit-appearance: none;
top: 0;
right: 0;
}

form.art-search > input, a.art-search-button{
bottom: 0;
left: 0;
vertical-align: middle;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button{
border-radius: 0;
margin: 0 auto;
}

form.art-search input[type="submit"], input.art-search-button, a.art-search-button{
position: absolute;
left: auto;
display: block;
border: none;
background: url('../images/searchicon.png') center center no-repeat;
width: 24px;
height: 100%;
padding: 0;
color: #FFF !important;
cursor: pointer;
}

a.art-search-button span.art-search-button-text{
display: none;
}

label.art-checkbox:before{
background: #F9FAFB;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border-width: 0;
margin: 0 auto;
width: 16px;
height: 16px;
}

label.art-checkbox{
cursor: pointer;
font-weight: normal;
font-style: normal;
line-height: 16px;
display: inline-block;
color: #364049 !important;
}

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

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

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

label.art-radiobutton:before{
background: #F9FAFB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
margin: 0 auto;
width: 12px;
height: 12px;
}

label.art-radiobutton{
cursor: pointer;
font-weight: normal;
font-style: normal;
line-height: 12px;
display: inline-block;
color: #364049 !important;
}

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

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

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

.art-comments{
border-top: 1px dotted #A1ADBA;
margin: 0 auto;
margin-top: 25px;
}

.art-comments h2{
color: #23292F;
}

.art-comment-inner{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px;
margin: 0 auto;
margin-left: 96px;
}

.art-comment-avatar{
float: left;
width: 80px;
height: 80px;
padding: 2px;
background: #FFF;
border: 1px solid #E2E8EE;
}

.art-comment-avatar > img{
margin: 0 !important;
border: none !important;
}

.art-comment-content{
padding: 10px 0;
color: #303F50;
}

.art-comment{
margin-top: 6px;
}

.art-comment:first-child{
margin-top: 0;
}

.art-comment-header{
line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link,
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered{
line-height: 100%;
}

.art-comment-header a, .art-comment-header a:link{
font-weight: bold;
font-style: normal;
color: #758799;
}

.art-comment-header a:visited, .art-comment-header a.visited{
color: #758799;
}

.art-comment-header a:hover,  .art-comment-header a.hovered{
color: #758799;
}

.art-comment-content a, .art-comment-content a:link{
color: #CD4704;
}

.art-comment-content a:visited, .art-comment-content a.visited{
color: #3F5369;
}

.art-comment-content a:hover,  .art-comment-content a.hovered{
color: #CD4704;
}

.art-pager{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px;
margin: 2px;
}

.art-pager > *:last-child{
margin-right: 0 !important;
}

.art-pager > span{
cursor: default;
}

.art-pager > *{
background: #D9DEE3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
margin: 0 4px 0 auto;
line-height: normal;
position: relative;
display: inline-block;
margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active{
line-height: normal;
text-decoration: none;
color: #1C2126;
}

.art-pager .active{
background: #B6BFC9;
padding: 10px;
margin: 0 4px 0 auto;
color: #FFF;
}

.art-pager .more{
background: #D9DEE3;
margin: 0 4px 0 auto;
}

.art-pager a.more:link,
.art-pager a.more:visited{
color: #411701;
}

.art-pager a:hover{
background: #B9C2CB;
padding: 10px;
margin: 0 4px 0 auto;
}

.art-pager  a:hover,
.art-pager  a.more:hover{
text-decoration: none;
color: #21262C;
}

.art-pager > *:after{
margin: 0 0 0 auto;
display: inline-block;
position: absolute;
top: 0;
right: 0;
content: ' ';
width: 0;
height: 100%;
text-decoration: none;
}

.art-pager > *:last-child:after{
display: none;
}

.art-commentsform{
background: #E2E8EE;
background: transparent;
padding: 10px;
margin: 0 auto;
margin-top:25px;
color: #23292F;
}

.art-commentsform h2{
padding-bottom: 10px;
margin: 0;
color: #23292F;
}

.art-commentsform label{
display: inline-block;
line-height: 25px;
}

.art-commentsform input:not([type=submit]), .art-commentsform textarea{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
max-width: 100%;
}

.art-commentsform .form-submit{
margin-top: 10px;
}

.art-post{
padding: 0;
}

a img{
border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img{
margin: 7px;
}

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

.art-article table, table.art-article{
border-collapse: collapse;
margin: 0;
}

.art-post .art-content-layout-br{
height: 0;
}

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

.art-article 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: 7px;
-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.art-collage{
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;
}

.main-header{
color: #1B891B;
font-size: 20px;
font-weight: bold;
font-style: normal;
padding: 5px 0 !important;
border: 1px solid #DDD;
border-bottom: 2px solid #1B891B;
background-image: url("../images/titlebg.png");
background-repeat: repeat-x;
background-size: contain;
}

.main-header:before{
content: "■";
display: inline-block;
color: #1B891B;
margin: 0 0.4em;
}

h3.title-ex{
color: #1B891B;
font-size: 20px;
font-weight: bold;
margin-bottom: 1em;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered{
font-weight: normal;
font-style: normal;
}

.art-postheader a, .art-postheader a:link{
text-decoration: none;
text-align: left;
color: #FFF;
}

.art-postheader a:visited, .art-postheader a.visited{
text-decoration: none;
text-align: left;
color: #FFF;
}

.art-postheader a:hover,  .art-postheader a.hovered{
text-decoration: none;
text-align: left;
color: #FFF;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover{
color: #4E6883;
}

.art-postheadericons{
padding: 1px;
margin: 0 0 0 10px;
}

.art-postheadericons a, .art-postheadericons a:link{
text-decoration: none;
color: #FB722D;
}

.art-postheadericons a:visited, .art-postheadericons a.visited{
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #587493;
}

.art-postheadericons a:hover, .art-postheadericons a.hover{
font-weight: normal;
font-style: normal;
text-decoration: underline;
color: #E65005;
}

.art-postdateicon:before{
content: url('../images/postdateicon.png');
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}

.opera .art-postdateicon:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postauthoricon:before{
content: url('../images/postauthoricon.png');
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}

.opera .art-postauthoricon:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

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

.opera .art-postediticon:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before{
content: url('../images/postbullets.png');
margin-right: 10px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}

.opera .art-postcontent ul > li:before, .opera.art-post ul > li:before, .opera.art-textblock ul > li:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-postcontent li, .art-post li, .art-textblock li{
color: #303F50;
margin: 3px 0 0 11px;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li, .art-postcontent ol, .art-post ol, .art-textblock ol{
padding: 0;
}

.art-postcontent ul > li, .art-post ul > li, .art-textblock ul > li{
padding-left: 17px;
}

.art-postcontent ul > li:before,  .art-post ul > li:before,  .art-textblock ul > li:before{
margin-left: -17px;
}

.art-postcontent ol, .art-post ol, .art-textblock ol, .art-postcontent ul, .art-post ul, .art-textblock ul{
margin: 1em 0 1em 11px;
}

.art-postcontent li ol, .art-post li ol, .art-textblock li ol, .art-postcontent li ul, .art-post li ul, .art-textblock li ul{
margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li, .art-post li, .art-textblock li{
margin: 3px 0 0;
}

.art-postcontent ol > li, .art-post ol > li, .art-textblock ol > li{
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}

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

blockquote{
background: #EFF2F5 url('../images/postquote.png') no-repeat scroll;
padding: 10px 10px 10px 47px;
margin: 10px 0 0 25px;
color: #0D1216;
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, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover{
color: #0D1216;
font-weight: normal;
font-style: italic;
text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p{
margin: 5px 0;
}

.Sorter img{
border: 0;
vertical-align: middle;
padding: 0;
margin: 0;
position: static;
z-index: 1;
width: 12px;
height: 6px;
}

.Sorter a{
position:relative;
color: #647587;
}

.Sorter a:link{
color: #647587;
}

.Sorter a:visited, .Sorter a.visited{
color: #647587;
}

.Sorter a:hover, .Sorter a.hover{
color: #4C5967;
}

.Sorter{
color: #364049;
}

.art-footer{
padding: 10px 0 5px;
width: 100%;
margin: 20px auto 0;
position: relative;
line-height: 175%;
text-align: center;
border-top: 1px solid #DDD;
}

.art-footer p{
width: 100%;
margin: 0 auto;
font-size: 12px;
}

.art-footer p span{
font-size: 12px;
}

.art-footer .zip{
display: inline-block;
padding-right: 1em;
}

.art-footer .add{
display: inline-block;
padding-right: 2em;
}

.art-footer .fnum{
display: inline-block;
padding-left: 2em;
}

.foot-nav a{
display: inline-block;
font-size: 12px;
}

.foot-nav a:hover{
text-decoration: none;
}

.copy{
text-align: center;
}

.copy span{
font-size: 12px;
display: inline-block;
padding-right: 0.5em;
}

.art-rss-tag-icon{
background: url('../images/footerrssicon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-rss-tag-icon:empty{
vertical-align: middle;
}

.art-facebook-tag-icon{
background: url('../images/footerfacebookicon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-facebook-tag-icon:empty{
vertical-align: middle;
}

.art-twitter-tag-icon{
background: url('../images/footertwittericon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-twitter-tag-icon:empty{
vertical-align: middle;
}

.art-tumblr-tag-icon{
background: url('../images/tumblricon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-tumblr-tag-icon:empty{
vertical-align: middle;
}

.art-pinterest-tag-icon{
background: url('../images/pinteresticon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-pinterest-tag-icon:empty{
vertical-align: middle;
}

.art-vimeo-tag-icon{
background: url('../images/vimeoicon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-vimeo-tag-icon:empty{
vertical-align: middle;
}

.art-youtube-tag-icon{
background: url('../images/youtubeicon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-youtube-tag-icon:empty{
vertical-align: middle;
}

.art-linkedin-tag-icon{
background: url('../images/linkedinicon.png') no-repeat scroll;
margin: 0 auto;
min-height: 32px;
min-width: 32px;
display: inline-block;
text-indent: 35px;
background-position: left center;
vertical-align: middle;
}

.art-linkedin-tag-icon:empty{
vertical-align: middle;
}

.art-footer ul > li:before{
content: url('../images/footerbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align:middle;
font-size: 0;
line-height: 0;
margin-left: -13px;
}

.opera .art-footer ul > li:before{
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}

.art-footer li{
color: #A53903;
}

.art-footer ul > li, .art-footer ol{
padding: 0;
}

.art-footer ul > li{
padding-left: 13px;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover{
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #647587;
}

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

.art-lightbox-wrapper{
background: #333;
background: rgba(0,0,0,0.8);
padding: 0 100px;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image{
cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image{
border: 6px solid #FFF;
border-radius: 3px;
display: none;
max-width: 100%;
vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active{
display: inline-block;
}

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

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

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

.art-lightbox-wrapper .arrow.left{
left: 9px;
}

.art-lightbox-wrapper .arrow.right{
right: 9px;
}

.art-lightbox-wrapper .arrow:hover{
opacity: 1;
filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled{
display: none;
}

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

.art-lightbox-wrapper .arrow-t{
top: 38px;
}

.art-lightbox-wrapper .arrow-b{
top: 50px;
}

.art-lightbox-wrapper .close{
cursor: pointer;
height: 22px;
opacity: 0.5;
filter: alpha(opacity=50);
position: fixed;
right: 39px;
top: 30px;
width: 22px;
z-index: 10003;
}

.art-lightbox-wrapper .close:hover{
opacity: 1;
filter: alpha(opacity=100);
}

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

.art-lightbox-wrapper .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 */
}

.art-lightbox-wrapper .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 */
}

.art-lightbox-wrapper .close-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .arrow-left-alt{
color: #FFF;
display: none;
font-size: 2.5em;
line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt{
display: block;
}

.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw{
display: none;
}

.art-content-layout .art-sidebar1{
margin: 0 auto;
width: 50%;
padding-right: 2%;
}

.art-content-layout .art-content{
margin: 0 auto;
width: 50%;
padding-left: 2%;
}

.clum1 .art-content-layout .art-content{
margin: 0 auto;
width: 100%;
padding-left: 0;
}

.main-content{
width: 96%;
padding: 10px 2%;
margin: 10px auto 20px !important;
background-color: #FFF;
}

table.main-content{
width: 100% !important;
}

table.main-content td{
width: 50%;
}

.art-content .art-postcontent-0 .layout-item-0{
padding-right: 10px;
padding-left: 10px;
}

.ie7 .art-post .art-layout-cell{
border:none !important;
padding: 0 !important;
}

.ie6 .art-post .art-layout-cell{
border: none !important;
padding: 0 !important;
}


/* responsiv */

.resnav{
width: 100%;
margin: 0 auto;
display: none;
}

.resnav p{
width: 90%;
text-align: left;
background-image: url("../images/navbg.png");
display: block !important;
padding: 10px 5% !important;
font-size: 20px !important;
font-weight: bold;
text-decoration: none !important;
color: #FFF !important;
background-color: #1B891B;
position: relative;
}

.resnav p:after{
content: url("../images/navbu.png");
display: inline-block;
vertical-align: top !important;
position: absolute;
top: 50%;
right: 5%;
margin-top: -17px;
cursor: pointer;
}

.resnav div{
display: block;
background-color: #1B891B;
padding: 5px 1%;
width: 98%;
display: none;
}

.resnav li{
display: block;
border-top: 1px solid #FFF;
}

.resnav li a,
.resnav li a span{
display: block;
font-size: 16px;
font-weight: bold;
width: 90%;
padding: 5px 5%;
text-decoration: none;
color: #FFF !important;
}

.resnav li:hover a,
.resnav li a:hover,
.resnav li:hover a span,
.resnav li a:hover span{
background-color: #FFF;
color: #1B891B !important;
}


.res-side{
display: none;
}


@media (max-width: 1200px){

}

@media (max-width: 900px){

	.head-nav li a{
	font-size: 14px;
	display: block;
	padding: 5px 1em;
	}

	.art-header h1{
	display: block;
	width: 80%;
	margin: 20px auto 30px 0;
	}


	.art-hmenu{
	display: none;
	}

	.resnav{
	display: block !important;
	}

	.art-sidebar1{
	display: none;
	}

	#sidebar1{
	width: 100% !important;
	display: block;
	padding-left: 0 !important;
	margin: 0 auto;
	}

	.art-content{
	width: 100% !important;
	display: block;
	padding-left: 0 !important;
	margin: 0 auto;
	}

	.res-side{
	display: block;
	}

	.conbutton a{
	width: 60%;
	}

}

@media (max-width: 660px){

	.head-nav li a{
	margin-left: 0;
	margin-right: 5px;
	}

	.head-nav li a{
	font-size: 12px;
	display: block;
	padding: 5px 0.4em;
	}

	.art-header h1{
	display: block;
	width: 90%;
	margin: 20px auto;
	}

	.art-headline{
	font-size: 10px !important;
	}

	.art-shapes td{
	display: block !important;
	width: 100% !important;
	overflow: hidden;
	}

	.art-shapes td:first-child img{
	display: block;
	width: 96%;
	margin: 0 auto 10px;
	}

	.art-shapes td:last-child img{
	display: block;
	width: 70%;
	margin: 0 2% 0 0;
	float: right;
	}

	.art-sheet{
	width: 100%;
	}

	.art-layout-wrapper{
	width: 90%;
	}

	.foot-access{
	line-height: 140%;
	margin-bottom: 10px !important;
	}

	.art-footer .zip,
	.art-footer .add,
	.art-footer .fnum{
	display: block;
	padding-right: 0;
	padding-left: 0;
	line-height: 140%;
	width: 90%;
	margin: 0 auto;
	}

	.foot-nav{
	width: 90% !important;
	text-align: center !important;
	}

	.copy{
	margin-top: 10px !important;
	font-size: 10px;
	line-height: 140%;
	}

	.copy span{
	font-size: 10px;
	display: block;
	padding-right: 0;
	line-height: 140%;
	}



}