/* ====================== YELLOW LEFT NAV SELECTED */

/* Class on the td tag. Selected on state of the main lesson numbers. Change if needed. */
.leftNavSel {
	width: 209px;
	background-color: #DCB617;
}

/* Class on the td tag. Selected on state of the main lesson numbers anchor tag. Change if needed. */
.leftNavSel a:link, .leftNavSel a:active, .leftNavSel a:visited {
	height: 21px;
	width: 209px;
	padding-left: 9px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #DCB617;
	color: #FFF;
	text-decoration: none;
}

/* Class on the td tag. Selected on state of the main lesson numbers hover. Change if needed. */
.leftNavSel a:hover {
	height: 21px;
	width: 209px;
	padding-left: 9px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #DCB617;
	color: #000;
	text-decoration: none;
}




/* Class wrapped around the text of the main lesson numbers. Change if needed. */
.menuItem {
	height: 21px;
	width: 209px;
	margin-left: 0px;
	font: 10px/14px Verdana;
	line-height: 21px;
	color: #FFF;
}

/* Class wrapped around the text of the main lesson numbers hover. Change if needed. */
.menuItem a:hover {
	height: 21px;
	width: 209px;
	margin-left: 0px;
	font: 10px/14px Verdana;
	line-height: 21px;
	color: #FFF;
	background-color: #DCB617;
	text-decoration: none;
}




/* Class on the td tag. Selected on state of the sub menu items. Change if needed. */
.leftSub {
	width: 209px;
	background-color: #FFF;
}

/* Class on the td tag. Selected on state of the sub menu item anchor tag. Change if needed. */
.leftSub a:link, .leftSub a:active, .leftSub a:visited {
	height: 21px;
	width: 209px;
	padding-left: 40px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

/* Class on the td tag. Selected on state of the sub menu item hover. Change if needed. */
.leftSub a:hover {
	height: 21px;
	width: 209px;
	padding-left: 40px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #EADFB1;
	color: #000;
	text-decoration: none;
}




.leftSubSel {
	width: 209px;
	background-color: #FFF;
}

/* Selected state of a sub menu item, red at this point. Change if needed. */
.leftSubSel a:link, .leftSubSel a:active, .leftSubSel a:visited {
	height: 21px;
	width: 209px;
	padding-left: 40px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #FFF;
	color: #DC1E25;
	text-decoration: none;
}

/* Hover state of a sub menu item, red at this point. Change if needed. */
.leftSubSel a:hover {
	height: 21px;
	width: 209px;
	padding-left: 40px;
	font: 10px/14px Verdana;
	line-height: 21px;
	background-color: #FFF;
	color: #DC1E25;
	text-decoration: none;
}




/* Generic state of a menu item, black text no bg color. Change if needed. */
.leftNav {
	height: 21px;
	font: 10px/14px Verdana;
	line-height: 21px;
	color: #000;
}

.leftNav a:link, .leftNav a:active, .leftNav a:visited {
	height: 21px;
	width: 209px;
	padding-left: 9px;
	font: 10px/14px Verdana;
	line-height: 21px;
	color: #000;
	text-decoration: none;
	width: 209px;
}

.leftNav a:hover {
	height: 21px;
	width: 209px;
	padding-left: 9px;
	font: 10px/14px Verdana;
	line-height: 21px;
	color: #FFF;
	text-decoration: none;
}