@charset "utf-8";

/* ================================================================
 Breadcrumbs Navigation Sample
=================================================================== */

.breadcrumbs {
    width:960px;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.breadcrumbs ul {
    width:648px;
    list-style: none;
    position:absolute;
    margin:-18px 0 0 36px;
    color:#fff;
    background-color:#333;
    padding:4px 0 8px 8px;
}

.breadcrumbs ul li {
    float: left;
    display: block;
    margin: 0;
    padding: 0 6px;
    font-size:10px;
    background: transparent url(images/path2.gif) no-repeat scroll right center;
}

.breadcrumbs ul li.current {
    float: left;
    display: block;
    padding: 0 6px;
    background: transparent none;
    color:#eef;
}

.breadcrumbs ul li a {
    padding-right: 6px;
    text-decoration: underline;
    cursor:pointer;
    color:#eee;
}

/* ================================================================
 Header Navigation DS
=================================================================== */

.navi_gm {
	width:960px;
	height:65px;
	margin:0 auto;
}

.navi_gm ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

.navi_gm ul li {
	list-style:none;
	float:left;
	display:inline;
                text-indent:-9999px;
}

.navi_gm ul li a {
	display:block;
	overflow:hidden;
	width:160px;
	height:65px;
                background:url(global_menu.gif);
}

.navi_gm ul li a:hover {
	display:block;
	overflow:hidden;
	width:160px;
	height:65px;
                background:url(global_menu.gif);
}

.navi_gm a.menu_1 {
	background-position:0px 0px;
}

.navi_gm a:hover.menu_1,#navigation .selected a.menu_1 {
	background-position:0px -65px;
}

.navi_gm a.menu_2 {
	background-position:-160px 0px;
}

.navi_gm a:hover.menu_2,#navigation .selected a.menu_2 {
	background-position:-160px -65px;
}

.navi_gm a.menu_3 {
	background-position:-320px 0px;
}

.navi_gm a:hover.menu_3,#navigation .selected a.menu_3 {
	background-position:-320px -65px;
}

.navi_gm a.menu_4 {
	background-position:-480px 0px;
}

.navi_gm a:hover.menu_4,#navigation .selected a.menu_4 {
	background-position:-480px -65px;
}

.navi_gm a.menu_5 {
	background-position:-640px 0px;
}

.navi_gm a:hover.menu_5,#navigation .selected a.menu_5 {
	background-position:-640px -65px;
}

.navi_gm a.menu_6 {
	background-position:-800px 0px;
}

.navi_gm a:hover.menu_6,#navigation .selected a.menu_6 {
	background-position:-800px -65px;
}



/* ================================================================
 Header Navigation Sample 3
=================================================================== */

.navi_003 ul.top {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
    height: 35px;
    background: #FFF url(images/navi_003/ld_0.png) repeat-x;
    position: relative;
    z-index: 200;
    font-family: arial, verdana, sans-serif;
}

.navi_003 li {
    padding: 0;
    margin: 0;
}

.navi_003 ul.top li.level1                                  {float:left; display:block;}
.navi_003 ul.top li                a.level1                 {float:left; display:block; padding:0 0 0 25px; height:35px; background:url(images/navi_003/ld_0.png);
                                                                line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}
.navi_003 ul.top li                a.level1       span      {float:left; display:block; padding:0 25px 0 0; height:35px; background:url(images/navi_003/ld_0.png)  right top no-repeat;}
.navi_003 ul.top li.drop           a.level1       span      {float:left; display:block; padding:0 25px 0 0; height:35px; background:url(images/navi_003/ld_0b.png) right top no-repeat;}

