div#menu {
	background:url(../images/menuBg.png) repeat-x;
	position: relative;
    height: 29px;
    margin: 0;
}

.menu,
.menu li,
.menu li a{
	list-style-type:none;
}



/* Menu Styling */
/* Active */
#mainmenu-nav #active_menu-nav,
#mainmenu-nav #active_menu-nav.haschild {
	background: #A80000;
}

#mainmenu-nav li a#active_menu-nav.hassubchild {
	background: #A80000 url(../images/hassubchild.gif) no-repeat right center;
}

#mainmenu-nav li a#active_menu-nav.haschild {
	background: #A80000;
}

/* $2 - Hover state on all levels with NO Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a,
/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a,
/* 4th Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a {
	color: #fff;
	background: #63C163;
	margin: 0;
}

ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild,
/* 3rd Menu Hover Persistence - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a.hassubchild {
	background: #63C163 url(../images/hassubchild.gif) no-repeat right center;
}





/* $1 - Top Suckerfish Menu
----------------------------------------------------------------------------*/

ul#mainmenu-nav {
	bottom: 0;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	height: 29px;
	z-index: 100;
	padding-top: 0px;
}

ul#mainmenu-nav li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	/*background: url(../images/menu-seperator.jpg) no-repeat top right!important;*/
	/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	background: none;
	text-indent: 0px;
}


ul#mainmenu-nav li ul {
	border: 1px solid #ccc;
	z-index: 100;
}


ul#mainmenu-nav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 180px;
	list-style: none;
	display: none;
	position: absolute;
	top: 29px;
	left: -1px;
}

ul#mainmenu-nav ul:after 
	/*From IE 7 lack of compliance*/ {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}


ul#mainmenu-nav ul li {
	position: relative;
	top: 0;
	bottom: 0;
	z-index: 100;
	width: 180px;
	float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	display: inline;
	/*For IE*/
}

/* $1 - Top level menu items in their normal state
----------------------------------------------------------------------------*/
ul#mainmenu-nav a {
	padding: 0 10px;
	margin: 0;
	float: none !important;
	/*For Opera*/
	float: left;
	/*For IE*/
	display: block;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:normal;
	font-size: 11px;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	/*For IE*/
	line-height: 29px;
	border-right: 1px solid #FFFFFF;
}

ul#mainmenu-nav a.haschild {
}

/* Active */
#mainmenu-nav #active_menu-nav,
#mainmenu-nav #active_menu-nav.haschild {
border-left:1px solid #fff;
border-right:1px solid #fff;
}

#mainmenu-nav li a#active_menu-nav.hassubchild {
}

#mainmenu-nav li a#active_menu-nav.haschild {
}


/* $1 - Top level menu items in their hover state
----------------------------------------------------------------------------*/
ul#mainmenu-nav a:hover,
ul#mainmenu-nav li:hover a,
ul#mainmenu-nav li.iehover a {
	color: #fff;
}

ul#mainmenu-nav a.haschild:hover,
ul#mainmenu-nav li:hover a.haschild,
ul#mainmenu-nav li.iehover a.haschild {
	background: url(../images/menuOver.png) repeat-x;
	color: #fff;
}


/* $1 - Normal state on all levels with NO Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Normal State*/
ul#mainmenu-nav li:hover li a,
ul#mainmenu-nav li.iehover li a,
/* 3rd Menu Normal State*/
ul#mainmenu-nav li:hover li:hover li a,
ul#mainmenu-nav li.iehover li.iehover li a,
/* 4th Menu Normal State*/
ul#mainmenu-nav li:hover li:hover li:hover li a,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a {
	float: none;
	padding: 0 10px;
	color: #009900;
	background: #F1F1F1;
	border: 0;
	margin: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	line-height: 23px;
	font-weight: bold;
}

/* $2 - Hover state on all levels with NO Child Elements
---------------------------------------------------------------------------*/
/* 2nd Menu Hover Persistence */
ul#mainmenu-nav li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover a,
ul#mainmenu-nav li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover a,
/* 3rd Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a,
/* 4th Menu Hover Persistence */
ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a {
	color: #fff;
	margin: 0;
}

