﻿.clear {clear:both}   
/* remove the list style */  
#nav {  
    margin: auto;   
    padding:2px 0px 0px 0px;   
    list-style:none;  
    height:30px;
    width: 872px;
    background-color: #352a70; /*#555555;*/
}     
      
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {  
        float:left;   
        display:block;   
        width: 143px;  
        /*padding: 0px 22px 0px 22px; */
        background:#ccc;   
        position:relative;  
        z-index:500;   
        margin:0 0px 0 2px;  
        height: 28px;
        background-image: url('../../Images/MenuBlueShade.png');
        background-repeat:repeat-x;
    }  
          
    /* this is the parent menu */  
    #nav li a {  
        display:block;  
        /*padding:6px 5px 0 5px; */
        padding: 6px 0px 0px 0px;
        width:100%;
        font-weight:700;    
        height:20px;   
        text-decoration:none;   
        color:#fff;   
        text-align:center;    
    }  
  
    #nav li a:hover {  
        color: black;
	    /*background-image: url('../../Images/LinkDash.png');
        background-repeat:repeat-x;*/
	    background-color: #CCC;
    }  
      
    /* you can make a different style for default selected value */  
    #nav a.selected {  
        color:#f00;
    }  
    #nav1
    {
        color: Blue;
    }
      
        /* submenu, it's hidden by default */  
        #nav ul {  
            position:absolute;   
            left:0;   
            display:none;   
            margin:0 0 0 -2px;   
            padding:0;   
            list-style:none;  
        }  
          
        #nav ul li {  
            width:143px;  
            float:left;   
            border-top:0px solid #fff;  
        }  
          
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {  
            display:block;    
            height:20px;  
            /*padding: 8px 5px;   */
            color:#fff;  
        }  
          
        #nav ul a:hover {  
            /*text-decoration:underline;    */
        }  
         
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul {  
    margin:0 0 0 -2px;  
}  
