/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
-----  CSS RESET  -----
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


ul { list-style: circle; }
ul, ol, dl, address { margin: 0 0 1em 0; }
li { margin-left: 1em; }

a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a img { border: none; text-decoration: none; }

label, button {	cursor: pointer; }

a:hover { text-decoration: none; }



  
  	/* Sidebar ---------------------*/
    #sidebar {  }
    
    #sidebar ul { margin: 0; padding: 0; list-style: none; }
    #sidebar ul li { margin: 0; padding: 0; }
    #sidebar ul li a { display: block; padding: 5px 0 5px 5px; width: 280px; background-repeat: no-repeat; background-position: center left; }
    
    #sidebar ul li ul li a { display: block; padding: 5px 0 5px 28px; width: 262px; background-repeat: no-repeat; background-position: center left; }

.wrapper { width: 960px; margin: 0 auto; }


/* Menu ---------------------*/
	#menu { float: left; margin: 0 20px 0px 0; text-align: center; width: 100%;  }
	
	#menu ul { float: right; list-style: none; margin: 0 25px 0px 0; padding: 0; }
	#menu ul li { float: left; margin: 0; position: relative; z-index: 2; }
	#menu ul li a { float: left; display: block; font: bold 12px/normal Arial, Helvetica, sans-serif; padding: 12px 30px; outline: none; }
	
	#menu ul li ul { position: absolute; width: 200px; top: 39px; left: 0; text-align: left; display: none; z-index: 2; }
	#menu ul li ul li { float: left; width: 100%; position: relative; }
	#menu ul li ul li a { float: left; width: 170px; padding: 12px 10px 12px 20px; }
	
	#menu ul li ul li ul { position: absolute; top: 0; left: -200px; display: block; }