body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

#container-nav {
	margin: auto;
	position: relative;
	width: 960px;
}

#button {
	margin-left: 580px;
	height: 32px;
	width: 184px;
}

#button2 {
	margin-left: auto;
	margin-top: -32px;
	height: 32px;
	width: 184px;
}

#button3 {
	margin-left: auto;
	margin-top: -32px;
	height: 32px;
	width: 184px;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border:1px solid #1c1c1c;
}

.menu_class2 {
	border:1px solid #1c1c1c;
}

.menu_class3 {
	border:1px solid #1c1c1c;
}

.the_menu {
	display:none;
	width:184px;
	border: 1px solid #1c1c1c;
}

.the_menu li {
	background-color: #302f2f;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:4px; 
	display:block;
}

.the_menu li a:hover {
	padding:4px;
	font-weight:bold;
	color: #666666;
}

.the_menu2 {
	display:none;
	width:184px;
	border: 1px solid #1c1c1c;
}

.the_menu2 li {
	background-color: #302f2f;
}

.the_menu2 li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:4px; 
	display:block;
}

.the_menu2 li a:hover {
	padding:4px;
	font-weight:bold;
	color: #666666;
}



.the_menu3 {
	display:none;
	width:184px;
	border: 1px solid #1c1c1c;
}

.the_menu3 li {
	background-color: #302f2f;
}

.the_menu3 li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:4px; 
	display:block;
}

.the_menu3 li a:hover {
	padding:4px;
	font-weight:bold;
	color: #666666;
}