.glossymenu{
list-style-type: none;
margin: 0;
margin-top: 10px;
padding: 0;
/*width: 185px;*/
width:90px;
 /*WIDTH OF MAIN MENU ITEMS*/
/*border: 1px solid black;*/
border:1px;
}
 .glossymenu li ul{
list-style-type: none;
margin: 0;
margin-top: -1px;
/*margin-left:-21px;
*/
margin-left:-20px;
padding: 0;
/*width: 185px;*/
width:130px;
 /*WIDTH OF MAIN MENU ITEMS*/
border: 0px solid black;
/*padding-left:-100px;*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
/*background: white url(glossyback.gif) repeat-x bottom left;*/
font: bold 12px Tahoma, Helvetica, sans-serif;
color:black;
display: block;
/*width: auto;*/
/*padding: 0px 0;*/
padding: 5px 0;
/*padding-left: 10px;*/
text-decoration: none;
}
.glossymenu2 li a{
/*background: white url(glossyback.gif) repeat-x bottom left;*/
/*background-color:#3b7ada;*/
background:#3B7ADA url(http://ocielectronics.com/dev/img/arrow.png) no-repeat  1.1em 50%;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
/*color:black;*/
display: block;
/*width: auto;*/
/*padding: 5px 0px 6px 0px;*/
padding:5px 0 3px 31px;


/*/*padding-left: 10px;*/
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
/*width: 190px;*/ /*WIDTH OF SUB MENU ITEMS*/
width:130px;
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
/*width: 180px;*/
width:130px;
text-decoration:none;
 /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(img/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
text-decoration:none;
}
.glossymenu li a:hover{
/*background-image: url(glossyback2.gif);*/
color:white;

}

.glossymenu2 li a:hover{
/*background-image: url(glossyback2.gif);*/
background-color:blue;

}
.navlist
{
width: 7em;
/* to display the list horizontaly */
font-family: sans-serif;
margin: 0 0 0 3em;
padding: 0;
border-top: 1px #ff0000 solid;
border-left: 1px #FF0000 solid;
border-right: 1px #000 solid;
}

.navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: blue;
border-bottom: 1px #FF00 solid;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}

.navlist a:hover { background-color: orange; }
.navlist a:visited { color: #000; }











/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */












