/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul
{ /*topmost and sub ULs, respectively*/
	font: bold 60% Verdana;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: #82CAFF;
	border: 1px solid #FFFFFF;
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
	text-align:left;
	vertical-align:middle;
}


.ddsubmenustyle li a
{
	display: block;
	width:auto;
	color: #151B54;
	text-decoration: none;
	padding: 4px 5px;
	border: 1px solid #FFFFFF;

}

* html .ddsubmenustyle li a
{ /*IE6 CSS hack*/
  display: inline-block;
  width: auto;
}

.ddsubmenustyle li a:hover
{
	background-color: #000099;
	color:Yellow;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer
{ /*CSS for "down" arrow image added to top menu items*/
  padding-left: 4px;
  border: 0;
}

.rightarrowpointer
{ /*CSS for "right" arrow image added to drop down menu items*/
  position: absolute;
  padding-top: 3px;
  right: 2px;
  border: 0;
  left: 100px;
}

.ddiframeshim
{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}



.glossymenu
{
	width: 100%; /*width of side bar menu*/
	clear: left;
	position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
	text-align: left;
	font: bold 13px Verdana;
    color: white;
		
}

.glossymenu a.menuitem
{
  
  font: bold 7pt Verdana;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	background: url(../images/glossybackTest3.png) repeat-x bottom left;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color: white;
}

.glossymenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
  position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
/*  background-image: url(glossyback2.gif); 
background: #800000;*/
color: yellow;
background-image: url(../images/glossyback2.gif);

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*  background: white;  
    background-image: url(3idImg.png);*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
background-image: url(../images/glossyback.gif);
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;

}

.glossymenu div.submenu ul li a{
display: block;
/* background: #800000; */
font: bold 7pt Verdana;
color: #151B54;
text-decoration: none;
padding: 4px 5px;
padding-left: 20px;
background-image: url(../images/glossyback.gif);
}

.glossymenu div.submenu ul li a:hover{
/* background: #000099; */
color: yellow;
background: url(../images/glossybackTest3.png) repeat-x bottom left;
}

/**************
ICON Drop Menu 
*************/

.glossyDropMenu
{
	width: 100%; /*width of side bar menu*/
	clear: left;
	position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
	text-align: left;
	font: bold 7pt Verdana;
  color: white;
		
}

.glossyDropMenu a.menuitem
{
  
  font: bold 7pt Verdana;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
  background: url(../images/glossybackTest3.png) repeat-x bottom left;
}


.glossyDropMenu a.menuitem:visited, .glossyDropMenu .menuitem:active
{
    color: white;
}

.glossyDropMenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
  position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossyDropMenu a.menuitem:hover{
/*  background-image: url(glossyback2.gif); 
background: #800000;*/
color: yellow;
background-image: url(../images/glossyback2.gif);


}

.glossyDropMenu div.submenu{ /*DIV that contains each sub menu*/
/*  background: white;  
    background-image: url(3idImg.png);*/
		
}

.glossyDropMenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
background-image: url(../images/glossyback.gif);

}

.glossyDropMenu div.submenu ul li{
border-bottom: 1px solid white;

}

.glossyDropMenu div.submenu ul li a{
display: block;
background-color:#0099FF;
font: bold 7pt Verdana;
color: #151B54;
text-decoration: none;
padding: 4px 5px;
padding-left: 0px;
text-align:left;
vertical-align:text-top;
background-image: url(../images/glossyback.gif);
}

.glossyDropMenu div.submenu ul li a:hover{
 background: #000099;
color: yellow;
background: url(../images/glossybackTest3.png) repeat-x bottom left;

}


/* DPW MENU */

.DPWDropMenu
{
	width: 100%; /*width of side bar menu*/
	clear: left;
	position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
	text-align: left;
	font: bold 7pt Verdana;
    color: white;
		
}



.DPWDropMenu a.menuitem
{
  
  font: bold 7pt Verdana;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	/* border-bottom: 1px solid #FFFFFF; */
 
}

.DPWDropMenu .menuitem.header{
	color:white;
	font: bold 7pt Verdana;
	padding-left: 10px;
	text-transform:uppercase;
	/* border-bottom: 1px solid #FFFFFF; */
 
}



.DPWDropMenu a.menuitem:visited, .glossyDropMenu .menuitem:active
{
    color: white;
}

.DPWDropMenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
  position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.DPWDropMenu a.menuitem:hover{
/*  background-image: url(glossyback2.gif); 
background: #800000;*/
color: yellow;
background: url(../images/table-bg.png) repeat;


}


.DPWDropMenu a.submenuitem
{
  
  font: bold 7pt Verdana;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	
	padding-top: 2px;
	padding-bottom:2px;
	padding-left: 20px;
	text-decoration: none;
	/* border-bottom: 1px solid #FFFFFF; */
 
}


.DPWDropMenu a.submenuitem:visited, .glossyDropMenu .menuitem:active
{
    color: white;
}

.DPWDropMenu a.submenuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
  position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.DPWDropMenu a.submenuitem:hover{
/*  background-image: url(glossyback2.gif); 
background: #800000;*/
color: yellow;
background: url(../images/table-bg.png) repeat;


}


.DPWDropMenu div.submenu{ /*DIV that contains each sub menu*/
/*  background: white;  
    background-image: url(3idImg.png);*/
		
}

.DPWDropMenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding-left:10px;


}

.DPWDropMenu div.submenu ul li{
/* border-bottom: 1px solid white; */


}

.DPWDropMenu div.submenu ul li a{
display: block;
font: bold 7pt Verdana;
color: white;
text-decoration: none;
padding: 4px 5px;
padding-left: 20px;
text-align:left;
vertical-align:text-top;

}

.DPWDropMenu div.submenu ul li a:hover{
 background: #000099;
color: yellow;
background: url(../images/table-bg.png) repeat;
}

.DPWDropMenu .menuitem.submenuheader{
  
  font: bold 7pt Verdana;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 20px;
	text-decoration: none;
	/* border-bottom: 1px solid #FFFFFF; */
}