body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: black;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: black;
}
.pubs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #333399;
}
/**************** menu coding *****************/
#menu {
font: bold 16px/16px arial, helvetica, sans-serif;
width: 100%;
background:#009999;
float: left;
text-align: center;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:125px;
float: left;
}

#menu a, #menu h2 {
display: block;
border-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-color: #3bd4d4;
margin: 0;
padding: 0px 0px;
}

#menu h2 {
color: #ffffff;
background:#009999;
}

#menu a {
color: #ffffff;
background:#009999;
text-decoration: none;
}

#menu a:hover {
color:#000000;
background:#3bd4d4;
}

#menu li {position: relative;}

#menu ul ul {
font: bold 12px/16px arial, helvetica, sans-serif;
position: absolute;
z-index: 500;
text-align: left;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}