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

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
    text-align: center;
    text-decoration: none;
    outline: none;
    letter-spacing: normal;
    word-spacing: normal;
    
}

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

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


.art-menu li:hover
{
    z-index: 10000;
    white-space: normal;
}

.art-menu li li
{
    float: none;
}

.art-menu ul
{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: none;
}

.art-menu li:hover > ul
{
    visibility: visible;
    top: 100%;
}

.art-menu li li:hover > ul
{
    top: 0;
    left: 100%;
}

.art-menu:after, .art-menu ul:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.art-menu, .art-menu ul
{
    min-height: 0;
}

.art-menu ul
{
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}

/*----------new Style for LI How To Apply Sub Menu---------*/

.art-menua a, .art-menua a:link, .art-menua a:visited, .art-menua a:hover
{
    text-align: center;
    text-decoration: none;
    outline: none;
    letter-spacing: normal;
    word-spacing: normal;
    
}

.art-menua, .art-menua ul
{
    
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}
.art-menua li
{
    margin: 0;
    padding:0 ;
    border: 0;
    display: block;
    float: none;
    position: relative;
    z-index: 5;
    background: #644C37;
}


.art-menua li:hover
{
    z-index: 10000;
    white-space: normal;
}

.art-menua li li
{   
    float: none;
}

.art-menua ul
{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background: none;
}

.art-menua li:hover > ul
{
    visibility: visible;
    top: 100%;
}

.art-menua li li:hover > ul
{
    top: 0;
    left: 100%;
}

