ul#main-menu li a:link, ul#main-menu li a:visited {
	color: #fff;
	text-decoration: none;
	height: 100%;
	display: block;		
	width: 100%;
}

ul#main-menu li span {
	color: #fff;
	text-decoration: none;
	height: 100%;
	display: block;		
	width: 100%;
	padding-bottom: 4px;
}

ul#main-menu li ul li a:link, ul#main-menu li ul li a:visited {
	padding-bottom: 4px;
}

/* 3rd level */
ul#main-menu li ul li ul li a:link, ul#main-menu li ul li ul li a:visited {
	padding-bottom: 0px;
}

/* End 3rd */

ul#main-menu { 
	margin-left: 0px; 
}
  
ul#main-menu li {
  float: left;
  position: relative;   
  vertical-align: middle; 
  z-index: 5;
  width: 75px;    
  height: 70px;
  padding-left: 25px;
  padding-top: 5px;
  border-right: 1px solid #832213;
  background-image: url(../images/menubar_button.jpg);
  background-position: top left;
  background-repeat: no-repeat;   
}

ul#main-menu li.active {
  background-image: url(../images/menubar_button_active.jpg);
  background-position: top left;
  background-repeat: no-repeat;   
}

ul#main-menu li ul li {
	font-size: 0.9em;
	padding-right: 0px;
	padding-left: 7px;
	width: 171px;
	background-color: #832213;	
	background-image: none;
	border-top: 1px solid #9C4E42;
	height: auto; 	
}

ul#main-menu li ul li a:link, ul#main-menu li ul li a:visited, ul#main-menu li ul li a {
 font-size: 0.9em;
 font-weight: normal;
}

ul#main-menu li ul li ul li a:link, ul#main-menu li ul li ul li a:visited, ul#main-menu li ul li ul li a {
	font-size: 1em;
	
}

ul#main-menu li ul li ul li {
	border-top: 0px;
}

ul#main-menu li ul li.parent {
	background-image: url(../images/arrow_inactive.gif);
  	background-position: 95% 5px;
  	background-repeat: no-repeat;   
}
ul#main-menu li ul li.parent:hover a:link, ul#main-menu li ul li.parent:hover a:visited, ul#main-menu li ul li.parent:hover a {	
	background-image: url(../images/arrow_active.gif);
  	background-position: 95% 1px;
  	background-repeat: no-repeat;   
}
ul#main-menu li ul li.parent:hover ul li a:link, ul#main-menu li ul li.parent:hover ul li a:visited, ul#main-menu li ul li.parent:hover ul li a {
	background-image: none;
}
	
  
ul#main-menu li ul {
  display: none;
  position: absolute;     
/* Safari doesn't understand "top" the same as other browers */
/* Use margin-top instead */
/*  top: 1.8em; */	
	border-bottom: 2px solid #333333;
	border-right: 2px solid #333333;
  top: 75px;
  left: 0;  
}

ul#main-menu ul ul {
	position: absolute;
	margin-top: 0;	
	padding-bottom: 5px;	
	background-color: #E36828;
	top: 0px;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
}
ul#main-menu ul ul li {
	background-color: #E36828;
	
}


/* Top level */

ul#main-menu li.hover-sub:hover ul {
 	display: block;
}


ul#main-menu li:hover ul li a {	
	
}

ul#main-menu li:hover {
  background-image: url(../images/menubar_button_over.jpg);
  background-position: top left;
  background-repeat: no-repeat;   
}



/* Second level */

ul#main-menu li.hover-sub:hover ul ul {
	display: none;
}

ul#main-menu li ul li:hover {
	background-image: url(../images/menu_graduation.gif);
  	background-position: top left;
  	background-repeat: repeat-y;
	
}

ul#main-menu li ul li:hover a {
	
}
ul#main-menu li:hover ul li ul li a {
	
}

/* Third level */

ul#main-menu li ul li ul li:hover {
	background-image: none;
}

ul#main-menu ul li.hover-sub:hover ul  {
	display: block;  
}


ul#main-menu li ul li ul li:hover a:visited, ul#main-menu li ul li ul li:hover a:link {
	font-weight: bold;
}

/* For IE6 */
ul#main-menu li ul li ul li:hover a {
	font-weight: bold;
}