/* begin Page */
/* Created by Artisteer v3.1.0.46558 */

#art-main, table
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

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

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
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
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.art-postcontent p
{
   margin: 12px 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-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 30px;
   text-decoration: none;
}

.art-postcontent a
{
   text-decoration: none;
   color: #1F5F93;
}

.art-postcontent a:link
{
   text-decoration: none;
   color: #1F5F93;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
   color: #1F5F93;
}

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

.art-postcontent h1
{
   color: #595959;
   margin: 0 0 20px;
   font-weight: normal;
   font-size: 26px;
   text-transform: uppercase;
}

.art-blockcontent h1
{
   margin: 0 0 20px;
   font-weight: normal;
   font-size: 26px;
   text-transform: uppercase;
}

.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-weight: normal;
   font-size: 26px;
   text-transform: uppercase;
}

.art-postcontent h2
{
   color: #757575;
   margin: 19px 0;
   font-size: 24px;
}

.art-blockcontent h2
{
   margin: 19px 0;
   font-size: 24px;
}

.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: 24px;
}

.art-postcontent h3
{
   color: #949494;
   margin: 19px 0 5px;
   font-weight: normal;
   font-size: 20px;
}

.art-blockcontent h3
{
   margin: 19px 0 5px;
   font-weight: normal;
   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-weight: normal;
   font-size: 20px;
}

.art-postcontent h4
{
   color: #878787;
   margin: 20px 0 0;
   font-weight: normal;
   font-size: 20px;
}

.art-blockcontent h4
{
   margin: 20px 0 0;
   font-weight: normal;
   font-size: 20px;
}

.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-weight: normal;
   font-size: 20px;
}

.art-postcontent h5
{
   color: #FFFFFF;
   font-weight: normal;
   font-size: 28px;
   text-transform: uppercase;
}

.art-blockcontent h5
{
   font-weight: normal;
   font-size: 28px;
   text-transform: uppercase;
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-weight: normal;
   font-size: 28px;
   text-transform: uppercase;
}

.art-postcontent h6
{
   color: #FFFFFF;
   margin: -5px 0 -20px;
   font-family: "Arial Black",Arial, Helvetica, Sans-Serif;
   font-size: 33px;
}

.art-blockcontent h6
{
   margin: -5px 0 -20px;
   font-family: "Arial Black",Arial, Helvetica, Sans-Serif;
   font-size: 33px;
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-family: "Arial Black",Arial, Helvetica, Sans-Serif;
   font-size: 33px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: outside;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   min-width: 900px;
   color: #696969;
   background-color: #F5C689;
   background-image: url('images/Bottom_texture.jpg');
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: top center;
}

#art-page-background-middle-texture
{
   position: relative;
   background-image: url('images/Middle_texture.jpg');
   background-repeat: repeat-x;
   background-position: top center;
   background-attachment: fixed;
   width:100%;
   min-width: 900px;
   min-height:100%;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

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

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

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}

.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
   z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .art-postcontent li h2, .art-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .art-postcontent li h3, .art-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .art-postcontent li h4, .art-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .art-postcontent li h5, .art-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .art-postcontent li h6, .art-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .art-postcontent li p, .art-blockcontent-body li p 
{
   margin:1px;
}

/* end Page */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   width:900px;
   height: 200px;
   margin-top: 0;
   margin-bottom: 0;
}
.art-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
} 

.art-header-wrapper 
{
   position: relative;
   top:0;
   width:900px;
   margin:0 auto;
}
.art-header-inner 
{
   position: relative;
   margin: 0 0;
}

/* end Header */
/* begin HeaderObject */
div.art-headerobject
{
   display: block;
   left: 0;
   margin-left: 0;
   position: absolute;
   top: 10px;
   width: 160px;
   height: 155px;
   background-image: url('images/logo-icsm.png');
}

div.art-headerobject-kan
{
   display: block;
   right: 0;
   margin-right: 0;
   position: absolute;
   top: 50px;
   width: 160px;
   height: 94px;
   background-image: url('images/logo-kan.png');
}
*/
/* end HeaderObject */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 49px;
   left: 2%;
   margin-left: 0;
}

.art-logo-text
{
   display: block;
   text-align: left;
   font-weight: normal;
   font-size: 15px;
   padding: 0;
   margin: 0;
   color: #D1D1D1 !important;
}
.art-logo-text a,
.art-logo-text a:link,
.art-logo-text a:visited,
.art-logo-text a:hover
{
   font-weight: normal;
   font-size: 15px;
   padding: 0;
   margin: 0;
   color: #D1D1D1 !important;
}

#headline, #slogan 
{
   display: block;
   min-width: 150px;
   text-align: left;
}
/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

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

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

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   min-height: 0;
   
}

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

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

ul.art-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

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

