/********************
MENU
*********************/
/* menu li block */
#menu li {
   list-style: none;
   margin: 0;
   border-bottom: 0px solid #c0c0c0;
   display: block;
font-size: 130%;
}

#menu ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu li a { height: 1%; } 
* html #menu li hr { height: 1%; }
/** end fix **/


#menu ul{
   border: none;
padding:0px;
margin-top:0px;
margin-left:0px;


}

/* first level links */
div#menu a {
	text-decoration: none;
	color: #0070b1;
	background:  #fff;
	display: block;
	margin: 0;
	padding: 10px 2px 10px 10px;
}


/* second level links, more padding */
div#menu ul ul a {
	text-decoration: none;
	background:  #fff;
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 20px center;
	display: block;
	margin: 0;
	padding: 2px 2px 2px 40px;
}

/* third level has some padding to have it stand out */
div#menu ul ul ul {
   padding-bottom: 0.5em;
}

/* third level links, more padding */
div#menu ul ul ul a {
	text-decoration: none;
	background:  #fff;
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 30px center;
	display: block;
	margin: 0;
	padding: 2px 2px 2px 50px;
	font-size:0.9em;
}


/* fourth level links, more padding */
div#menu ul ul ul ul a {
	text-decoration: none;
	background:  #fff;
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 40px center;
	display: block;
	margin: 0;
	padding: 2px 2px 2px 60px;
	font-size:0.9em;
	/* voice-family: "\"}\"";
	voice-family: inherit; */
}




/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu li a.activeparent {

}

div#menu ul ul li a.activeparent {
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 20px center;
}

div#menu ul ul ul li a.activeparent {
     background: url(uploads/layout/menuSubParent.gif) no-repeat 25px center;
}


/* set current page to nasty pink and show a pink arrow. */

div#menu li.currentpage a.active {
	color:#ED008C;
}

div#menu ul ul li.currentpage a.active{
 background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 20px center;
}

div#menu ul ul ul li.currentpage a.active{
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 30px center;
}
div#menu ul ul ul ul li.currentpage a.active{
	background: url(/millcolib/layout2010/submenuArrow.png) no-repeat 40px center;
}



/* hover state for all links */
div#menu a:hover,
div#menu li a.activeparent:hover, 
div#menu li.currentpage a.active:hover {
	color:white;
	background:#16b5ec;
}

div#menu a.activeparent:hover {
	color:white;
	background:#16b5ec;
}


/* section header */
div#menu li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}


/* separator */
div#menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu li.separator hr {
   display: none; /* this is for accessibility */
}

#menu a.menuhead {
	padding-right: 0px; 
	display: block; 
	font-weight: bold; 
	margin: 0px; 
	color: #631829; 
	background: #E3CDD3;
	padding: 2px 5px 2px 20px;
	border-bottom: #ffffff 1px solid; 
	text-decoration: none; 
       /*voice-family: inherit;*/
}
#menu a.menuhead:hover {
	color:white;
	background-color:#ED008C;
}


div#topTen{
padding:0;
padding-top:10px;
margin-left:10px;}

#videoMatrix{
text-align:center;
padding-top:10px;
}


#videoMatrix img{
margin:3px; float:left;
border:2px solid #501733;
}
#videoMatrix a:hover{

}