.art-menua:after, .art-menua ul:after
{
    content: ".";
    height: 10;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.art-menua, .art-menua ul
{
    min-height: 10;
}

.art-menua ul
{
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.art-menua ul ul
{
    padding: 30px 30px 30px 10px;
    margin: 0:
}
.art-menua a .t
{
    /*font-size: 15px;*/
    font-family:Verdana;
    margin-right: 3px;
    margin-left: 3px;
    color: #ffffff;
    
   padding: 0 8px;
   padding: 0 5px;
    margin: 0 1px;
   line-height: 25px;
    text-align: Center;
}
.art-menua a
{
    position: relative;
    display: block;
    overflow: hidden;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.art-menua li
{
    margin-right: 10px;
    margin-left: 10px;
}

.art-menua ul li
{
    margin: 0;
    clear: both;
    
}


.art-menua a .r, .art-menua a .l
{
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 75px;
    /*background-image: url('images/menuitem.png');*/
}

.art-menua a .l
{
    left: 0;
    right: 1px;
}

.art-menua a .r
{
    width: 402px;
    right: 0;
    clip: rect(auto, auto, auto, 401px);
}


/*----------new Style for LI How To Apply Sub Menu End---------*/


/* menu structure */

.art-menu
{
    /*padding: 12px 6px 0 6px;*/
    padding: 12px 6px 0 1px;
}

.art-nav
{
    position: relative;
    height: 37px;
    z-index: 100;
}

.art-nav .l, .art-nav .r
{
    position: absolute;
    z-index: -1;
    top: 0;
    height: 37px;
    background-image: url('images/nav.png');
}

.art-nav .l
{
    left: 0;
    right: 0;
}

.art-nav .r
{
    right: 0;
    width: 800px;
    clip: rect(auto, auto, auto, 800px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
    position: relative;
    display: block;
    overflow: hidden;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.art-menu li
{
    margin-right: 10px;
    margin-left: 10px;
}

.art-menu ul li
{
    margin: 0;
    clear: both;
    
}


.art-menu a .r, .art-menu a .l
{
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 75px;
    /*background-image: url('images/menuitem.png');*/
}

.art-menu a .l
{
    left: 0;
    right: 1px;
}

.art-menu a .r
{
    width: 402px;
    right: 0;
    clip: rect(auto, auto, auto, 401px);
}

.art-menu a .t
{
    /*font-size: 15px;*/
    font-family:Verdana;
    margin-right: 5px;
    margin-left: 5px;
    color: #ffffff;
  padding: 0 8px;
   padding: 0 5px;
    margin: 0 1px;
  /* line-height: 25px;*/
    text-align: Center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
    top: -25px;
}

.art-menu li:hover > a .l, .art-menu li:hover > a .r
{
    top: -25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
    top: -25px;
}
.art-menu a:hover .t
{
    color: #ffffff;
}

.art-menu li:hover a .t
{
    color: #ffffff;
}

.art-menu li:hover > a .t
{
    color: #ffffff;
}


.art-menu a.active .l, .art-menu a.active .r
{
    top: -50px;
}

.art-menu a.active .t
{
    color: #ffffff;
}
/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
    color:white;
    display: block;
    text-align: center;
    height: auto;
    width: 375px;
    overflow: hidden;
    line-height: 27px;
    /*background-color: ;*/

    border-width: 1px;
    border-style: solid;
    border-color: #B7CB72;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
    text-align: left;
    text-indent: 12px;
    text-decoration: none;
    line-height: 32px;
    color: #ffffff;
    margin-right: 10px;
    margin-left: 10px;
    margin: 0;
    padding: 0;
}

.art-menu ul li a:hover
{
    color: Black;
    background-position: 0 -32px;
}

.art-menu ul li:hover > a
{
    color: Green;
    background-position: 0 -32px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
    color: Green;
}

.art-nav .art-menu ul li:hover > a span, .art-nav .art-menu ul li:hover > a span span
{
    color: Green;
}


/* end MenuSubItem */

/* begin Layout */
.art-content-layout
{
    display: table;
    padding: 0;
    border: none;
    width: 800px;
}

.art-content-layout .art-content-layout
{
    width: auto;
    margin: 0;
}

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
    display: table-cell;
}

div.art-layout-cell div.art-layout-cell
{
    display: block;
}

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

.art-content-layout
{
    table-layout: fixed;
    border-collapse: collapse;
    background-color: Transparent;
    border: none !important;
    padding: 0 !important;
}

.art-layout-cell, .art-content-layout-row
{
    background-color: Transparent;
    vertical-align: top;
    text-align: left;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock
{
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
}

.art-vmenublock-body
{
    position: relative;
    z-index: 1;
    padding: 0;
}


.art-vmenublock
{
    margin: 10px;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader
{
    position: relative;
    z-index: 0;
    height: 33px;
    margin-bottom: 0;
}

.art-vmenublockheader .t
{
    height: 33px;
    color: #6A7B2D;
    margin-right: 10px;
    margin-left: 10px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    margin: 0;
    padding: 0 10px 0 31px;
    white-space: nowrap;
    line-height: 33px;
}

.art-vmenublockheader .l, .art-vmenublockheader .r
{
    display: block;
    position: absolute;
    z-index: -1;
    height: 33px;
    background-image: url('images/vmenublockheader.png');
}

 

.art-vmenublockheader .l
{
    left: 0;
    right: 25px;
}

.art-vmenublockheader .r
{
    width: 800px;
    right: 0;
    clip: rect(auto, auto, auto, 775px);
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.art-vmenublockcontent
{
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 3px;
    min-height: 3px;
}

.art-vmenublockcontent-body
{
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-vmenublockcontent-tr, .art-vmenublockcontent-tl, .art-vmenublockcontent-br, .art-vmenublockcontent-bl, .art-vmenublockcontent-tc, .art-vmenublockcontent-bc, .art-vmenublockcontent-cr, .art-vmenublockcontent-cl
{
    position: absolute;
    z-index: -1;
}

.art-vmenublockcontent-tr, .art-vmenublockcontent-tl, .art-vmenublockcontent-br, .art-vmenublockcontent-bl
{
    width: 2px;
    height: 2px;
    background-image: url('images/vmenublockcontent_s.png');
}

.art-vmenublockcontent-tl
{
    top: 0;
    left: 0;
    clip: rect(auto, 1px, 1px, auto);
}

.art-vmenublockcontent-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 1px, 1px);
}

.art-vmenublockcontent-bl
{
    bottom: 0;
    left: 0;
    clip: rect(1px, 1px, auto, auto);
}

.art-vmenublockcontent-br
{
    bottom: 0;
    right: 0;
    clip: rect(1px, auto, auto, 1px);
}

.art-vmenublockcontent-tc, .art-vmenublockcontent-bc
{
    left: 1px;
    right: 1px;
    height: 2px;
    background-image: url('images/vmenublockcontent_h.png');
}

.art-vmenublockcontent-tc
{
    top: 0;
    clip: rect(auto, auto, 1px, auto);
}

.art-vmenublockcontent-bc
{
    bottom: 0;
    clip: rect(1px, auto, auto, auto);
}

.art-vmenublockcontent-cr, .art-vmenublockcontent-cl
{
    top: 1px;
    bottom: 1px;
    width: 2px;
    background-image: url('images/vmenublockcontent_v.png');
}

.art-vmenublockcontent-cr
{
    right: 0;
    clip: rect(auto, auto, auto, 1px);
}

.art-vmenublockcontent-cl
{
    left: 0;
    clip: rect(auto, 1px, auto, auto);
}

.art-vmenublockcontent-cc
{
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #E3E5D7;
}

.art-vmenublockcontent
{
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 3px;
    min-height: 3px;
}

.art-vmenublockcontent-body
{
    position: relative;
    z-index: 1;
    padding: 1px;
}

.art-vmenublockcontent-tr, .art-vmenublockcontent-tl, .art-vmenublockcontent-br, .art-vmenublockcontent-bl, .art-vmenublockcontent-tc, .art-vmenublockcontent-bc, .art-vmenublockcontent-cr, .art-vmenublockcontent-cl
{
    position: absolute;
    z-index: -1;
}

.art-vmenublockcontent-tr, .art-vmenublockcontent-tl, .art-vmenublockcontent-br, .art-vmenublockcontent-bl
{
    width: 2px;
    height: 2px;
    background-image: url('images/vmenublockcontent_s.png');
}

.art-vmenublockcontent-tl
{
    top: 0;
    left: 0;
    clip: rect(auto, 1px, 1px, auto);
}

.art-vmenublockcontent-tr
{
    top: 0;
    right: 0;
    clip: rect(auto, auto, 1px, 1px);
}

.art-vmenublockcontent-bl
{
    bottom: 0;
    left: 0;
    clip: rect(1px, 1px, auto, auto);
}

.art-vmenublockcontent-br
{
    bottom: 0;
    right: 0;
    clip: rect(1px, auto, auto, 1px);
}

.art-vmenublockcontent-tc, .art-vmenublockcontent-bc
{
    left: 1px;
    right: 1px;
    height: 2px;
    background-image: url('images/vmenublockcontent_h.png');
}

.art-vmenublockcontent-tc
{
    top: 0;
    clip: rect(auto, auto, 1px, auto);
}

.art-vmenublockcontent-bc
{
    bottom: 0;
    clip: rect(1px, auto, auto, auto);
}

.art-vmenublockcontent-cr, .art-vmenublockcontent-cl
{
    top: 1px;
    bottom: 1px;
    width: 2px;
    background-image: url('images/vmenublockcontent_v.png');
}

.art-vmenublockcontent-cr
{
    right: 0;
    clip: rect(auto, auto, auto, 1px);
}

.art-vmenublockcontent-cl
{
    left: 0;
    clip: rect(auto, 1px, auto, auto);
}

.art-vmenublockcontent-cc
{
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #E3E5D7;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.art-vmenu, ul.art-vmenu li
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    line-height: 0;
}

ul.art-vmenu ul
{
    display: none;
}

ul.art-vmenu ul.active
{
    display: block;
}
/* end VMenu */

/* begin VMenuItem */
ul.art-vmenu a
{
    position: relative;
    display: block;
    overflow: hidden;
    height: 30px;
    cursor: pointer;
    text-decoration: none;
}

ul.art-vmenu li.art-vmenu-separator
{
    display: block;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 1px;
}

ul.art-vmenu .art-vmenu-separator-span
{
    display: block;
    padding: 0;
    font-size: 1px;
    height: 0;
    line-height: 0;
    border: none;
}

ul.art-vmenu a .r, ul.art-vmenu a .l
{
    position: absolute;
    display: block;
    top: 0;
    z-index: -1;
    height: 90px;
    background-image: url('images/vmenuitem.png');
}

ul.art-vmenu a .l
{
    left: 0;
    right: 24px;
}

ul.art-vmenu a .r
{
    width: 802px;
    right: 0;
    clip: rect(auto, auto, auto, 778px);
}

ul.art-vmenu a .t
{
    display: block;
    line-height: 30px;
    color: #56593A;
    padding: 0 11px 0 34px;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
}

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r
{
    top: -30px;
}

ul.art-vmenu a:hover .t
{
    color: Green;
}

ul.art-vmenu a.active .l, ul.art-vmenu a.active .r
{
    top: -60px;
}

ul.art-vmenu a.active .t
{
    color: Green;
}
/* end VMenuItem */

/* begin VMenuSubItem */
ul.art-vmenu ul, ul.art-vmenu ul li
{
    margin: 0;
    padding: 0;
}

ul.art-vmenu ul a
{
    display: block;
    white-space: nowrap;
    height: 20px;
    overflow: visible;
    background-image: url('images/vsubitem.gif');
    background-position: 25px 0;
    background-repeat: repeat-x;
    padding-left: 42px;
}


ul.art-vmenu ul span, ul.art-vmenu ul span span
{
    display: inline;
    float: none;
    margin: inherit;
    padding: inherit;
    background-image: none;
    text-align: inherit;
    text-decoration: inherit;
}

ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span
{
    line-height: 20px;
    color: Green;
    font-size: 12px;
    margin-left: 0;
}

ul.art-vmenu ul
{
    margin: 0 0 0 0;
}

ul.art-vmenu ul ul
{
    margin: 0 0 0 0;
}

ul.art-vmenu ul li.art-vsubmenu-separator
{
    display: block;
    margin: 0;
    font-size: 1px;
    padding: 0 0 0 0;
}

ul.art-vmenu ul .art-vsubmenu-separator-span
{
    display: block;
    padding: 0;
    font-size: 1px;
    height: 0;
    line-height: 0;
    margin: 0;
    border: none;
}

ul.art-vmenu ul li li a
{
    background-position: 50px 0;
    padding-left: 67px;
}

ul.art-vmenu ul li li li a
{
    background-position: 75px 0;
    padding-left: 92px;
}

ul.art-vmenu ul li li li li a
{
    background-position: 100px 0;
    padding-left: 117px;
}

ul.art-vmenu ul li li li li li a
{
    background-position: 125px 0;
    padding-left: 142px;
}


ul.art-vmenu ul li a.active
{
    color: Green;
    background-position: 25px -40px;
}

ul.art-vmenu ul li li a.active
{
    background-position: 50px -40px;
}

ul.art-vmenu ul li li li a.active
{
    background-position: 75px -40px;
}

ul.art-vmenu ul li li li li a.active
{
    background-position: 100px -40px;
}

ul.art-vmenu ul li li li li li a.active
{
    background-position: 125px -40px;
}



ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a:hover.active
{
    color: Green;
    background-position: 25px -20px;
}


ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a:hover.active
{
    background-position: 50px -20px;
}

ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a:hover.active
{
    background-position: 75px -20px;
}

ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a:hover.active
{
    background-position: 100px -20px;
}

ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a:hover.active
{
    background-position: 125px -20px;
}
/* end VMenuSubItem */