/**************************************************************************************************************/
/**********************************************[ navigation ]**************************************************/
/**************************************************************************************************************/    
.navigation
   {
   border-bottom:         1px solid rgb(201,202,202);	   
   width:                 980px;
   height:                55px
   }
#menu   
   {
   padding:               11px 0 0 25px;
   position:              relative;
   z-index:               2000;
   height:                55px;
   clear:                 both;   
   margin:                0   
   }
#menu li
   {
   background:            url(../../image/menu/divider.png) no-repeat right center;
   padding:               0 3px 0 1px;
   position:              relative;
   list-style-type:       none;   
   float:                 left   
   }
#menu li.last
   {
   background:            none
   }
#menu li a
   {
   text-decoration:       none;
   float:                 left   
   }
#menu li a span
   {
   text-shadow:           1px 1px 1px rgb(0,0,0);
   color:                 rgb(255,255,255);
   font:                  8.25pt verdana;
   padding:               0 20px 0 30px;
   display:               block;   
   line-height:           34px;
   float:                 left
   }
#menu li a:hover,
#menu li a.active
   {
   background:             url(../../image/menu/left.png) no-repeat -3px top
   }
#menu li a:hover span,
#menu li a.active span
   {
   background:             url(../../image/menu/right.png) no-repeat right top
   }
#menu li.first img
   {
   padding:                11px 5px 0 0;
   border:                 none;   
   float:                  left
   }
#menu li.first span
   {
   padding:                0 10px 0 0
   }
#menu li.first a,
#menu li.first a span
   {
   color:                  rgb(229,139,6);
   background:             none   
   }
#menu li.first a:hover span
   {
   color:                  rgb(204,204,204)
   }
.dropdown-first-level
   {
   background:             url(../../image/menu/bottom.png) no-repeat left bottom;
   position:               absolute;
   width:                  201px;
   display:                none;   
   top:                    33px;   
   padding-bottom:         5px;   
   left:                   4px
   }
.dropdown-first-level-main
   {
   background:             url(../../image/menu/top.png) no-repeat left top;
   padding:                19px 0 5px
   }
#menu li .dropdown-first-level-main li
   {
   background:             url(../../image/menu/solid.png) repeat-x left bottom;	
   position:               relative;
   display:                block;
   float:                  none;   
   padding:                0   
   }
#menu li .dropdown-first-level-main li a:hover
   {
   background:             none
   }
#menu li .dropdown-first-level-main li.dashed
   {
   background:             url(../../image/menu/dashed.png) repeat-x left bottom
   }
#menu li .dropdown-first-level-main li.solid
   {
   padding:                10px 0 5px !important;
   background:             none
   }
#menu li .dropdown-first-level-main a
   {
   text-shadow:            0px -1px 0px rgb(0,0,0);
   color:                  rgb(204,204,204);
   padding:                0 0 0 28px;
   font-family:            verdana;   
   font-weight:            normal;
   display:                block;
   line-height:            26px;
   font-size:              10px;
   float:                  none   
   }
#menu li .dropdown-first-level-main li strong
   {
   text-shadow:            0 -1px 0 rgb(0,0,0);
   color:                  rgb(229,139,6);   
   background:             rgb(73,73,73);
   margin:                 0 0 0 25px;
   padding:                5px 4px;
   font-size:              12px   
   }
#menu li .dropdown-first-level-main li.last
   {
   background:             none
   }
#menu li .dropdown-first-level-main li a:hover,
#menu li .dropdown-first-level-main li a.active
   {
   background:             url(../../image/menu/hover.png) no-repeat left top;
   color:                  rgb(255,255,255)
   }
.dropdown-last-level
   {
   background:             url(../../image/menu/right/bottom.png) no-repeat left bottom;
   position:               absolute;
   width:                  159px;
   left:                   201px;
   display:                none;   
   padding-bottom:         8px;   
   top:                    0   
   }
.dropdown-last-level-main
   {
   background:             url(../../image/menu/right/top.png) no-repeat left top;
   padding:                10px 0 5px;
   overflow:               hidden;
   height:                 100%   
   }
#menu li .dropdown-first-level-main li .dropdown-last-level-main a
   {
   padding:                0 0 0 15px;
   text-shadow:            0 0 0
   }
#menu li .dropdown-first-level-main li ..dropdown-last-level-main a:hover
   {
   background:             none
   }
/**************************************************************************************************************/