/* $3 - Normal state on all levels with Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild,
/* 3rd Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild,
/* 4th Menu Normal State - With Child Elements */
ul#mainmenu-nav li:hover li:hover li:hover li a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li.iehover li a.hassubchild {
	float: none;
	padding: 0 10px;
	background: #F1F1F1 url(../images/hassubchild.gif) no-repeat right center;
	color: #009900;
	border-right: 0;
	margin: 0;
}


/* $4 - Hover state on all levels with Child Elements
----------------------------------------------------------------------------*/
/* 2nd Menu Hover Persistence - With Child Elements */
ul#mainmenu-nav li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover a.hassubchild,
/* 3rd Menu Hover Persistence - With Child Elements */
ul#mainmenu-nav li:hover li:hover li a.hassubchild:hover,
ul#mainmenu-nav li:hover li:hover li:hover a.hassubchild,
ul#mainmenu-nav li.iehover li.iehover li a.hassubchild:hover,
ul#mainmenu-nav li.iehover li.iehover li.iehover a.hassubchild {
	color: #fff;
}

/* $4 - Active state on all levels with Child Elements
----------------------------------------------------------------------------*/
#mainmenu-nav #active_menu-nav,
#mainmenu-nav #active_menu-nav.haschild {
	color: #fff;
	background-repeat: repeat;
	margin: 0;
	margin-left: -1px;
}

#mainmenu-nav li li * a#active_menu-nav {
	font-weight: normal;
}

#mainmenu-nav #active_menu-nav:hover,
#mainmenu-nav #active_menu-nav.haschild:hover {
	margin: 0 0 0 -1px;
	background: url(../images/menuSel.png) repeat-x;
}


/* $4 - Active state on all levels with Child Elements
----------------------------------------------------------------------------*/
ul#mainmenu-nav ul ul,
ul#mainmenu-nav ul ul ul {
	display: none;
	position: absolute;
	top: 1px;
	left: 180px;
	margin: 0;
}

ul#mainmenu-nav ul {
	font-size: 11px;
}

ul#mainmenu-nav ul ul li {
	width: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#mainmenu-nav li:hover ul ul,
ul#mainmenu-nav li:hover ul ul ul,
ul#mainmenu-nav li.iehover ul ul,
ul#mainmenu-nav li.iehover ul ul ul {
	display: none;
}

ul#mainmenu-nav li:hover ul,
ul#mainmenu-nav ul li:hover ul,
ul#mainmenu-nav ul ul li:hover ul,
ul#mainmenu-nav li.iehover ul,
ul#mainmenu-nav ul li.iehover ul,
ul#mainmenu-nav ul ul li.iehover ul {
	display: block;
}

ul#mainmenu-nav li ul a {
	border-left: 10px solid green;
}

/* $2 - Sidebar menu
----------------------------------------------------------------------------*/

ul#mainlevel li,
ul#mainlevel-right li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
}

ul#mainlevel li a,
ul#mainlevel-right li a {
	background: #2A3233 url(../images/side-menu-icon.png) no-repeat 10px 8px;
	margin: 0;
	padding: 0;
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #394040;
	margin-left: -10px;
	margin-right: -10px;
	display: block;
	padding: 5px 0 5px 28px;
	font-size: 100%;
}

ul#mainmenu-nav a:hover,
ul#mainmenu-nav li:hover a,
ul#mainmenu-nav li.iehover a,
ul#mainmenu-right a:hover,
ul#mainmenu-right li:hover a,
ul#mainmenu-right li.iehover a {
	background: url(../images/menuOver.png) repeat-x;
	color: #fff;
}

ul#mainlevel a#active_menu,
ul#mainlevel-right a#active_menu {
	color: #fff;
}


/* $2 - Sidebar menu
----------------------------------------------------------------------------*/

#left ul#mainlevel,
#right ul#mainlevel {
	padding: 0;
	margin: 0;
	margin-top: -8px;
	margin-bottom: -9px;
}

ul#mainlevel li {
	margin: 0;
	padding: 0;
	background: none;
	list-style-type: none;
}

ul#mainlevel li a {
	background: #2A3233 url(../images/side-menu-icon.png) no-repeat 10px 8px;
	margin: 0;
	padding: 0;
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #394040;
	margin-left: -10px;
	margin-right: -10px;
	display: block;
	padding: 5px 0 5px 28px;
	font-size: 100%;
}

ul#mainlevel a#active_menu {
	color: #fff;
}