/*settings for whole menu*/
.menu{
    color:#fff;
    font-size:18px;
    font-family: 'Gentium Basic', serif;
    font-style:italic;
}
.menu ul {   
   cursor:pointer;
   position:fixed;
   list-style: none;  
   margin-top:11px;
}
.menu ul ul{
   position:relative;
   z-index:100;  
   margin-left:120px;
   margin-top:-21px;
}

/*settings for upper menu main links */
.menu a {
   cursor:pointer;
   text-decoration: none;
}

/*settings for upper menu main links*/
.menu li {
    cursor:pointer;
    height:50px;
    padding-bottom:0px;
    position:relative;
    float: left;
    list-style:none;
    position:relative;
    z-index:3;
    margin-top:15px;
}

 /*settings for links of main menu*/ 
.menu li a { 
   height:40px;
   position:relative;
   z-index:30;
   padding:0px 15px 0px;
   cursor:pointer;
   display:inline;
   color:#fff;   
   padding-top:10px;
   cursor: pointer;	
}

/*settings for submenus*/ 
.menu li li {
   border-bottom:thin dotted #d23939;
   cursor:pointer;
   width: 120px;	
   min-height:30px;
   height:30px;  
   display:none;
   font-size:14px;
   padding-top:10px;   
   margin: 0px 5px;
   background:url(images/backgroundSubmenu.png) repeat;
   /*background-color: #f5eebe;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;*/
   color:#f6efbe;
}
.menu li li a{
   text-decoration: none;
   color:#fff;
}
.menu  li li li{
   color: #DC3522;
   background-color: #2A2B2C;
}
.menu  li li li li{
   color: #fff;
   background-color: #000;
}

/* settings for submenu links on rollover*/
.menu ul, li li{
  width: 0px;		 
}

/*settings for submenu links*/

/*settings for lava lamp sliding effect*/

.menu #box {
    position:absolute; 
    left:0; 
    top:0px; 
    z-index:1; 
    background:url(images/hoverRight.png) no-repeat right;
    height:25px;
    padding-right:5px;
    margin-left:0px;
}
.menu #box .head {
    background:url(images/hoverMain.png);
    height:25px;
    padding-left:0px;
}
.menu li li.alt{
    background-color:#333;
}
ul.menu li a span {
    background:url(images/triangle.png) 100% 1px no-repeat;
    margin-top:7px;
    position:absolute;
    top:2px;
    margin-left:0px;
    left:0;
    height:100%;
    width:100%;
}

ul.menu li ul.sub_menu2 span {
    background:url(images/triangle_sub.png) 0% 35% no-repeat;
}
li.submenu {
    background:url(images/triangle_small.png) 100% 0px no-repeat;
}
ul.sub_menu:hover {

}
.menu li ul.sub_menu2{	
    background:url(images/triangle_sub_small.png) 98% 50% no-repeat;
    background-color:#1E1E20;
}
.menu li ul.sub_menu2:hover, .menu li ul.sub_menu3:hover{	
    background:url(images/triangle_sub.png) 98% 50% no-repeat;
    background-color:#fff;
    border-bottom:thin dotted #550000;
}
.menu li li ul.sub_menu3{
    background:url(images/triangle_sub_small.png) 98% 50% no-repeat;
}
.menu li li:hover, .menu li li li:hover{
    background:url(images/backgroundSubmenuHover.png) repeat;
    border-bottom:thin dotted #d23939;
}
.menu li ul.sub_menu2 li{
    background-color:#1E1E20;
}
.menu li ul.sub_menu2 li:hover{
    background-color:#fff;
    border-bottom:thin dotted #550000;
}
ul.sub_menu  li:hover a{/*color of font of hover effect on first submenu*/
    color:#fff;
}
ul.sub_menu li:hover li a, ul.sub_menu li:hover li:hover li a, ul.sub_menu li li a{/*color of font for submenu level 2 and 3*/
    color:#fff;
}
ul.sub_menu li:hover li:hover a{/*color of font for hover on submenu level 1*/
    color:#000;
}
ul.sub_menu li:hover li:hover li:hover a{/*color of font for hover on submenu level 2*/
    color:#000;
}
.titleMenu2{
    text-align:center;
}
.linkText{
    text-align:center;
}
/*quirk fix for margin*/
.mr_10{
    margin-right:10px;
}
.ml_10{
    margin-left:10px;
}
.mr_15{
    margin-right:15px;
}
.ml_15{
    margin-left:15px;
}
.mr_20{
    margin-right:20px;
}
.ml_20{
    margin-left:20px;
}
.mr_25{
    margin-right:25px;
}
.ml_25{
    margin-left:25px;
}