/*[variables]
colors
{
	@40: #6B7F5C;
	@30: #D33122;
	@20: #00923F;
	@10: #2C3850;
	@00: #FFFFFF;
}
*/
/*CSS Document
================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menutecs/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
===================================================================
style the outer div to give it width*/
.menutec
{
	width: 740px;
	font-size: 0.85em;
	padding-bottom: 0px;
	font-family: "Arial Narrow", Arial, sans-serif;
}
/*remove all the bullets, borders and padding from the default list styling*/
.menutec UL
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/*float the list to make it vertical and a relative positon so that you can control the dropdown menutec positon*/
.menutec LI
{
	float: left;
	/*[disabled]width:126px;*/
	position: relative;
	padding-left: 5px;
	text-align: center;
}
/*style the links for the top level*/
.menutec A:link, .menutec A:visited
{
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #6B7F5C; /*[e]@40*/
	width: 80px;
	height: 33px;
/*border: 1px solid #FFF;
border-width: 0 1px 1px 0;*/
	background: #FFFFFF; /*[e]@00*/
	padding-left: 10px;
	line-height: 32px;
	padding-right: 10px;
}
/*a hack so that IE5.5 faulty box model is corrected*/
* HTML .menutec A:link, * HTML .menutec A:visited
{
	display: block;
	font-size: 14px;
	text-decoration: none;
	color: #6B7F5C; /*[e]@40*/
	width: 80px;
	height: 33px;
/*border: 1px solid #FFF;
border-width: 0 1px 1px 0;*/
	background: #FFFFFF; /*[e]@00*/
	padding-left: 10px;
	line-height: 32px;
	padding-right: 10px;
}
.menutec UL UL
{
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 31px;
	left: 0;
	/*[disabled]width:150px;*/
}
/*another hack for IE5.5*/
* HTML .menutec UL UL A
{
	/*[disabled]width:150px;*/
	/*[disabled]w\idth:129px;*/
}
/*style the top level hover*/
.menutec A:hover, .menutec UL UL A:hover
{
	color: #FFFFFF; /*[e]@00*/
	background: #6B7F5C; /*[e]@40*/
}
* HTML .menutec A:hover, * HTML .menutec UL UL A:hover
{
	color: #FFFFFF; /*[e]@00*/
	background: #6B7F5C; /*[e]@40*/
}
.menutec :hover>A, .menutec UL UL :hover>A
{
	color: #FFFFFF; /*[e]@00*/
	background: #6B7F5C; /*[e]@40*/
}
/*make the second level visible when hover on first level list OR link*/
.menutec UL LI:hover UL, .menutec UL A:hover UL
{
	visibility: visible;
}