ul.art-hmenu{
   position:relative;
   padding: 2px 5px 0 5px;
   float: right;
}

/* end menu structure */

/* menu bar */

.art-nav
{
   margin:0 auto;
   min-height: 39px;
   z-index: 100;
   margin: 0 0 -39px;
   width:auto;
   top: 161px;
   /* top: 136px; */
}

.art-nav:before, .art-nav:after{
   background-image: url('images/nav.png');
}
.art-nav:before{
   right: 5px;
}
.art-nav:after{
   width: 5px;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}
.art-nav-wrapper 
{
   position: relative;
   margin:0 auto;
   width:auto;
}

.art-nav-inner{
   margin: 0 0;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 37px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   padding: 0 22px;
   line-height: 37px;
   text-align: center;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 4px;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 4px;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
   font-weight: bold;
   font-size: 14px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}

ul.art-hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.art-hmenu>li>a.active:after {
   background-position: bottom right;
}
ul.art-hmenu>li>a.active {
   color: #4A4A4A;
}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #F7F7F7;
}

/* end MenuItem */

/* begin MenuSeparator */

ul.art-hmenu>li {
   margin-left:3px;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 24px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #6E6E6E;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #595959;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 24px;
   color: #595959;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   margin:0;
   padding: 0 8px;
}

.art-hmenu ul li a:hover
{
   color: #F7F7F7;
   background-position: left bottom;
   border-color: #6CACE0;
   border-top-width: 1px !important;
}

.art-hmenu ul li a.art-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
   color: #F7F7F7;
   background-position: left bottom;
   border-color: #6CACE0;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet
{
   max-width:900px;
   margin-top: 0;
   margin-bottom: 0;
   cursor:auto;
   width: 900px;
}
.art-sheet-body 
{
   padding:0;
   min-width:10px;
   min-height:10px;
   padding-top:5px;
   padding-bottom:0;
}
.art-sheet:before, .art-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 895px);
}
.art-sheet:before,.art-sheet-body:before{
   right:5px;
}
.art-sheet-body:after{
   width: 5px;
   top:5px;
   bottom:5px;
   background-image:url('images/sheet.png');
}
.art-sheet-body:before{
   top:5px;
   bottom:5px;
   background-image:url('images/sheet.png');
}

/* end Box, Sheet */

/* begin Layout */
.art-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

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

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

.art-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Box, Block */
.art-block
{
   max-width:900px;
   margin: 7px;
}
.art-block-body 
{
   padding:0;
}

div.art-block img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 10px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {
   margin-bottom: 4px;
   min-height: 38px;
   line-height:38px;
}
.art-blockheader:before, .art-blockheader:after{
   background-image: url('images/blockheader.png');
}
.art-blockheader:before{
   right: 10px;
}
.art-blockheader:after{
   width: 10px;
}

.art-blockheader .t
{
   min-height: 38px;
   line-height:38px;
   color: #000000;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   margin:0;
   padding: 0 10px 0 5px;
   white-space: nowrap;
}

.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited, 
.art-blockheader .t a:hover
{
   color: #000000;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
   max-width:900px;
}
.art-blockcontent-body 
{
   padding:3px;
   color: #071622;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}
.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
   color: #071622;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

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

.art-blockcontent-body a, .art-blockcontent-body a:link
{
   color: #D98312;
   text-decoration: underline;
}

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

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

.art-blockcontent-body ul li
{
   line-height: 125%;
   color: #256FAD;
   padding: 0 0 0 11px;
   background-image: url('images/blockcontentbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
}
/* end Box, BlockContent */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #3D3D3D !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 37px;
   height: 37px;
   margin: 0 !important;
   padding: 0 19px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

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

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 37px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:900px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

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

input, select, textarea
{
   vertical-align: middle;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

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

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #000000 !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #FFFFFF !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 10px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 10px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
   max-width:900px;
   margin: 0;
}
.art-post-body 
{
   padding:15px;
}

a img
{
   border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
   border-color: #9EC8EA;
   border-style: solid;
   border-width: 0;
   margin: 0 0 0 0;
}

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

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

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

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

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

#preview-image
{
   float: left;
   }

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

.preview-sharepoint-logo
{
   border: 0;
   margin: 5px;
   float: left;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
   color: #404040;
   margin: 0 0 0 10px;
   line-height: 1em;
   font-weight: normal;
   font-size: 26px;
   text-transform: uppercase;
}

.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-size: 26px;
   text-transform: uppercase;
}

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

.art-postheader a:visited, .art-postheader a.visited
{
   color: #246DA8;
}

.art-postheader a:hover,  .art-postheader a.hovered
{
   color: #D98312;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #256FAD;
}

.art-postheadericons
{
   padding: 1px;
}

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

.art-postheadericons a:visited, .art-postheadericons a.visited
{
   font-style: italic;
   font-weight: normal;
   color: #595959;
}

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

/* end PostIcons, PostHeaderIcons */

/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postdateicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostDateIcon */

/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postauthoricon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostAuthorIcon */

/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postediticon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostEditIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.art-postcontent li
{
   font-size: 13px;
   color: #696969;
   margin: 0 0 5px 0;
   padding: 0 0 0 11px;
}

.art-postcontent li ol, .art-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.art-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 11px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
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: #06131D;
   font-style: italic;
   font-weight: normal;
   text-align: left;
}

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

