/*Main Navigation*/
#navigationToggle {display: block; position: absolute; top: 12px; right: 60px; width: 42px; height: 42px; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; background: url(../images/sprites.png) no-repeat 0 0 #fff; text-indent: -9999px; }
#navigationToggle.active { background-position: -88px 0; background-color: #ddd; }
.navigationContainer { position:relative; display: none; z-index:101; font: 1.4em/2.0em 'Oxygen', sans-serif; border-bottom: 1px solid #ddd; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%); background: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 ); }
ul.navigation { width: 100%; list-style: none; position: relative; padding: 0; margin: 0; }
ul.navigation ul { width: 100%; display: none; padding: 0; margin: 0; }
ul.navigation ul ul, ul.navigation ul ul ul { top: 0; left: 100%; }
ul.navigation li { position: relative; border-bottom: 1px solid #ccc; }
ul.navigation ul li { width: 100%; display: block; border-bottom: 0 none; }

/* Root Menu */
ul.navigation a { display: block; text-decoration: none; background: none; color: #666; height: 2em; line-height: 2em; padding: 0.5em 0.714em; }
ul.navigation a.active, ul.navigation li:hover a.active { background: #999; color: #fff; }

/* Root Menu Hover Persistence */
ul.navigation a:hover, ul.navigation li:hover a { background: #bbb; color: #fff;}

/* 2nd Menu */
ul.navigation ul a { height: auto; color: #fff; background: #bbb; line-height: 1em; border-bottom: 0 none; }

/* 2nd Menu Hover Persistence */
ul.navigation li:hover li a:hover, ul.navigation li:hover li:hover a { background: #999; }

/* Hover Function - Do Not Move */
ul.navigation li:hover ul ul { display: none; }

/*utility navigation*/
ul.utilityNavigation { list-style: none; padding: 0; margin: 0; }
.utilityNavigation li a { color: #666; padding-left: 0.714em; border-bottom: 1px solid #ededed; display: block; }

/*internal navigation*/
ul.internalnavigation, ul.internalnavigation ul { list-style:none; padding:0; margin:0;}
ul.internalnavigation li { border-bottom:1px solid #ddd;}
ul.internalnavigation ul li{ border-bottom:0 none;}
ul.internalnavigation a {display:block; background:url(../images/arrow16.png) no-repeat 0 0.375em; color:#555; padding-left:25px;}
ul.internalnavigation a:hover {text-decoration:none; background-color:#ededed;}
ul.internalnavigation ul a {background:none;}
ul.internalnavigation ul ul a {padding-left:40px;}
ul.internalnavigation a.active {font-weight:700;}

/*mobileNavigation*/
.mobileNavigation { border:1px solid #ddd; background:#ededed; padding:3.3557%; margin-top:3.3337%;}
.mobileNavigation h2 {margin-top:0;}
.mobileNavigation ul{ list-style:none; padding:0; margin:0;}
.mobileNavigation ul a { display:block; color:#666;}

/*breadcrumbs*/
.breadcrumb { display:none;}
.breadcrumb li:first-child a{ background:none; padding-left:0;}
.breadcrumb li:last-child a{ color:#999;}
@media only screen and (min-width:520px) {
/*Main Navigation*/
#navigationToggle { display: none; }
.navigationContainer { display: block; }
ul.navigation { display: block; }
ul.navigation ul { position: absolute; top: 100%; left: 0; z-index:10; }
ul.navigation li { float: left; display: inline; border-bottom:0 none; }

/* 2nd Menu Hover Persistence */
ul.navigation li:hover li a:hover, ul.navigation li:hover li:hover a { }
/*hover function*/
ul.navigation li:hover ul { display: block; }

/*utility navigation*/
.utilityNavigation { position: absolute; top: -100px; right:2.00%; }
.utilityNavigation li { float: left; }
.utilityNavigation li a { display: block; border-bottom: 0 none; }
.utilityNavigation li a:hover { color: #000; }

/*mobileNavigation*/
.mobileNavigation { display:none;}

/*breadcrumbs*/
.breadcrumb { display:block; border-bottom:1px solid #ddd; padding-bottom:0.5em;}
.breadcrumb ul {list-style:none; padding:0; margin:0;}
.breadcrumb li {float:left;}
.breadcrumb a {display:block; background:url(../images/arrow16.png) no-repeat 0 0; padding-left:20px; padding-right:10px; font:1.0em/1.143em Arial, Helvetica, sans-serif; color:#666;}
.breadcrumb li:first-child a{ background:none; padding-left:0;}
.breadcrumb li:last-child a{ color:#999;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
ul.internalnavigation a {background-image:url(../images/arrow16@2x.png); background-size:16px 16px;}	
}