body {

	font-family: Calibri, "Trebuchet MS", sans-serif;

	font-size: 13px;

	font-weight:bold;

	margin: 0;

	padding: 0;

}



.btn, .btn ul {

	margin: 0;

	padding: 0 0 0 0px;

	border: 0;

	list-style-type: none;

	display: block;

}



.btn li {

margin:0 -1px 0 0px;

padding:0px;

	border-left: 1px solid #020c39;

	display: block;

	float: left;	/* move all main list items into one row, by floating them */

	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		/* thus we need to apply explicit z-index here... */

}





.btn li:hover {

	z-index: 10000;

	white-space: normal;

}



.btn li li {

	float: none;

}



.btn ul {

	visibility: hidden;

	position: absolute;

	z-index: 10;

	left: 0;

	top: 0;

}



.btn li:hover>ul {

	visibility: visible;

	top: 100%;

}



.btn li li:hover>ul {

	top: 0;

	left: 100%;

}



/* -- float.clear --

	force containment of floated LIs inside of UL */

.btn:after, .btn ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.btn, .btn ul {	/* IE7 float clear: */

	min-height: 0;

}

/* -- float.clear.END --  */



/* -- sticky.subbtn --

	it should not disappear when your mouse moves a bit outside the subbtn

	YOU SHOULD NOT STYLE the background of the ".btn UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */

.btn ul {

	background-image: url(img/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

	padding: 10px 10px 30px 10px;

	margin: -10px 0 0 -30px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */

}

.btn ul ul {

	padding: 30px 10px 30px 10px;

	margin: -30px 0 0 -10px;

}

/* -- sticky.subbtn.END -- */



/* - - - ADxbtn: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */



.btn, .btn ul li {

	color: #fff;

	height:30px;

}



.btn1, .btn1 ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-1.gif) repeat-x;

}



.btn2, .btn2h ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-2.gif) repeat-x;

}

.btn3, .btn3h ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-3.gif) repeat-x;

}



.btn4, .btn4 ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-4.gif) repeat-x;

}



.btn5, .btn5h ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-5.gif) repeat-x;

}



.btn6, .btn6 ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-6.gif) repeat-x;

}



.btn7, .btn7 ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-7.gif) repeat-x;

}



.btn8, .btn8 ul li {

	color: #fff;

	height:30px;

	background:url(img/btn-8.gif) repeat-x;

}



.btn2h{

	color: #fff;

	background:#1b9660;

}



.btn3h{

	color: #fff;

	background:#1b8fa4;

}

.btn5h{

	color: #fff;

	background:#2D1994;

}



.btn ul {

	width: 12.3em;

}



.btn a {

	text-decoration: none;

	color: #eee;

	padding: .4em 2.40em;

	display: block;

	position: relative;

}



.btn a:hover, .btn li:hover>a {

	color: #fff;

}



.btn1 a:hover, .btn1 li:hover>a {

	color: #fff;

	background:#89d72d;

}



.btn2 a:hover, .btn2 li:hover>a {

	color: #fff;

	background:#21d170;

}



.btn3 a:hover, .btn3 li:hover>a {

	color: #fff;

	background:#21c7d1;

}



.btn4 a:hover, .btn4 li:hover>a {

	color: #fff;

	background:#217cd1;

}



.btn5 a:hover, .btn5 li:hover>a {

	color: #fff;

	background:#4221d1;

}



.btn6 a:hover, .btn6 li:hover>a {

	color: #fff;

	background:#9921d1;

}



.btn7 a:hover, .btn7 li:hover>a {

	color: #fff;

	background:#d12195;

}



.btn8 a:hover, .btn8 li:hover>a {

	color: #fff;

	background:#d12125;

}



.btn li li {	/* create borders around each item */

height:39px;

	border: 1px solid #020c39;

}

.btn ul>li + li {	/* and remove the top border on all but first item in the list */

height:39px;	

border-top: 0;

}



.btn li li:hover>ul {	/* inset 2nd+ subbtns, to show off overlapping */

height:39px;

	top: 5px;

	left: 90%;

}



/* Fix for IE5/Mac \*//*/

.btn a {

	float: left;

}

/* End Fix */



/*]]>*/