/*----------------------------------------------------------------------------
Menu Style Sheet
Template Name:JJ Absolute Flush
Version:1.0
Author:JoomlaJunkie
Support:http://forum.joomlajunkie.com
Template Guide:http://guides.joomlajunkie.com
NOTE:Always make a backup of your stylesheets before editing!
----------------------------------------------------------------------------*/
/* Top Navigation
*****************************************/
ul#mainmenu-nav{position:absolute;left:0;bottom:0;margin:0;border:0 none;padding:0;list-style:none;}
ul#mainmenu-nav li{margin:0;border:0 none;padding:0;float:left;/*For Gecko*/
display:inline;list-style:none;position:relative;background:none;}
/* Different color menu item dividers */
body.green ul#mainmenu-nav li{border-right:1px solid #A3BD4A;}
body.blue ul#mainmenu-nav li{border-right:1px solid #6191B5;}
body.red ul#mainmenu-nav li{border-right:1px solid #BA453E;}
body.orange ul#mainmenu-nav li{border-right:1px solid #DC6245;}
body.pink ul#mainmenu-nav li{border-right:1px solid #E95979;}
ul#mainmenu-nav ul{margin:0;border:0 none;padding:0;width:180px;list-style:none;display:none;position:absolute;top:28px;left:0;}
ul#mainmenu-nav ul:after 
/* for 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:999;width:180px;float:left;/*For IE 7 lack of compliance*/
display:block !important;display:inline;/*For IE*/
border-right:0;}
/* Top level 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:#fff;font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:1.1em;text-decoration:none;height:auto !important;height:1%;/*For IE*/
line-height:29px;}
ul#mainmenu-nav a.haschild{background:transparent url(../images/structure/haschild.gif) no-repeat scroll 51% 105%;}
/* Top level items in their hover state
*****************************************/
ul#mainmenu-nav a:hover,
ul#mainmenu-nav li:hover a,
ul#mainmenu-nav li.iehover a{color:#fff;}
body.blue #nav ul#mainmenu-nav a#active_menu-nav,
body.blue ul#mainmenu-nav a:hover,
body.blue ul#mainmenu-nav li:hover a,
body.blue ul#mainmenu-nav li.iehover a{background:#2D5F84 url(../images/blue/menu-on.jpg) repeat-x top center;}
body.green #nav ul#mainmenu-nav a#active_menu-nav,
body.green ul#mainmenu-nav a:hover,
body.green ul#mainmenu-nav li:hover a,
body.green ul#mainmenu-nav li.iehover a{background:#627816 url(../images/green/menu-on.jpg) repeat-x top center;}
body.red #nav ul#mainmenu-nav a#active_menu-nav,
body.red ul#mainmenu-nav a:hover,
body.red ul#mainmenu-nav li:hover a,
body.red ul#mainmenu-nav li.iehover a{background:#8F120C url(../images/red/menu-on.jpg) repeat-x top center;}
body.orange #nav ul#mainmenu-nav a#active_menu-nav,
body.orange ul#mainmenu-nav a:hover,
body.orange ul#mainmenu-nav li:hover a,
body.orange ul#mainmenu-nav li.iehover a{background:#C7420D url(../images/orange/menu-on.jpg) repeat-x top center;}
body.pink #nav ul#mainmenu-nav a#active_menu-nav,
body.pink ul#mainmenu-nav a:hover,
body.pink ul#mainmenu-nav li:hover a,
body.pink ul#mainmenu-nav li.iehover a{background:#A72C48 url(../images/pink/menu-on.jpg) repeat-x top center;}
/* Top level items with child items hover
*****************************************/
body.blue #nav ul#mainmenu-nav a#active_menu-nav.haschild,
body.blue ul#mainmenu-nav a.haschild:hover,
body.blue ul#mainmenu-nav li:hover a.haschild,
body.blue ul#mainmenu-nav li.iehover a.haschild{background:url(../images/blue/over-withchild.jpg) repeat-x top center;}
body.green #nav ul#mainmenu-nav a#active_menu-nav.haschild,
body.green ul#mainmenu-nav a.haschild:hover,
body.green ul#mainmenu-nav li:hover a.haschild,
body.green ul#mainmenu-nav li.iehover a.haschild{background:url(../images/green/over-withchild.jpg) repeat-x top center;}
body.orange #nav ul#mainmenu-nav a#active_menu-nav.haschild,
body.orange ul#mainmenu-nav a.haschild:hover,
body.orange ul#mainmenu-nav li:hover a.haschild,
body.orange ul#mainmenu-nav li.iehover a.haschild{background:url(../images/orange/over-withchild.jpg) repeat-x top center;}
body.red #nav ul#mainmenu-nav a#active_menu-nav.haschild,
body.red ul#mainmenu-nav a.haschild:hover,
body.red ul#mainmenu-nav li:hover a.haschild,
body.red ul#mainmenu-nav li.iehover a.haschild{background:url(../images/red/over-withchild.jpg) repeat-x top center;}
body.pink #nav ul#mainmenu-nav a#active_menu-nav.haschild,
body.pink ul#mainmenu-nav a.haschild:hover,
body.pink ul#mainmenu-nav li:hover a.haschild,
body.pink ul#mainmenu-nav li.iehover a.haschild{background:url(../images/pink/over-withchild.jpg) repeat-x top center;}
/* Normal state on all child items
*****************************************/
/* 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:5px 10px;color:#fff;border-top:none;line-height:1.2em;}
body.blue ul#mainmenu-nav li:hover li a,
body.blue ul#mainmenu-nav li.iehover li a,
body.blue ul#mainmenu-nav li:hover li:hover li a,
body.blue ul#mainmenu-nav li.iehover li.iehover li a,
body.blue ul#mainmenu-nav li:hover li:hover li:hover li a,
body.blue ul#mainmenu-nav li.iehover li.iehover li.iehover li a{border-bottom:1px solid #6191B5;}
body.green ul#mainmenu-nav li:hover li a,
body.green ul#mainmenu-nav li.iehover li a,
body.green ul#mainmenu-nav li:hover li:hover li a,
body.green ul#mainmenu-nav li.iehover li.iehover li a,
body.green ul#mainmenu-nav li:hover li:hover li:hover li a,
body.green ul#mainmenu-nav li.iehover li.iehover li.iehover li a{border-bottom:1px solid #84A21C;}
body.red ul#mainmenu-nav li:hover li a,
body.red ul#mainmenu-nav li.iehover li a,
body.red ul#mainmenu-nav li:hover li:hover li a,
body.red ul#mainmenu-nav li.iehover li.iehover li a,
body.red ul#mainmenu-nav li:hover li:hover li:hover li a,
body.red ul#mainmenu-nav li.iehover li.iehover li.iehover li a{border-bottom:1px solid #BA453E;}
body.orange ul#mainmenu-nav li:hover li a,
body.orange ul#mainmenu-nav li.iehover li a,
body.orange ul#mainmenu-nav li:hover li:hover li a,
body.orange ul#mainmenu-nav li.iehover li.iehover li a,
body.orange ul#mainmenu-nav li:hover li:hover li:hover li a,
body.orange ul#mainmenu-nav li.iehover li.iehover li.iehover li a{border-bottom:1px solid #DC6245;}
body.pink ul#mainmenu-nav li:hover li a,
body.pink ul#mainmenu-nav li.iehover li a,
body.pink ul#mainmenu-nav li:hover li:hover li a,
body.pink ul#mainmenu-nav li.iehover li.iehover li a,
body.pink ul#mainmenu-nav li:hover li:hover li:hover li a,
body.pink ul#mainmenu-nav li.iehover li.iehover li.iehover li a{border-bottom:1px solid #BB3050;}
/* Red child items specific styling */
body.red ul#mainmenu-nav li:hover li a,
body.red ul#mainmenu-nav li.iehover li a,
body.red ul#mainmenu-nav li:hover li:hover li a,
body.red ul#mainmenu-nav li.iehover li.iehover li a,
body.red ul#mainmenu-nav li:hover li:hover li:hover li a,
body.red ul#mainmenu-nav li.iehover li.iehover li.iehover li a{background:#7E0202;}
/* Orange child items specific styling */
body.orange ul#mainmenu-nav li:hover li a,
body.orange ul#mainmenu-nav li.iehover li a,
body.orange ul#mainmenu-nav li:hover li:hover li a,
body.orange ul#mainmenu-nav li.iehover li.iehover li a,
body.orange ul#mainmenu-nav li:hover li:hover li:hover li a,
body.orange ul#mainmenu-nav li.iehover li.iehover li.iehover li a{background:#AD2F16;}
/* Blue child items specific styling */
body.blue ul#mainmenu-nav li:hover li a,
body.blue ul#mainmenu-nav li.iehover li a,
body.blue ul#mainmenu-nav li:hover li:hover li a,
body.blue ul#mainmenu-nav li.iehover li.iehover li a,
body.blue ul#mainmenu-nav li:hover li:hover li:hover li a,
body.blue ul#mainmenu-nav li.iehover li.iehover li.iehover li a{background:#2D5F84;}
/* Green child items specific styling */
body.green ul#mainmenu-nav li:hover li a,
body.green ul#mainmenu-nav li.iehover li a,
body.green ul#mainmenu-nav li:hover li:hover li a,
body.green ul#mainmenu-nav li.iehover li.iehover li a,
body.green ul#mainmenu-nav li:hover li:hover li:hover li a,
body.green ul#mainmenu-nav li.iehover li.iehover li.iehover li a{background:#627816;}
/* Pink child items specific styling */
body.pink ul#mainmenu-nav li:hover li a,
body.pink ul#mainmenu-nav li.iehover li a,
body.pink ul#mainmenu-nav li:hover li:hover li a,
body.pink ul#mainmenu-nav li.iehover li.iehover li a,
body.pink ul#mainmenu-nav li:hover li:hover li:hover li a,
body.pink ul#mainmenu-nav li.iehover li.iehover li.iehover li a{background:#922B40;}
/* Hover state on all levels with no child
*****************************************/
/* 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;}
/* Blue Hover on Child Items */
body.blue ul#mainmenu-nav li:hover li a:hover,
body.blue ul#mainmenu-nav li:hover li:hover a,
body.blue ul#mainmenu-nav li.iehover li a:hover,
body.blue ul#mainmenu-nav li.iehover li.iehover a
body.blue ul#mainmenu-nav li:hover li:hover li a:hover,
body.blue ul#mainmenu-nav li:hover li:hover li:hover a,
body.blue ul#mainmenu-nav li.iehover li.iehover li a:hover,
body.blue ul#mainmenu-nav li.iehover li.iehover li.iehover a,
body.blue ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
body.blue ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
body.blue ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
body.blue ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a{background:#4585B1;}
/* Red Hover on Child Items */
body.red ul#mainmenu-nav li:hover li a:hover,
body.red ul#mainmenu-nav li:hover li:hover a,
body.red ul#mainmenu-nav li.iehover li a:hover,
body.red ul#mainmenu-nav li.iehover li.iehover a
body.red ul#mainmenu-nav li:hover li:hover li a:hover,
body.red ul#mainmenu-nav li:hover li:hover li:hover a,
body.red ul#mainmenu-nav li.iehover li.iehover li a:hover,
body.red ul#mainmenu-nav li.iehover li.iehover li.iehover a,
body.red ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
body.red ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
body.red ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
body.red ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a{background:#AE2014;}
/* Orange Hover on Child Items */
body.orange ul#mainmenu-nav li:hover li a:hover,
body.orange ul#mainmenu-nav li:hover li:hover a,
body.orange ul#mainmenu-nav li.iehover li a:hover,
body.orange ul#mainmenu-nav li.iehover li.iehover a
body.orange ul#mainmenu-nav li:hover li:hover li a:hover,
body.orange ul#mainmenu-nav li:hover li:hover li:hover a,
body.orange ul#mainmenu-nav li.iehover li.iehover li a:hover,
body.orange ul#mainmenu-nav li.iehover li.iehover li.iehover a,
body.orange ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
body.orange ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
body.orange ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
body.orange ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a{background:#DD4513;}
/* Pink Hover on Child Items */
body.pink ul#mainmenu-nav li:hover li a:hover,
body.pink ul#mainmenu-nav li:hover li:hover a,
body.pink ul#mainmenu-nav li.iehover li a:hover,
body.pink ul#mainmenu-nav li.iehover li.iehover a
body.pink ul#mainmenu-nav li:hover li:hover li a:hover,
body.pink ul#mainmenu-nav li:hover li:hover li:hover a,
body.pink ul#mainmenu-nav li.iehover li.iehover li a:hover,
body.pink ul#mainmenu-nav li.iehover li.iehover li.iehover a,
body.pink ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
body.pink ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
body.pink ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
body.pink ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a{background:#AE2D49;}
/* Green Hover on Child Items */
body.green ul#mainmenu-nav li:hover li a:hover,
body.green ul#mainmenu-nav li:hover li:hover a,
body.green ul#mainmenu-nav li.iehover li a:hover,
body.green ul#mainmenu-nav li.iehover li.iehover a
body.green ul#mainmenu-nav li:hover li:hover li a:hover,
body.green ul#mainmenu-nav li:hover li:hover li:hover a,
body.green ul#mainmenu-nav li.iehover li.iehover li a:hover,
body.green ul#mainmenu-nav li.iehover li.iehover li.iehover a,
body.green ul#mainmenu-nav li:hover li:hover li:hover li a:hover,
body.green ul#mainmenu-nav li:hover li:hover li:hover li:hover a,
body.green ul#mainmenu-nav li.iehover li.iehover li.iehover li a:hover,
body.green ul#mainmenu-nav li.iehover li.iehover li.iehover li.iehover a{background:#788F1A;}

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

/* Sub items active state
*****************************************/
body.green #nav ul#mainmenu-nav ul a#active_menu-nav{background-color:#586B14;background-image:none;}
body.blue #nav ul#mainmenu-nav ul a#active_menu-nav{background-color:#295777;background-image:none;}
body.orange #nav ul#mainmenu-nav ul a#active_menu-nav{background-color:#932812;background-image:none;}
body.pink #nav ul#mainmenu-nav ul a#active_menu-nav{background-color:#772336;background-image:none;}
body.red #nav ul#mainmenu-nav ul a#active_menu-nav{background-color:#6B0202;background-image:none;}

/* Active state on all levels with child
*****************************************/
body.green #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild{background:#586B14 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.blue #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild{background:#295777 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.orange #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild{background:#932812 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.pink #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild{background:#772336 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.red #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild{background:#6B0202 url(../images/structure/hassubchild.gif) no-repeat center right;}

/* Active hover state on all levels with child
*****************************************/
body.green #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild:hover{background:#788F1A url(../images/structure/hassubchild.gif) no-repeat center right;}
body.blue #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild:hover{background:#295777 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.orange #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild:hover{background:#932812 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.pink #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild:hover{background:#772336 url(../images/structure/hassubchild.gif) no-repeat center right;}
body.red #nav ul#mainmenu-nav ul a#active_menu-nav.hassubchild:hover{background:#6B0202 url(../images/structure/hassubchild.gif) no-repeat center right;}

/* Hover state on all levels with child
*****************************************/
/* 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;background:#3673A0;}

/* Positioning the child flyouts
*****************************************/
ul#mainmenu-nav ul ul,
ul#mainmenu-nav ul ul ul{display:none;position:absolute;top:0;left:160px;margin-left:19px;}
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;}

/* Sidebar Menu when set to flatlist
*****************************************/
#sidebar .menu,
#sidebar .menu-sidenav2,
#sidebar .menu-sidenav3{padding:0;margin:0;margin-top:-6px;width:90%;}
#main #sidebar .menu li,
#sidebar .menu-sidenav2 li,
#sidebar .menu-sidenav3 li{list-style-type:none;margin:0;padding:0;background-image:none;}
#sidebar .menu li a,
#sidebar .menu li a:visited,
#sidebar .menu-sidenav2 li a,
#sidebar .menu-sidenav2 li a:visited,
#sidebar .menu-sidenav3 li a,
#sidebar .menu-sidenav3 li a:visited,
#sidebar .menu li span.separator{text-decoration:none;width:95%;display:block;padding:6px 0 6px 20px;color:#777;border-bottom:1px solid #eee;}
#sidebar .menu li a:hover,
#sidebar .menu li a#active_menu,
#sidebar .menu-sidenav2 li a:hover,
#sidebar .menu-sidenav2 li#active_menu,
#sidebar .menu-sidenav3 li a:hover,
#sidebar .menu-sidenav3 li#active_menu{background-color:#FBFBF6!important;}

/*sidebar nav sub items*/
#sidebar .menu ul{margin:0;}
#sidebar .menu li ul{padding-left:15px;}