blockquote
{
   border: solid 1px #9EC8EA;
   margin: 10px;
   padding: 6px;
   background-color: #DDECF8;
   margin-left: 50px;
   padding-left: 43px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin PostMetadata, PostMetadataFooter */
.art-postmetadatafooter
{
   position:relative;
   z-index:1;
   padding: 1px;
   background-image: url('images/postmetadatafooter_bg.png');
}
/* end PostMetadata, PostMetadataFooter */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color: #123654;
}

.art-postfootericons
{
   padding: 1px;
}

.art-postfootericons a, .art-postfootericons a:link
{
   text-decoration: none;
   color: #9C5E0D;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{
   color: #404040;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{
   color: #9C5E0D;
}

/* end PostIcons, PostFooterIcons */

/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcategoryicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCategoryIcon */

/* begin PostIcon, PostTagIcon */
span.art-posttagicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-posttagicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostTagIcon */

/* begin PostIcon, PostCommentsIcon */
span.art-postcommentsicon
{
   display:inline-block;
   line-height: 1em;
}

span.art-postcommentsicon:after
{
   content: '.';
   width: 1px;
   visibility: hidden;
   display: inline-block;
}/* end PostIcon, PostCommentsIcon */

/* begin Footer */
.art-footer
{
   position: relative;
   margin-top:10px;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 0;
   color: #FFFFFF;
}

.art-footer-body ul li
{
   font-size: 13px;
   line-height: 125%;
   color: #FBE6CB;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:5px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.art-footer:before, .art-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:5px;
   background-image: url('images/footer_b.png');
}

.art-footer:before
{
   left:0;
   right:5px;
   background-position: bottom left;
}

.art-footer:after
{
   right:0;
   width:5px;
   background-position: bottom right;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: left;
}

.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td, 
.art-footer-body th,
.art-footer-body caption
{
   color: #FFFFFF;
}

.art-footer-text
{
   min-height: 5px;
   padding-left: 0;
   padding-right: 10px;
   text-align: left;
}

.art-footer-body a,
.art-footer-body a:link
{
   color: #F8D9AF;
   text-decoration: none;
}

.art-footer-body a:visited
{
   color: #F8D9AF;
}

.art-footer-body a:hover
{
   color: #F5C689;
   text-decoration: underline;
}

div.art-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 5px;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-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: #F8D4A5;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
}
/* end PageFooter */

.art-logo-name {
text-shadow: 2px 2px #000000;
}

.art-logo-text {
text-shadow: 2px 2px #000000;
margin-top: -10px
}



.newsdate {
background: #BBBBBB;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color: #FFFFFF;
padding: 10px;
width: 48px;
height: 48px;
float: left;
margin-right: 10px;
text-align:center;
}

