/*body {
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
}
*/
.clear
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; 
	padding:0;
	background:transparent;
}

#menu {
	width: 100px;
	padding: 0;
	margin: 0;
	border-left: none;
	font: normal 12px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #616B76;
	text-align: left;
	background-color: #fff;
}

.nav, .nav a {
	font: bold 18px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	

#menu caption {
	margin: 0;
	padding: 0;
	width: 100px;
	background: transparent;
	color: #fff;	 
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

#menu th {
	font: bold 11px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: none;
	border-bottom: 1px solid #CFAF00;
	border-top: none;
}

#menu td {
	border-right: none;
	border-bottom: 1px solid #CFAF00;
	color: #616B76;
	/*width: 20px;
	height: 20px;*/
	text-align: left;
}

#menu td.mhead1 img {
	/*width: 20px;
	height: 20px;*/
	padding: 0, 0, 0, 0;
}

#menu td.mhead a
{
	text-decoration: none;
	display: block;
	color: #616B76;
	background: transparent;
}

#menu td.mhead1 a
{
	text-decoration: none;
	display: block;
	color: #616B76;
}

#menu td.mhead1 a:hover {
background: #AAA; 
border-bottom: 0px;
color: #6aa3ae;
}

#menu td.mhead1 a span {     /* definition of <span> tag included in <a> */
display: none;
}

#menu td.mhead1 a:hover span {   /* definition of the <span> tag when hovering */
	display: block;
	position: absolute;
	top: 57px;
	left: 110px; 
}

#menu td.mhead1 a:hover span #submenu {   /* definition of the <span> tag when hovering */
	width: 100px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #CFAF00;
	font: normal 12px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #616B76;
	text-align: left;
	background-color: #fff;
}

#menu td.mhead1 a:hover span #submenu td {   /* definition of the <span> tag when hovering */
	border-top: 1px solid #CFAF00;
	border-right: 1px solid #CFAF00;
	border-bottom: 1px solid #CFAF00;
	text-align: left;
}
/* ********************* mehead 2 ****************************************** */

#menu td.mhead2 img {
	/*width: 20px;
	height: 20px;*/
	padding: 0, 0, 0, 0;
}

#menu td.mhead2 a
{
	text-decoration: none;
	color: #616B76;
	display: block;
}

#menu td.mhead2 a:hover {
background: #EFE09F; 
border-bottom: 0px;
color: #6aa3ae;
}

#menu td.mhead2 a span {     /* definition of <span> tag included in <a> */
display: none;
}

#menu td.mhead2 a:hover span {   /* definition of the <span> tag when hovering */
	display: block;
	position: absolute;
	top: 99px;
	left: 110px; 
}

#menu td.mhead2 a:hover span #submenu {   /* definition of the <span> tag when hovering */
	width: 100px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #CFAF00;
	font: normal 12px/20px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	background-color: #EFE09F;
}

#menu td.mhead2 a:hover span #submenu td {   /* definition of the <span> tag when hovering */
	border-top: 1px solid #CFAF00;
	border-right: 1px solid #CFAF00;
	border-bottom: 1px solid #CFAF00;
	text-align: left;
}

/* ********************* mhead 3 ****************************************** */

#menu td.mhead3 img {
	/*width: 20px;
	height: 20px;*/
	padding: 0, 0, 0, 0;
}

#menu td.mhead3 a
{
	text-decoration: none;
	color: #616B76;
	display: block;
}

#menu td.mhead3 a:hover {
background: #EFE09F; 
border-bottom: 0px;
color: #6aa3ae;
}

#menu td.mhead3 a span {     /* definition of <span> tag included in <a> */
display: none;
}

#menu td.mhead3 a:hover span {   /* definition of the <span> tag when hovering */
	display: block;
	position: absolute;
	top: 120px;
	left: 110px; 
}

#menu td.mhead3 a:hover span #submenu {   /* definition of the <span> tag when hovering */
	width: 100px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #CFAF00;
	font: normal 12px/20px Arial, Verdana, Helvetica, sans-serif;
	color: #616B76;
	text-align: left;
	background-color: #fff;
}

#menu td.mhead3 a:hover span #submenu td {   /* definition of the <span> tag when hovering */
	border-top: 1px solid #CFAF00;
	border-right: 1px solid #CFAF00;
	border-bottom: 1px solid #CFAF00;
	text-align: left;
}