/* Menu classes */



#menu {
	position: absolute; top: 20px; right: 3em;
	border-bottom : 2px solid #FDD403;/* yellow undeline*/
	margin : 0;
	padding-bottom : 0px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #DBFDEA;/* green colour */
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : 80%;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a {
	background : #EEF5AD;/* yellow colour */
	border-bottom : 1px solid #fff;
	color : #000;
	font-weight : bold;

}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-3,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6 {
        display : inline;
	left : 10px;
	position : absolute;
	top : 22px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : 80%;
	font-weight : normal;
	line-height : 10px;
	margin-right : 1px;
	padding : 3px 10px 3px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}