/* Menustyle CSS */

a {
	color: #ffffff; /* Normally ffffff */
}

#menu a {
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
      color: #fdbc42;
}

.treeview ul{ 
	margin: 0px;
	padding: 0px;
}
.treeview li{ margin-top: 4px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	list-style-type: none;
}

.treeview li.submenu{ 
	cursor: hand;
	cursor: pointer;
}

.treeview li.submenu ul{ 
	display: none; 
}

.treeview .submenu ul li{ 
	cursor: default;
	margin-top: 4px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
}

/* extras */

/* PUSH DOWN BUTTON FONT COLOUR NO HOVER */
.box1 {
	background: url("images/buttonup.jpg") no-repeat;
	color: #f9f9f9;
}

/* PUSH DOWN BUTTON FONT COLOUR HOVER */
.box1-hover {
	background: url("images/buttondown.jpg") no-repeat;
	color: #fdbc42;
}

/* PUSH DOWN BUTTON FONT COLOUR EXPANDED NO HOVER */
.box1-open {
	background: url("images/buttondown.jpg") no-repeat;	
	color: #f9f9f9;
}

/* PUSH DOWN BUTTON FONT COLOUR EXPANDED HOVER */
.box1-open-hover {
	background: url("images/buttondown.jpg") no-repeat;
	color: #fdbc42;
}

/*
    
 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 174px;
	}
  
*/

.box2 {
	font-family: arial;
/* width: 160px; */
	font-size: 13px;
	border-color: #414440;
	border-width: 1px;
	border-style: none none solid solid;
	padding: 1px 0 2px 6px;
	background: #242950;
}

.box2-hover {
	border-color: #414440;
	border-width: 1px;
      border-style: none none solid solid;
	padding: 1px 0 2px 6px;
	background: #31386c;
}

.box1,
.box1-hover,
.box1-open,
.box1-open-hover {
	text-indent: 12px;
	/* font-weight: bold; */
	font-size: 14px;
	line-height: 31px;
	font-family: arial;
	cursor: pointer;
	width: 174px;
}
    
.section {
	background-color: #4b5286;
	font-family: arial;
	font-size: 13px;
	line-height: 15px;
	padding: 0 0 5px 10px;
	display: none;
}
    
.section a {
	color: #ffffff;
	text-decoration: none;
	white-space: nowrap;
}

.section a:hover {
	color: #ffeba9;
	text-decoration: none;
	white-space: nowrap;
}


/* roll over */

.image2 { 
	display: block;                     
	width: 132px;                         
	height: 109px;   
	margin-left: 9px;                   
	background-image: url(images/buttonup.jpg);   
	background-repeat: no-repeat;
}
	 
a.image2:hover {                            
	background-image: url(images/buttondown.jpg);   
     }