/*1*/

#menu ul li a{
/******/background: #c30031;		
/******/color: #fff;
}
/*4a*/
#menu li:hover > a{
/******/background: #0a2170; /*tab link background during hover state*/
/******/color: #fff;
}
/*4b*/
#menu li.parent >a{ /* item in the top level which is a parent*/
		background-image:url(https://www.californiadar.org/chapter_base_css/templates/chapters5template/images/downpatriotic.gif);
		background-position: 98% 50%;
		background-repeat: no-repeat;
}
/*4c*/
/*hover for items which are parents*/
#menu li.parent:hover > a {
/******/background: #0a2170;
/******/color:#fff;
		background-image:url(https://www.californiadar.org/chapter_base_css/templates/chapters5template/images/downpatriotic-hover.gif);
		background-position: 98% 50%;
		background-repeat: no-repeat;
}
/*5*/
 
/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/
#menu ul li:hover > ul {
/******/border: 1px solid #fff;	

}
/*Styles 2nd level a tag*/
#menu ul ul a {
/******/border-bottom: 1px solid #0a2170;
}

/* Styles the anchor (a) tag when mouse over 2nd level*/
#menu ul ul a:hover {
/******/background: #0a2170; 
/******/color: #fff;
}