/* LEFT MENU */
#leftmenu {
float: left;
width: 150px;
font-size: 12px;
z-index: 100;
padding-right:9px;}

#leftmenu ul {	
list-style: none;
width: 160px;
margin: 0 0 20px 0;
padding: 0;
font-size: 11px;
z-index: 100;}	

#leftmenu ul li {
margin-bottom: 4px;
z-index: 100;}

/*main menu attributes*/
#leftmenu ul li a { 
font-weight: bold;
height: 24px;
text-decoration: none;
color: #FFF;
display: block;
padding: 6px 0 0 10px;
background: #307c98;
border-left: 3px #000 solid;
z-index: 100;}

#leftmenu ul li a:hover {
background: #90c9dd;
color: #012655;
text-decoration:underline;
border-left: 4px #000 solid;
z-index: 100;}

/*sub menu attributes*/
#leftmenu ul li ul li a { 
font-weight: bold;
font-size:10px;
height: 16px;
text-decoration: none;
color: #FFF;
display: block;
padding: 6px 0 0 10px;
background: #307c98;
border-left: 3px #000 solid;
z-index: 100;}


#leftmenu ul li ul {
display:none; 
border:none;
z-index: 100;}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
z-index: 100;}

.glossymenu li{
position: relative;
z-index: 100;}

.glossymenu li a{
font: bold 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none;
z-index: 100;}

/*SUB MENU STYLE background of pop outs*/
.glossymenu li ul{ 
position:absolute;
width: 180px !important /*Non-IE6*/; width:180px/*IE6*/; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
background: #000;
z-index: 100;}

.glossymenu li ul li{
float: left;
z-index: 100;}

/*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
.glossymenu li ul a{
width: 167px;
z-index: 100;}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(../images/arrow.gif) no-repeat center right;}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
z-index: 100;}

.glossymenu li a:hover{
background:#307c98;
z-index: 100;}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

