body{ font-family: Verdana; font-size:12px;}

.headmenu{ background:#096407; height:19px; text-align:center; color:#FFF;}
.headmenu a:link, .headmenu a:visited{ color:#FFF; text-decoration:none; margin:0px 12px;}
.headmenu a:hover{ color:#d0ea8a; text-decoration:none;}
.headmenu ul li{float:left; list-style-type: none;}
.headmenu ul{ margin:0 0 0 395px; padding:3px 0 0 0; /*width:100%;*/ text-align:center; font-size:11px;}

.menubg li ul li{ float:left; list-style-type:none; padding:0px; text-align:center; width:125px;}
.menubg li ul { margin:0px;}

#flexipages-2 .page-item-489{ margin-left:24px;}
#flexipages-2 .page-item-7{ margin-left:10px;}
#flexipages-2 .page-item-8{ margin-left:5px;}

/*MENU BEGIN*/

.page_item:hover{ background:transparent;}
#flexipages-4 {width:100%; height:28px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #flexipages-4 {width:90%; w\idth:90%;}
/* remove all the bullets, borders and padding from the default list styling */
#flexipages-4 ul {padding:0;margin:0;list-style-type:none;}
#flexipages-4 ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#flexipages-4 li {float:left; width:125px; position:relative;}
/* style the links for the top level */
#flexipages-4 a, #flexipages-4 a:visited {display:block;font-size:11px;text-decoration:none;  width:auto; height:16px; padding-top:12px; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #flexipages-4 a, * html #flexipages-4 a:visited {width:auto; w\idth:auto;}
/*#flexipages-4 ul ul a.drop, #flexipages-4 ul ul a.drop:visited {background:#e0f3ad} style the second level background */
/*#flexipages-4 ul ul a.drop:hover{background:#b7d186;} style the second level hover */
/*#flexipages-4 ul ul :hover > a.drop {background:#b7d186;}*/
#flexipages-4 ul ul ul a, #flexipages-4 ul ul ul a:visited {background:#e0f3ad;}/* style the third level background */
/*#flexipages-4 ul ul ul a:hover {background:#b7d186;} style the third level hover */
/* hide the sub levels and give them a positon absolute so that they take up no room */
#flexipages-4 ul ul {visibility:hidden; position:absolute; height:0; top:28px; left:0; width:auto;}
* html #flexipages-4 ul ul {top:28px;t\op:28px;}/* another hack for IE5.5 */
#flexipages-4 ul ul ul{left:140px; top:0px; width:auto;}/* position the third level flyout menu */
#flexipages-4 ul ul ul.left {left:-140px;}/* position the third level flyout menu for a left flyout */
/* style the table so that it takes no ppart in the layout - required for IE to work */
#flexipages-4 table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#flexipages-4 ul ul a, #flexipages-4 ul ul a:visited {background:#e0f3ad;  height:auto; padding:5px 6px; width:128px; border:#FFF solid; border-width:0 1px 1px 1px;}
* html #flexipages-4 ul ul a, * html #flexipages-4 ul ul a:visited {width:150px;w\idth:128px;}/* yet another hack for IE5.5 */
#flexipages-4 a:hover, #flexipages-4 ul ul a:hover{ background:#b7d186;}/* style the top level hover */
/*#flexipages-4 :hover > a, #flexipages-4 ul ul :hover > a { background:#b7d186;}*/
/* make the second level visible when hover on first level list OR link */
#flexipages-4 ul li:hover ul, #flexipages-4 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#flexipages-4 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#flexipages-4 ul :hover ul :hover ul{ visibility:visible;}
#flexipages-4 ul a:hover{ background:transparent;}
