/* main menu

----------------------------*/

#sawmenu

{

    display:block;

    font-family:Arial;

    text-align:center; /* Specify the alignment of the whole UL if UL is not width:100%;*/

    letter-spacing:normal;

}



/*workable with bootstrap*/

#sawmenu, #sawmenu div {

     -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

     box-sizing:content-box;

}



#sawmenu ul

{ 

    /*text-align:right;*/  /* Here you can further customize the alignment of its LIs */

    width:100%;

    margin:0; 

    padding:0;

    font-size:0;

    background:#EDD988 url(bg-gray2.png) repeat-x 0 0;

    border:1px solid #CCCCCC;

    /*border-bottom:none;*/

    display:inline-block;

    list-style:none;

    position:relative;

    z-index:999999990;

    visibility:hidden;  

    border-radius:4px;

    box-shadow: 0px 2px 5px #DDDDDD;

}



#sawmenu li

{

    margin:0;

    padding:0;

    font-size:13px;

    display:inline-block;

    position:relative;

    color:#000000;

}



#sawmenu a

{

    color:#000000;

    padding:0 22px;

    line-height:40px;

    font-weight:normal;

    text-decoration:none;

    display:inline-block;

    outline:0;

    position:relative;

    white-space:nowrap;

}



/* links without sub-menu */

#sawmenu li.over a

{

    background-color:#DDDDDD;

    background-image:url(bg-gray2.png); background-repeat:repeat-x; background-position:0 -60px;

    color:#000000;

}



/* links with sub-menu */

#sawmenu a.arrow

{

    background-image:url(arrow1.gif);

    background-repeat:no-repeat;

    background-position:right center;

    border-left:1px solid transparent;

    border-right:1px solid transparent;

}

#sawmenu li.over a.arrow

{

    background-color:#FFFFFF;

    color:#003366;

    border-left:1px solid #DDDDDD;

    border-right:1px solid #DDDDDD;

    /*text-decoration:underline;*/

} 



#sawmenu li > div 

{

    padding:0;

    margin:0;

    display:none;

}             

        

/* sub-menu layout

----------------------------*/



#sawmenu div.drop

{

    position:absolute;

    text-align:left;

    border:1px solid #DDDDDD;

    background:#FFFFFF;

    padding:20px;

    color:#000000;

    line-height:30px;

    font-size:13px;

    font-family:Arial;

    font-weight:bold; 

    border-radius:0 0 6px 6px;

    box-shadow: 0px 12px 20px #EEEEEE;

}

/* sub-menu offset

----------------------------*/



#sawmenu div.drop

{

    left:0px;/*Use this property to change offset of the sub-menu*/

}

#sawmenu div.dropToLeft

{

    left:auto; right:0px;

}

#sawmenu div.dropToLeft2

{

    left:auto; right:-120px;

}

  

/* links in sub menu

----------------------------*/



#sawmenu div.drop a

{

    line-height:20px;

    font-size:12px;

    font-family:Arial;

    font-weight:normal; 

    color:#003399;

    text-decoration:none;    

    display:block;

    text-align:left;    

    position:static;

    background:none;

    background-image:none;

    padding:0 0;

}



#sawmenu div.drop a:hover

{

    text-decoration:underline;

    color:#0099FF;

}



/* blocks within the sub-menu

----------------------------*/



#sawmenu div.drop div

{

    background:none;    

}  



#sawmenu div.column

{

    width:auto;

    float:left; /*align each column in one row*/

    padding:0 10px; /*padding of each column*/

}



#sawmenu div.column div

{

   padding:0px 10px; /*sub-div within div.column. 10px for indent.*/

}



#sawmenuLink {display:none;}