/* ############################################################################
   ## 
   ##  SUB MENU
   ##
   ######################################################################### */

.subMenu {
	box-sizing:border-box;
    padding:0;
    margin:0;
}

    .subMenuInner {
    }

/* ####################################
   Anchors (Links) - Standard Styles
   - Can be overridden by manipulating different list levels further down in the CSS
   ################################## */

.subMenu ul li a {
    /* All anchor tags */
	box-sizing:border-box;
    display: block; /* Note: display:block makes the links larger and easier to access for mobility challenged users. */
    width:100%; /* Careful with this if padding/margins/borders are added. Otherwise required for IE6 to fill the block with the link. */
    padding:3% 0;
	color:#333333;
	font-size: 85%;
	border-bottom:1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}

.subMenu ul li a:link {
    /* All anchor tags - Link */
    text-decoration: none;
}

.subMenu ul li a:visited {
    /* All anchor tags - Visited */
    text-decoration: none;
}

.subMenu ul li a:hover {
    /* All anchor tags - Hover */
    text-decoration: none;
	color:#0F1E64;
}

.subMenu ul li a:active {
    /* All anchor tags - Active */
}

/* ####################################
   Section Label
   ################################## */

.subMenu .section {
    margin: 0;
    margin:0;
    font-size: 90%;
    font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
}

    .subMenu .section a {
        display: block; /* Note: display:block makes the links larger and easier to access for mobility challenged users. */
        width:100%; /* Careful with this if padding/margins/borders are added. Otherwise required for IE6 to fill the block with the link. */
        padding:2% 0;
        color: #333333;
		border-bottom: 1px solid #0f1e64;
    }
		.subMenu .section a:hover{
			text-decoration: none;
			color:#333333;
		}
    .subMenu .sectionSelected {
    }

/* ####################################
   List Layout
   ################################## */

.subMenu ul {
    /* The sub menu list */
    margin: 0;
    padding:0;
    list-style: none;
}

    .subMenu ul li {
        /* All list items */
    }
		.subMenu ul li ul {
			/* All list items */
			width:90%;
			margin:0 0 0 10%;
		}
  
        .subMenu ul ul li {
            /* Second level list items */
            border: 0;
        }
        
            .subMenu ul ul ul li {
                /* Third level list items */
                border: 0;
            }
                .subMenu ul ul ul ul li {
                    /* Fourth level list items */
                    border: 0;
                }

/* ####################################
   Current Branch & Current Pages
   ################################## */
.subMenu ul li ul li ul.level3{
}
.subMenu ul li.currentBranch {
    /* Any parent list item on the currently open branch */
}
	.subMenu ul li.currentBranch  a{
		font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
		border-bottom: none;
	}
	.subMenu ul li.currentBranch ul li a{
		font-family: "FocoCCLight", "FocoCC", "FocoLight", "Foco", Arial, Helvetica, Sans-Serif;
		color:#333;
		border:none;
		background:none;
		border-right: 1px solid #E6E6E6;
	}
		.subMenu ul li.currentBranch ul li a:hover{
			color:#0F1E64;
		}
		.subMenu ul li.currentBranch ul.level2 li.currentBranch ul.level3 li a{
			background:none;
		}
	.subMenu ul li.currentBranch.level1 {
		border-bottom: 1px solid #E6E6E6;
	}
	.subMenu ul li.currentBranch ul.level2 {
	}
	.subMenu ul li.currentBranch ul.level3 {
	}
.subMenu ul li.currentPage {
    /* The list item containing the current page link */
}

    .subMenu ul li ul li.currentPage {
        /* The list item containing the current page link at the second level and below */
    }

    .subMenu ul li.currentPage a {
        /* The current page link */
		color: #0F1E64;
		font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    }
        .subMenu ul li.currentPage li {
            /* Children of the current page list item */
        }
            .subMenu ul li.currentPage li a, .subMenu ul li.currentPage li a:link, .subMenu ul li.currentPage li a:visited, .subMenu ul li.currentPage li a:active, .subMenu ul li.currentPage li a:hover {
				color: #333333;
				font-family: "FocoCCLight", "FocoCC", "FocoLight", "Foco", Arial, Helvetica, Sans-Serif;
                text-decoration: none;
            }
			
    .subMenu ul li ul.level2 li.currentPage a{
		color: #0F1E64;
		font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    }	
		.subMenu ul li ul.level2 li.currentPage li{
		}
		
			.subMenu ul li ul.level2 li.currentPage li a{
				color: #333333;
				font-family: "FocoCCLight", "FocoCC", "FocoLight", "Foco", Arial, Helvetica, Sans-Serif;
                text-decoration: none;
			}
			
    .subMenu ul li ul li ul.level3 li.currentPage a{
		color: #0F1E64;
		font-family: "FocoCCBold", "FocoCC", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    }	
		.subMenu ul li ul li ul.level3 li.currentPage li{
		}
		
			.subMenu ul li ul li ul.level3 li.currentPage li a{
				color: #333333;
				font-family: "FocoCCLight", "FocoCC", "FocoLight", "Foco", Arial, Helvetica, Sans-Serif;
                text-decoration: none;
			}

/* ####################################
   List Items by Level/Position
   ################################## */
.subMenu .level2.currentPage a,.subMenu .level2.currentBranch a  {
}
	.subMenu .level2.currentPage .level3 a,.subMenu .level2.currentBranch .level3 a{
	}
		.subMenu .level2.currentBranch .level3.currentPage a,.subMenu .level2.currentBranch .level3.currentBranch a  {
		}

/* ####################################
   Named Items
   - Individual named menu items can be styled here
   ################################## */

.subMenu.subMenuFloat {
    position: fixed;
	width:240px;
    top: 0;
    z-index: 5;
	background:#fff;
	border:1px solid #E6E6E6;
}
	.subMenu.subMenuFloat .section{
		background:#E6E6E6;
		padding:2%;
		text-align:center;
	}
	.subMenu.subMenuFloat ul li a {
		padding:10px;
	}
        .subMenu.subMenuFloat ul ul li a {
			padding-left:22px;
		}
				.subMenu.subMenuFloat ul ul ul li a{
					padding-left:34px;
				}
/* ############################################################################
   ## 
   ##  LAYOUT FOR DIFFERENT SCREENS
   ##  Check the following URL for a good device size reference:
   ##  https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Matrices
   ##
   ######################################################################### */

@media screen and (max-width: 960px) {
    /* Smaller than the fixed width template. Adjust to suit the template. Usually around 970px-980px or depends on your grid/CSS system. */

    .subMenu {
    }

}