ul.topnav {  
    list-style: none;  
    margin: 0;  
    float: left;  
    background: url('/themes/inops_dark/images/top-bg1.png') repeat transparent;
    width: 973px;
    padding: 0px 10px;
    z-index: 100;
    font-weight: bold;
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/ 
}  
ul.topnav li a{  
    padding: 5px 0px 10px 5px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
	border-top: 5px solid transparent;
}  
ul.topnav li a:hover{  
    background-color: #333333;
}  
ul.topnav li a span { /*--Drop down trigger styles--*/  
    width: 15px;
    height: 27px;
	margin-left: 5px;
	float: right;
    background: url('/themes/inops_dark/images/subnav_btn.gif') no-repeat 50% -8px;  
}  
ul.topnav li a span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/  

ul.topnav li ul.subnav_left {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 34px;  
    background: url('/themes/inops_dark/images/top-bg1.png') repeat;
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    /* border: 1px solid grey; */
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    z-index: 100;
} 

ul.topnav li ul.subnav_right {
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    right: 0; top: 34px;  
    background: url('/themes/inops_dark/images/top-bg1.png') repeat;
    margin: 0; padding: 0;  
    display: none;  
    float: right;  
    width: 170px;  
    /* border: 1px solid grey; */
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    z-index: 100;
}

ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    /* border-top: 1px solid #252525; /*--Create bevel effect--*/  
    /* border-bottom: 1px solid #444; /*--Create bevel effect--*/
	background: url('/themes/inops_dark/images/triclosed.gif') no-repeat scroll 10px center #333333;
    clear: both;
    width: 170px;  
}  
ul.topnav li ul.subnav li a {  
    float: left;  
    width: 150px;  
    /* background: url('/themes/inops_dark/images/top-bg1.png') repeat transparent; */
    padding-left: 20px;
}  
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    /* background: #222 url('/themes/inops_dark/images/top-bg1.png') repeat; */
}