/*  OVERALL MENU */

.pf-cssmenu-2012-main-menu-mobile {
width: 100%;
float: left;
text-align: left;
padding: 0;
margin: 0;
line-height: 47px;
list-style-type: none;
padding-top: 1px;
padding-bottom:20px;
}

/* UNORDERED LIST ITEMS (GROUP OF SUB LEVEL) */
.pf-cssmenu-2012-main-menu-mobile ul {
clear: both;
padding: 0;
margin: 0;
list-style-type: none;
padding-left: 30px;
}

/* LIST ITEMS OF MENU (ALL MAIN MENU ITEMS WITHOUT SUB NAVIGATION) */

.pf-cssmenu-2012-main-menu-mobile li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}


/* MAIN MENU ITEMS */

.pf-cssmenu-2012-main-menu-mobile a:link, .pf-cssmenu-2012-main-menu-mobile a:visited {
padding: 0px 10px;
display: block;
height: 37px;
color: 
white;
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
text-decoration: none;
text-shadow: 1px 1px 1px 
black;
line-height: 37px;
}


/* SUB CAPITON (if applicable) */

.pf-cssmenu-2012-main-menu-mobile .menu-sub-caption {
    height:12px;
}


/* ACTIVE MENU ITEMS (not compatible with IE 6) */

.pf-cssmenu-2012-main-menu-mobile a.item-on {

}


/* HOVER OVER MAIN MENU ITEMS */

.pf-cssmenu-2012-main-menu-mobile a:hover,
.pf-cssmenu-2012-main-menu-mobile a:active {
    color: #000;
background-color:#fff;
text-shadow:none;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

/* SUB LEVEL MENU ITEMS */

.pf-cssmenu-2012-main-menu-mobile .lev2 a:link,
.pf-cssmenu-2012-main-menu-mobile .lev2 a:visited {
    padding: 5px 10px;
    height:auto;
    line-height: 14px;
    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
}

/* HOVER OVER SUB LEVEL MENU ITEMS */

.pf-cssmenu-2012-main-menu-mobile .lev2 a:hover,
.pf-cssmenu-2012-main-menu-mobile .lev2 a:active {
    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
}

/* LIST ITEM HOVER ON UNORDERED LISTS (NOTHING TO EDIT) */

.pf-cssmenu-2012-main-menu-mobile li:hover > ul {
    display: block;
}


/* HOVER OVER ON MAIN MENU ITEM BLOCKS (a:hover, a:active takes precendence) */

.pf-cssmenu-2012-main-menu-mobile li.lev1:hover {
    height: auto;
    /* if you need to use two images for a rollover effect this may help */
}

/*  MENU ITEMS WITH SUBNAV */
.pf-cssmenu-2012-main-menu-mobile li.sub-lev1 {
    background-position: right center;
    * background:none; /* removes arrows from IE due to lack of transparency support bug that hasn't been resolved */
}

.pf-cssmenu-2012-main-menu-mobile .lev2 a.sub {
    background-position: right center;
    * background:none; /* removes arrows from IE due to lack of transparency support bug that hasn't been resolved */
}

.pf-cssmenu-2012-main-menu-mobile li.lev1 {
    float: left;
    display: block;
width:100%;
}

.pf-cssmenu-2012-main-menu-mobile li:first-child.lev1 {
    float: left;
    display: block;
    border-right: 1px solid #4b7098;
 border-left: 0
}


/* SUB NAVIGATION MENU ITEMS WITH SUBNAVIGATION */

.pf-cssmenu-2012-main-menu-mobile .lev2 a.sub {
    background: #01457e;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}


/* SUB NAVIGATION */

.pf-cssmenu-2012-main-menu-mobile li.lev1 li {
float: left;
clear: left;
width: 100%;
}





/* SUB NAVIGATION'S SUB NAVIGATION MARGINS */
.pf-cssmenu-2012-main-menu-mobile .lev2 ul {
    margin: -28px 0px 0px 150px;
    * margin: 0px 0px 0px 0px;
    _ margin: -28px 0px 0px 150px;
    display: none;
    position: absolute;
}

/* SUB NAVIGATION ITEM MARGINS */

.pf-cssmenu-2012-main-menu-mobile .lev2 li {
    * margin: 0px 0px -1px 0px;
}

.pf-cssmenu-2012-main-menu-mobile ul.active_sub_menu {
    display: block;
}