External Css

Question

what happened to it? this is my external css file code and i am using this css in my master page but it didnt show the required result

body {
ul
{margin:0;
 padding:0;
 list-style:none;   
    }
 ul li
 { float:left;
   width:150px;
   height:30px;
   line-height:30px;
   text-align:center;
   background:voilet;    
     }  
     ul li a
     {
         text-decoration:None;
         color:White;
        
         }
     ul li li
     { background:voilet;
       color:White;
        }   
  ul li li:hover
  { background:Gray;
    color:White; 
    display:none;   
      }     
       
ul li li a
{
    text-decoration:none;
    color:White;



{
  <ul>
 
  <li><a href="">HomePage</a></li>
  <li><a href="">class schedule</a></li>
  <li><a href="">syllabus</a>
   <ul>
  <li><a href="">subjects</a></li>
  <li><a href="">books</a></li>
  <li><a href="">course detail</a></li>
  </ul></li>
  <li><a href="">assignments</a></li>
  <li><a href="">fee record</a></li>
  <li><a href="">faculty info</a></li>
  <li><a href="">class teacher info</a></li>
  <li><a href="">examinations</a>
   <ul>
  <li><a href="">schedule</a></li>
  <li><a href="">results</a></li>
  </ul></li>
    <li><a href="">Holidays info</a></li>
    </ul>
}
}