body {
		behavior:url("../htc/csshover.htc");
}


/*Vertical Menu*/	

#menu {
width: 160px;
background: #35a178;
float: top;
}

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

#menu a, #menu a.arrowr {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu a.arrowr {
color: #fff;
background: #35a178 url(arrow.gif) 145px 7px no-repeat;
text-decoration: none;
}

#menu a:hover.arrowr {
color: #35a178;
background: #fff url(arrow.gif) 145px 7px no-repeat;
text-decoration: none;
}

#menu a {
color: #fff;
background: #35a178;
text-decoration: none;
}

#menu a:hover {
color: #35a178;
background: #fff;
text-decoration: bold;
}

#menu li {position: relative;}

#menu ul ul {
width: 160px;
position: absolute;
top: 0;
left: 100%;
z-index: 500;
}

#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}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
body {behavior: url(csshover.htc); font-size: 100%;}

#menu ul li {height: 1%;} 

#menu a, #menu a.arrowd, #menu a.arrowr
{font: bold 0.7em/1.4em arial, helvetica, sans-serif;}

</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}

#menu ul li a a.arrowr a.arrowd {height: 1%;} 

#menu a, #menu a.arrowd, #menu a.arrowr
{font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->

/*Horizontal Menu*/	
	
#menu1 {
width: 100%;
background-color: #35a178;
float: left;
}

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

#menu1 a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu1 a {
color: #fff;
background: #35a178;
text-decoration: none;
}

#menu1 a:hover {
color: #35a178;
background: #fff;
text-decoration: bold;
}

<!--[if IE]>
<style type="text/css" media="screen">
#menu ul li {float: left; width: 100%;}
body {behavior: url(csshover.htc); font-size: 100%;}

#menu ul li {height: 1%;} 

#menu a {font: bold 0.7em/1.4em arial, helvetica, sans-serif;}

</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc); font-size: 100%;}

#menu ul li {height: 1%;} 

#menu a {font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->

/*- Sub Menu Tabs--------------------------- */

	#tabmenu {
		color: #FFF;
		border-bottom: 1px solid black;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		z-index: 0;
		padding-left: 0px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none;
		Margin: 0px 0px 0px 0px }

	#tabmenu a, a.active {
		color: #333;
		background: #fff;
		font: bold 1em "Arial", Arial, sans-serif;
		border: 1px solid black;
		padding: 2px 2px 0px 2px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: #fff;
		border-bottom: 3px solid #FFF; }

	#tabmenu a:hover {
		color: #35A178;
		background: #FFF; }

	#tabmenu a.active:hover {
		background: #FFF;
		color: #333; }