.H4Style1 {
	border-style: none;
	border-width: 0px;
}

.H4Style2 {
	color: #FFCE00;
	text-align: center;
	background-image: url('H4SelectedRepeat.gif');
	background-position: left;
	height: 31px;
}

.H4Bglevel2{
	 
	background-image: url('secondrowBG.gif');
	background-repeat:repeat-x repeat-y;
	background-position: left;
}
 
.H4MenuLevel0,.H4MenuLevel0:visited,.H4MenuLevel0:link {
	color: white;
	font-weight: bold;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

.H4MenuLevel0:hover{
	color: #D70000;
	font-family: Arial, Helvetica, sans-serif;
}

.H4MenuLevel0Selected,.H4MenuLevel0Selected:visited,.H4MenuLevel0Selected:link {
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: right;
}

.H4MenuLevel1Selected,.H4MenuLevel1Selected:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	line-height: 27px;
}

.H4MenuLevel1,.H4MenuLevel1:visited,.H4MenuLevel1:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: none;
	line-height: 27px;
}
 
.H4MenuLevel1:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D70000;
	text-decoration: none;
}

.H4MenuLevel1Selected,.H4MenuLevel1Selected:visited,.H4MenuLevel1Selected:link {
	color: #FFCC00;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

.H4Style3 {
	color: white;
	text-align: center;
	background-image: url('H4repeat.gif');
	padding-left: 3px;
	padding-right: 3px;
	text-transform: capitalize;
	height: 31px;
	font-size:12px;
}

.H4Style4 {
	color: #ffcc00;
	text-align: right;
	font-size:12px;
}

td.H4Style2 {
	white-space: nowrap; 
	padding-left:6px;
	padding-right:6px;
}

td.H4Style3 {
	white-space: nowrap;
	padding-left:6px;
	padding-right:6px;
}
 td.AAAA {
	padding-left:3px;
	padding-right:3px;
	border-left:1px solid #292c29;
	border-right:1px solid #292c29;
}
td.AAAA:hover {
	background-color:#CCCCCC; 
	border-left:1px solid #7a7c7a;
	border-right:1px solid #7a7c7a;
}

#wrap1{
border-left:1px solid #9a9a9a;
border-right:1px solid #9a9a9a;
}
 
table.bottom{
height:6px;
width:100%;
background:transparent;
}

td.left{
background:transparent;
}

#dropmenudiv{
position:absolute;
margin-left:0px;
border:1px solid black;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:15px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: gray;
color:white;
}

/*level-2 container
A bar containing the level2 and its child elements
*/
div.level2
{
	width: 100%;                    /*width of the level-2*/
	/*background-color: #cbcbcb;      /*background color of level-2, background image can also b used*/
	/*background-image: url('../images/bg_level-2.gif');*/
	background-image:url(secondrowBG.gif);
    background-position:left center;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;	
	font-size:10px;	
}
div.level2 a {color:#fff;}

/*Common rules for all the ul*/
#nav, #nav ul {
	line-height:1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 27px;               /*height of the level-2 bar*/
}
#nav a {
	display:block;
	text-decoration: none;
}
/*text inside the horizotanl level-2 menu
ha --> horizontal Link(a)
*/
#nav a.hA {
	display:block;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
	line-height: 27px;          /*this should b same as height of ul to center aline the text*/
	padding: 0px 8px;          /*increse/decrease indentation of text in level-2*/
}

/*When mouseover the level-2 items this class will b used
hASelected --> horizontal Link(a) when Selected
*/
#nav a.hASelected{
	display:block;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
	line-height: 27px;          /*this should b same as height of ul to center aline the text*/
	padding: 0px 8px;          /*increse/decrease indentation of text in level-2*/
	color: #fff;
	background-color: #b3b3b3;  /*background of selected level-2, you can use background image too here*/
}

/*hLI --> horizontal List Item*/
#nav li.hLI {
	float:left;
	list-style: none;	
}
/*vLI --> vertical List Item*/
#nav li.vLI{	
	display: inline;        /*IE6 hack*/
	list-style: none;
}
/*level-3 text link
vA --> vertical Link(a)
*/
#nav a.vA{
	display: block;
	background-color: #b3b3b3;
	color: #444;
	/*height: 20px;           height and line-height shld b same to center align*/
	line-height: 20px;
	padding-left: 10px;	
	white-space: normal;
}
/*when mouseover dropdownmenu this class will b used
vASelected --> vertical Link(a) when selected
*/
#nav a.vASelected{
	display: block;
	background-color: #888888;
	color: #fff;
	/*height: 20px;*/
	line-height: 20px;	
	padding-left: 10px;
	white-space: normal;
}

/*2nd level seperator bar*/
li.Level2Seperator 
{
    width: 1px;
    height: 19px;
    float: left;
    list-style: none;
    border-right: 1px solid #fff;
    margin-top: 4px;
}
#nav li ul {
	left:-999em;
	position:absolute;
	width:150px;        /*widht of the level-3,4,5,.. menus*/
}

/*to show image on items which have submenu*/
a.arrow { background: transparent url('/Portals/0/Skins/tab-level1/images/rArrow1.gif') no-repeat 95% center; }


/*for proper working it shld b
margin: -(height of vA)px 0 0 (width of the level-3,4,5,... menus*/
#nav li ul ul {
	margin:-20px 0 0 150px;
}
/*
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}*/
.inline
{
	display: inline;
}

/*-----Bottom Rounded Corner */
.xbottom{
	background:transparent none repeat scroll 0 0;
	display:block;
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4
{
	display:block;
	overflow:hidden;
}
.xb2, .xb3, .xb4
{
	background:#b3b3b3 none repeat scroll 0 0;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
}
.xb4 
{
	height:2px;
	margin:0 1px;
}
.xb3
{
	margin:0 2px;
	height:2px;
}
.xb2 
{
	border-width:0 2px;
	height:1px;
	margin:0 3px;
}
.xb1
{
	background:#b3b3b3 none repeat scroll 0 0;
	height:1px;
	margin:0 5px;
}
/*-------------End Rounded Corner---------------*/


/*Note: If you want different colors/settings for levels 5,6,7...
  code will b used same way*/
/*------------Level-4 Menu----------------------*/
/*for the link in level-4 menu*/
#nav li ul ul  a.vA{
	display: block;
	color: #333;
	background-color: #888888;
	height: 20px;
	line-height: 20px;
}
/*when mouseover the level-4 menu*/
#nav li ul ul  a.vASelected{
	display: block;
	background-color: #666666;
	color: #fff;
	height: 20px;
	line-height: 20px;	
	padding-left: 10px;
}
/*bottom corner for the level-4 menu*/
#nav li ul ul .xb2,#nav li ul ul .xb3,#nav li ul ul .xb4
{
	background:#888888 none repeat scroll 0 0;
	border-left:1px solid #888888;
	border-right:1px solid #888888;
}
#nav li ul ul .xb1
{
	background:#888888 none repeat scroll 0 0;
	height:1px;
	margin:0 5px;
}
/*------------End of Level-4 Menu----------------------*/