﻿body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
}

p {

}

ul.menu, ul.menu ul {
	background: #FFFFFF;/*Submenu Top Color */
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 15em;
}

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

ul.menu li {
	background: #FFFFFF;/*2 Level Submenu Top Color */
	margin-top: 1px;
}

ul.menu li a {
	color: #225178; /*Main Menu Font Color */
	padding: 0.5em;
	background-color: #999999; /*Main Menu Color */
}

ul.menu li a:hover {
	color: #FFFFFF;/*Main Menu hover Font Color */

}

ul.menu li ul li a {
	background: #ccc;/*Submenu Background Item */
	color: #225178;/*Submenu Font Color */
	padding-left: 20px;
}
/*This is the Blue Left Bar MouseOver */
ul.menu li ul li a:hover {
	background: #999999;
	border-left: 5px #225178 solid;
	padding-left: 15px;
}


.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; }
