ul.menu, ul.menu ul {
	list-style-type:none;
	padding: 0;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.08em;
}
.menu2, .menu2 ul {
	list-style-type:none;
	padding: 0;
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.08em;
}

ul.menu a {
	display: block;
	text-decoration: none;
}
.menu2 a {
	display: block;
	text-decoration: none;
}

ul.menu li {
	margin-top: 1px;
	text-transform: uppercase;
}
.menu2 li {
	margin-top: 1px;
	text-transform: uppercase;
}

ul.menu li a {
	color: #fff;
	background-color: #4B5962;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: .7em;
}
.menu2 li a {
	color: #fff;
	background-color: #4B5962;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: .7em;
}

ul.menu li a:hover {
	color: #cadb2a;
}
.menu2 li a:hover {
	color: #cadb2a;
}


ul.menu li ul li a {
	color: #334751;
	padding-left: 20px;
	background-color: #DFDFDF;
	text-transform: capitalize;
	background-image: url(../imgs/arrow3_small.jpg);
	background-repeat: no-repeat;
	background-position: 7px 6px;
}

ul.menu li ul li a:hover {
	padding-left: 20px;
	background-color: #cadb2a;
	color: #334751;
	background-image: url(../imgs/arrow2on_small.jpg);
	background-repeat: no-repeat;
	background-position: 7px 6px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }