/* CSS Document */

/* ACCORDIAN MENU*/



#menu {
	position: relative;
	float: left;
	width: 140px;
	margin-top: 20px;
	padding-top: 22px;
	min-height: 440px; height: auto !important; /*this line for firefox (and IE7) etc */
	height: 440px; /* this line for IE6 */
	z-index: 500;
}


#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 140px; /*  set width of each menu item here - when multiplied by no of menu-items should equal width above */
}


/*  COLOURING ETC */

#menu a {
text-decoration: none;
display: block;
}


#menu h2, #menu h3, #menu h4 {
margin: 0;
}

#menu h2 a {
color: #181818;
background-color:#dfd4c6;
}

#menu h3 {
color: #181818;
background-color:#c7b9ac;
}

#menu h4 a {
color: #181818;
background-color:#d3b294;
}

#menu h2 a{
font-size: 10px;
padding-top: 1px;
padding-bottom: 3px;
padding-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
}

#menu h3 a {
font-weight: normal;
font-size: 10px; 
padding-top: 1px;
padding-bottom: 1px;
margin-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
}

#menu h4 a {
font-weight: normal;
font-size: 10px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
margin-left: 8px;
margin-top: 3px;
margin-bottom: 3px;
}

#menu h2 a:hover, #menu h3 a:hover, #menu h4 a:hover {
text-decoration: none;
background-color: #e8a05d;
 
}

.sub_menu {
margin-top: -3px;
}