﻿ul.topnav li.menuItem {
    background-image:url('../images/navRule.png');
    background-position:right top;
	background-repeat:no-repeat;
    height:26px;
	float: left;
	margin: 0;	
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
    padding:9px 0px 0px;
    text-align:center;
    vertical-align:middle;
    cursor: pointer;
}

ul.topnav li.menuItemRight {
    background-position:right top;
	background-repeat:no-repeat;
    height:26px;
	float: left;
	margin: 0;	
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
    padding:9px 0px 0px;
    text-align:center;
    vertical-align:middle;
    cursor: pointer;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 42px;
	float: left;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    /*position:relative;*/
	left: 0px; top: 35px;
	background-color: #e2e2e2;
	display: none;
	float: left;
    padding:20px;
	z-index:10004;
    zoom: 1;
	filter: alpha(opacity=95);
	opacity: 0.95;
}

ul.topnav li ul.subnav.rightMenu
{
    left:-202px;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	display:block;
	min-width: 280px;
}

html ul.topnav li ul.subnav li a {
	float: left;
	text-align:left;
}

html ul.topnav li ul.subnav li a.tabbed {
	margin-left:15px;
}

html ul.topnav li ul.subnav li a.more {
	font-weight:bold;
}

html ul.topnav li ul.subnav li a:hover {
    color: #000000;
}

/*Side Nav*/
ul.sidenav li {
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
    background-color: #303131;
}

ul.sidenav li span { /*--Drop down trigger styles--*/
	position: absolute;
	left:0px;
	top:0px;
	height: 42px;
	float: left;
}

ul.sidenav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.sidenav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 42px;
	background-color: #303131;
	display: none;
	width: 280px;
	border: 1px solid #111;
	z-index:10004;
}

ul.sidenav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	display:block;
	width: 280px;
}

html ul.sidenav li ul.subnav li a {
	float: left;
	width: 280px;
	padding: 8px 10px;
	text-align:left;
}

html ul.sidenav li ul.subnav li a:hover {
    background-color: #444444;
    color: #00A3DB;
    width: 260px;
}