.navi_003 ul.top li.selected       a.level1                 {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected       a.level1       span      {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected       a.level1       span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}

.navi_003 ul.top li:hover          a.level1                 {background:url(images/navi_003/ld_1a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li:hover          a.level1       span      {background:url(images/navi_003/ld_1b.png) no-repeat right top;}
.navi_003 ul.top li:hover          a.level1       span.drop {background:url(images/navi_003/ld_1c.png) no-repeat right top;}
/* for IE6 */
.navi_003 ul.top                   a.level1:hover           {background:url(images/navi_003/ld_1a.png) no-repeat; color:#FFF;}
.navi_003 ul.top                   a.level1:hover span      {background:url(images/navi_003/ld_1b.png) no-repeat right top;}
.navi_003 ul.top                   a.level1:hover span.drop {background:url(images/navi_003/ld_1c.png) no-repeat right top;}

.navi_003 ul.top li.selected:hover a.level1                 {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected:hover a.level1       span      {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected:hover a.level1       span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}
/* for IE6 */
.navi_003 ul.top li.selected       a.level1:hover           {background:url(images/navi_003/ld_2a.png) no-repeat; color:#FFF;}
.navi_003 ul.top li.selected       a.level1:hover span      {background:url(images/navi_003/ld_2b.png) no-repeat right top;}
.navi_003 ul.top li.selected       a.level1:hover span.drop {background:url(images/navi_003/ld_2c.png) no-repeat right top;}

.navi_003 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.navi_003 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top li:hover          {position:relative; z-index:200;}
.navi_003 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.navi_003 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.navi_003 ul.top :hover ul.sub1            {left:1px; top:34px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.navi_003 ul.top :hover ul.sub1 li         {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.navi_003 ul.top :hover ul.sub1 li a       {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#000; text-decoration:none; border:1px solid #f7f7f7;}
.navi_003 ul.top :hover ul.sub1 li a:hover {background:#336699; color:#FFF; border-color:#f7f7f7;}
/* for IE6 */
.navi_003 ul.top              :hover ul.sub1 li a span,
.navi_003 ul.top  li.selected :hover ul.sub1 li a span  {background-image: none; height:18px; line-height:18px;}


/* keep the 'next' level invisible by placing it off screen. */
.navi_003 ul.top ul,
.navi_003 ul.top :hover ul ul,
.navi_003 ul.top :hover ul :hover ul ul,
.navi_003 ul.top :hover ul :hover ul :hover ul ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.navi_003 ul.top :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul,
.navi_003 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:129px; top:-4px; background: #f7f7f7; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.navi_003 ul.top ul.sub1 li.selected > a {background:#6699cc; color:#FFF; border-color:#f7f7f7;}

/* for IE6 */
.navi_003 ul.top ul.sub1 li.selected {background:#6699cc; color:#FFF; border-color:#f7f7f7;}


.navi_003 ul.top :hover ul.sub1 li          a.fly       {background:url(images/navi_003/fly.png) no-repeat right center;}
.navi_003 ul.top :hover ul.sub1 li          a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly       {background:url(images/navi_003/fly.png) no-repeat right center #6699cc;}
.navi_003 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #336699;}




/* ================================================================
 Block Navigation Sample 1
=================================================================== */

.bnavi_001 ul.top {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 155px;
    position: relative;
    z-index: 200;
    font-family: arial, verdana, sans-serif;
    border:1px solid #E7E5D5;
    border-width:1px 1px 0 1px;
}

.bnavi_001 li,
.bnavi_001 ul li {
    background: none;
    padding: 0;
    margin: 0;
}

.bnavi_001 ul.top li.level1             {display:block;}
.bnavi_001 ul.top li a.level1           {display:block; padding:0 0 0 0px; height:23px;    text-indent:5px; background:#F0EFE6;
                                          border-top:1px solid #F7F7F7; border-bottom:1px solid #E7E5D5;
                                          line-height:21px; color:#039; text-decoration:none; font-size:0.9em; cursor:pointer;}
.bnavi_001 ul.top li      a.level1 span {display:block; padding:0 0px 0 0; height:23px;}
.bnavi_001 ul.top li.drop a.level1 span {display:block; padding:0 0px 0 0; height:23px; background:url(images/navi_003/fly.png) no-repeat right center;}


.bnavi_001 ul.top li.selected       a.level1                 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected       a.level1       span      {}
.bnavi_001 ul.top li.selected       a.level1       span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}

.bnavi_001 ul.top li:hover          a.level1                 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li:hover          a.level1       span      {}
.bnavi_001 ul.top li:hover          a.level1       span.drop {background:url(images/navi_003/fly.png) no-repeat right center;}
/* for IE6 */
.bnavi_001 ul.top                   a.level1:hover           {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top                   a.level1:hover span      {}
.bnavi_001 ul.top                   a.level1:hover span.drop {background:url(images/navi_003/fly.png) no-repeat right center;}

.bnavi_001 ul.top li.selected:hover a.level1                 {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected:hover a.level1       span      {}
.bnavi_001 ul.top li.selected:hover a.level1       span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
/* for IE6 */
.bnavi_001 ul.top li.selected       a.level1:hover           {color:#039; background:#E9E7D9;}
.bnavi_001 ul.top li.selected       a.level1:hover span      {}
.bnavi_001 ul.top li.selected       a.level1:hover span.drop {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}

.bnavi_001 ul.top table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;}

.bnavi_001 ul.top .sub1 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top li:hover          {position:relative; z-index:200;}
.bnavi_001 ul.top li.selected:hover {position:relative; z-index:200;}
/* for IE6 */
.bnavi_001 ul.top  a:hover          {position:relative; white-space:normal; z-index:200;}

.bnavi_001 ul.top :hover ul.sub1            {top:0px; left:155px; background: #F0EFE6; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; height:auto; z-index:300;}
.bnavi_001 ul.top :hover ul.sub1 li         {display:block; height:20px; width:130px; position:relative; float:left; font-weight:normal;}
.bnavi_001 ul.top :hover ul.sub1 li a       {display:block; height:18px; width:128px; font-size:11px; line-height:18px; text-indent:5px; color:#039; text-decoration:none; border:1px solid #F0EFE6;}
.bnavi_001 ul.top :hover ul.sub1 li a:hover {background:#E9E7D9; color:#039; border-color:#E9E7D9;}
/* for IE6 */
.bnavi_001 ul.top              :hover ul.sub1 li a span,
.bnavi_001 ul.top  li.selected :hover ul.sub1 li a span  {height:18px; line-height:18px;}

/* keep the 'next' level invisible by placing it off screen. */
.bnavi_001 ul.top ul,
.bnavi_001 ul.top :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.bnavi_001 ul.top :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul,
.bnavi_001 ul.top :hover ul :hover ul :hover ul :hover ul :hover ul
{left:130px; top:-4px; background: #F0EFE6; padding:3px; border:1px solid #6699cc; white-space:nowrap; width:130px; z-index:400; height:auto;}

.bnavi_001 ul.top ul.sub1 li.selected > a {background:#E9E7D9; color:#039; border-color:#E9E7D9;}

.bnavi_001 ul.top :hover ul.sub1 li          a.fly       {background:url(images/navi_003/fly.png) no-repeat right center;}
.bnavi_001 ul.top :hover ul.sub1 li          a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly       {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}
.bnavi_001 ul.top :hover ul.sub1 li.selected a.fly:hover {background:url(images/navi_003/fly.png) no-repeat right center #E9E7D9;}


/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop7.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */