@charset "utf-8";
/* CSS Document */
/* OUTLINES  
div { outline: 1px solid #ccc; }*/

/* GLOBAL */

/* NAVIGATION */

/* CHANGE COLORS HERE */
.nav, X#mobileNav {

     border-top: 3px solid #1081be;
     background: #4c4c4c;
     background: -moz-linear-gradient(top, #595959 0%, #111111 87%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595959), color-stop(87%, #111111));
     background: -webkit-linear-gradient(top, #595959 0%, #111111 87%);
     background: -o-linear-gradient(top, #595959 0%, #111111 87%);
     background: -ms-linear-gradient(top, #595959 0%, #111111 87%);
     background: linear-gradient(top, #595959 0%, #111111 87%);
}
X#mobileNav, #nav-container a{color: #fff;}
#nav-container a:hover, li.sfhover, #nav-container li.sfhover > a {
     background: #1081be;
     background: -moz-linear-gradient(top, #0e6da0 0%, #1081be 28%, #0d67a2 87%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0e6da0), color-stop(28%, #1081be), color-stop(87%, #0d67a2));
     background: -webkit-linear-gradient(top, #0e6da0 0%, #1081be 28%, #0d67a2 87%);
     background: -o-linear-gradient(top, #0e6da0 0%, #1081be 28%, #0d67a2 87%);
     background: -ms-linear-gradient(top, #0e6da0 0%, #1081be 28%, #0d67a2 87%);
     background: linear-gradient(top, #0e6da0 0%, #1081be 28%, #0d67a2 87%);
     color: #fff;
    text-shadow: 1px 1px 0.05em #000000;;
}
#nav-container li ul li {border-bottom: 1px solid #999;}
#nav-container li ul{background:#fff}
#nav-container li ul li a {color: #242424;}
#nav-container li ul li a:hover{background:#1081be; color:#fff}

/* NAV STRUCTURE AND LAYOUT */
.nav, X#mobileNav {
     clear: both;
     margin: 0 auto 15px;
     text-align: center;
     xposition: relative;
     xz-index: 100;
}
.nav a[href="#"]{cursor:default} /* Make nav main items not show pointer */
#nav-container{
     margin: 0 auto;
     z-index: 100;
     position: relative;
     font-weight: bold;
     line-height: 2.5;
}
#nav-container a {
     display: block;
     padding: 0 15px;
}
#nav-container li {
     display: inline-block;
     position: relative;
     margin: 0;
     font-size:1.2rem;
}
#nav-container li ul {
     z-index: 5;
     border: 2px solid #000;
     border-top: none;
     line-height: normal;
     position: absolute;
     width: 200px;
     display: none;
  margin-left:-2px;
     box-shadow: 0 4px 12px rgba(0,0,0,.75);
}
#nav-container li ul li {width: 100%;}
#nav-container li ul li:last-child { border-bottom: none; }
#nav-container li ul li a {
     font-weight:normal;
     text-align: left;
     padding-left: 8px;
     font-size: 14px;
     font-size: 1.4rem;
     text-decoration: none;
     line-height:2.5;
}
#nav-container li ul li a:hover {
     text-decoration: none;
     text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

/* Positioning for Third-level navigation */
#nav-container li ul ul {
     left: 0px;
     margin: -23px 0 0 10px;
}
/* ----------------------- */
#nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul { display:none; }
#nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul { display:block; }

	#HdrMobileMenu { display:none; }
	

/* Page Name 2 */


/* Media Queries */

@media only screen and (max-width: 900px) {
/* anything below 900px */
}
@media only screen and (max-width: 767px) {
	/* anything below 767px */
   #nav-container{display:none}
   #nav-container li{display:block}		
   #HdrMobileMenu { display:block; }
   
}
@media only screen and (max-width: 480px) {
	/* anything below 480px */
  #nav-container li {
display: block;
text-align: left;
}
 #nav-container li ul {
position: static;
width: auto;
}
 #nav-container li ul li a {
width: auto;
}
}