#g1 {
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
background: #246BB2;
background: -moz-linear-gradient(top, #246BB2 0%, #4A8CC2 50%, #246BB2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#246BB2), color-stop(50%,#4A8CC2), color-stop(100%,#246BB2));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246BB2', endColorstr='#246BB2',GradientType=0 );
background: -o-linear-gradient(top, #246BB2 0%,#4A8CC2 50%,#246BB2 100%);
color: #FFFFFF;
padding: 20px;
}

#g24 {
background: #329306;
background: -moz-linear-gradient(top, #329306 0%, #40B608 50%, #329306 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329306), color-stop(50%,#40B608), color-stop(100%,#329306));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329306', endColorstr='#329306',GradientType=0 );
background: -o-linear-gradient(top, #329306 0%,#40B608 50%,#329306 100%);
color: #FFFFFF;
padding: 20px;
}
#g2 {
background: #b51111;
background: -moz-linear-gradient(top, #b51111 0%, #d71818 50%, #b51111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b51111), color-stop(50%,#d71818), color-stop(100%,#b51111));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329306', endColorstr='#329306',GradientType=0 );
background: -o-linear-gradient(top, #b51111 0%,#d71818 50%,#b51111 100%);
color: #FFFFFF;
padding: 20px;
}

#g2a {
background: #75c5f0;
background: -moz-linear-gradient(top, #75c5f0 0%, #8ecdef 50%, #75c5f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75c5f0), color-stop(50%,#8ecdef), color-stop(100%,#75c5f0));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c5f0', endColorstr='#75c5f0',GradientType=0 );
background: -o-linear-gradient(top, #75c5f0 0%,#8ecdef 50%,#75c5f0 100%);
color: #FFFFFF;
padding: 20px;
}

#g3 {
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background: #464545;
background: -moz-linear-gradient(top, #464545 0%, #202020 50%, #464545 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464545), color-stop(50%,#202020), color-stop(100%,#464545));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464545', endColorstr='#464545',GradientType=0 );
background: -o-linear-gradient(top, #464545 0%,#202020 50%,#464545 100%);
color: #FFFFFF;
padding: 20px;
}
#g3ori {
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
background: #ED9017;
background: -moz-linear-gradient(top, #ED9017 0%, #F4B23F 50%, #ED9017 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED9017), color-stop(50%,#F4B23F), color-stop(100%,#ED9017));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED9017', endColorstr='#ED9017',GradientType=0 );
background: -o-linear-gradient(top, #ED9017 0%,#F4B23F 50%,#ED9017 100%);
color: #FFFFFF;
padding: 20px;
}

.panah {
 background-image: url('images/postbullets.png'); }
.slider { overflow: hidden; display: block; width: 860px; height: 400px; position: relative; z-index: 1; -webkit-box-shadow: #CCC 0px 0px 10px; -moz-box-shadow: #CCC 0px 0px 10px; box-shadow: #CCC 0px 0px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#sliderOne { overflow: hidden; display: block; width: 860px; height: 400px; }
#sliderNav { overflow: hidden; z-index: 9999; display: block; width: 860px; height: 22px; text-align: center; position: absolute; text-align: center; top: 375px; }
#sliderNavList li { margin: 0 3px; display: inline-block; height: 11px; width: 11px; }
#sliderNavList li a { background: transparent url('images/slidernavbtnbg.png') no-repeat scroll left -11px; display: block; width: 11px; height: 11px; }
#sliderNavList .activeSlide a { background: transparent url('images/slidernavbtnbg.png') no-repeat scroll left 0px; }
.slider:hover #prevSlideOne, .slider:hover #nextSlideOne { display: block; }
#nextSlideOne { background: transparent url('images/frontnextprev.png') no-repeat scroll -40px 0pt; position: absolute; right: 20px; top: 180px; display: none; height: 40px; width: 40px; z-index: 9999; }
#prevSlideOne { background: transparent url('images/frontnextprev.png') no-repeat scroll 0pt 0pt; position: absolute; left: 20px; top: 180px; display: none; height: 40px; width: 40px; z-index: 9999; }
#prevSlideOne:hover { background: transparent url('images/frontnextprev.png') no-repeat scroll 0px -40px; }
#nextSlideOne:hover { background: transparent url('images/frontnextprev.png') no-repeat scroll -40px -40px; }

.art-postcontent .content .post .image {
	width:200px;
	height:139px;
	float:left; 
	margin-right:20px;
}
.content{
	background:#fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
	border:1px solid #ccc;
	padding:20px 10px;
}
.content .post{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #4D226D;
}
.content .post p{
	text-align:justify;
	font-family:tahoma;
}
.content .post .post-more, .content .post .meta-time{
	font-size:12px;
	color:#666;
	float:right;
	line-height:28px;
}
.content .post .post-more a{
	color:#666;	
}
.content .post .post-more a:hover{
	color:#333;	
}
.content .post .image{
	width:240px;
	height:160px;
	float:left; 
	margin-right:20px;
}
.noimage{
	margin-right:20px;
}

/*POST SINGGLE*/
.content .post-singgle{
	padding-bottom:20px;
	margin-bottom:20px;	
	border-bottom:1px dashed #4D226D;	
}
.content .post-singgle .title{
	margin:0 0 20px 0;
	padding-bottom:5px;
	border-bottom:1px dashed #4D226D;
}
.content .post-singgle p{
	text-align:justify;
	font-family:tahoma;
}
.content .post-singgle .meta-time{
	font-size:12px;
	color:#666;
	line-height:28px;
}
.content .post-singgle .image{
	width:100%;
	margin-bottom:20px;
}
.terbaru {
	padding-bottom:20px;
	margin-bottom:20px;
}
/* .art-postcontent img {
	float:left; 
	margin:0 10px 10px 0;
} */
/* galeri */
ul#gal{
    margin: 0 auto;
}
ul#gal li{
	list-style:none;
	float:left;
	overflow:hidden;
}

ul#gal li p.galeri{
position:relative;	width:84px;height:84px;padding:0 7px 7px 0;;
	}
ul#gal li p.galeri img{
border:2px solid #333; width: 80px; height: 80px;	}
	
ul#prod li .galeri a { border:none;}
ul#prod li .galeri a:hover {border:2px solid #DC0000;  }

.pagination a { color: #000; text-decoration: none; }