/*navbar div*/
.navbar {
background:transparent url(../images/menubg.png) repeat top;
position:relative;
width:900px;
height:30px;
z-index:100;
margin:0;
text-indent:.5em;
}
/* Remove the padding, margins and bullets */
.menu, .menu ul {
list-style-type:none;
padding:0;
margin:0;
font:13px/30px Century Gothic,Lucida Grande,Trebuchet MS, verdana, arial, sans-serif;
}
/* Set up the top level list items and float left to place inline */
li.topp {
display:block;
float:left;
position:relative;
width:100px;
padding:0 ;
}
ul.menu  {
	margin:0pt auto;
	padding:0 0 0 50px;
}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Top link styling */
li.topp a, li.topp a:visited {
color:#c2dfff;
text-decoration:none;
display:block;
height:30px;
width:100px;
}

/* Style the list */
 /* for ie6 */
.menu a:hover{
visibility:visible;
}
.menu li:hover {
position:relative;
z-index:200;

}

/***************HIDE********** */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul
.menu :hover ul :hover ul :hover ul{
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
}
/*top Bar*/
.menu li.topp:hover a.top {
background:transparent url(../images/rollover2.png) no-repeat scroll center top;
font-style:italic;
z-index:300;
width:100px;
color:#0f0;
}


/*********************************** Set Up The First Drop Down Sub Level ******************************************/
.menu li#topper:hover,
.menu li#topper1:hover,
.menu li#topper2:hover,
.menu li#topper3:hover,
.menu li#topper4:hover,
.menu li#topper5:hover,
.menu li#topper6:hover,
.menu li#topper7:hover,
.menu li#topper8:hover,
.menu li#topper9:hover,
.menu li#toppera:hover,
.menu li#topperb:hover,
.menu li#topperc:hover,
.menu li#topperd:hover,
.menu li#toppere:hover,
.menu li#topperf:hover,
.menu li#topperg:hover,
.menu li#topperh:hover {
background:transparent url(../images/Rolloverstates1.png) no-repeat scroll center top;
font-style:italic;
z-index:300;
}

.menu :hover ul.sub   {
background: transparent url(../images/Rolloverstates2.png) repeat scroll center top;
left:0px;
top:22px;
margin: 0em;
padding:8px 0  0 ;
white-space:nowrap;
width:100px;
height:auto;
}
.menu :hover ul.sub b{
	background: transparent url(../images/Rolloverstates3.png) no-repeat scroll center top;
}
.menu :hover ul.sub li {
display:block;
height:30px;

float:left;
}
.menu :hover ul.sub li a {
text-indent:.5em;
color:#c2dfff;
text-decoration:none;
}


/*************arrow styling************************/
.menu :hover ul.sub li a.fly {
background:transparent url(../images/arrow.gif) 90px 11px no-repeat;
}
.menu :hover ul.sub li a:hover {
color:#0f0;
}
.menu :hover ul.sub li a.fly:hover {
background:transparent url(../images/arrow.gif) 86px 11px  no-repeat;
color:#0f0;
}
.menu :hover ul li:hover > a.fly {
background:transparent url(../images/arrow.gif) 92px 11px no-repeat;
color:#f00;
}

/* ***************************flyout set *************************/
.menu:hover ul.sub .toprt {
	background: transparent url(../images/Rolloverstates1.png) no-repeat scroll center top;
	padding: 0;
	margin:-22px 0 0;
	display:block;
}

.menu:hover ul :hover ul {
background: transparent url(../images/Rolloverstates2.png) repeat scroll center top;
left:100px;
top:0px;
margin:22px 0 0;
padding: 0px 0 0 0;
white-space:nowrap;
width:100px;
height:auto;
z-index:300;
}
/*bottom rt sub menu*/
.menu:hover ul.sub b {
	background: transparent url(../images/Rolloverstates3.png) no-repeat scroll center bottom;
	padding:0;
	display:block;
	position:relative;
	width:100px;
	height:7px;
}

.here {
	background:transparent url(../images/chosen.png) no-repeat scroll top center;
	font: 13px/30px Century Gothic,Lucida Grande,Trebuchet MS, sans-serif;
	margin:0;padding:0;
	color:#fff;
	width:100px;
	height:30px;
	text-indent:.5em
	}