.navwrp {

    margin-top: 15px;
	padding: 5px;
	
	background: #0067ab;
	
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease; 
}

.navwrp:hover {
	
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;

	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease; 
}

.nav { float: right; margin-right: 250px; }


.container-fluid { margin: 0 auto; width: 100%; }

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    height: 40px;
}
 

.navbar {
	
    position: relative;
    min-height: 40px;
    margin-bottom: 0;
}

.navbar-default {
	
	position: relative:
	z-index: 4000;
	
	padding-right: 0;
    padding-left: 0;
	
	padding: 5px;
	
	background-color: #004471;
	
	border-top: 20px solid #0099ff;
	border-bottom: 20px solid #0099ff;
	
    border-color: none;
	
}

.ver {

	float: left;
	
	margin-top: 2px;
	padding: 3px;
	
	color: #c5e2ff;
	font-size: 12px;
	line-height: 14px;
	font-family: 'square721_btroman', Verdana, Arial, Helvetica, sans-serif;
	
	background: #0067ab;
	
	border: 1px solid #0099ff;
	
	
}

.logo {
	
	float: left;
	margin-top: -17px;
	
	color: #c5e2ff;
	letter-spacing: -5px;
	font-size: 54px;
	font-family: 'BankGothicMdBTMedium', Verdana, Arial, Helvetica, sans-serif;
	
}

.logo:hover {
	
	color: #c5e2ff;
	text-decoration: none;
}

.logo span {
	
	letter-spacing: -2px;
	font-size: 24px;
	font-family: 'BankGothicLtBTLight', Verdana, Arial, Helvetica, sans-serif;
}



.clock { float: right; margin-top: -40px; width: 190px; height: 40px; border: 1px solid #0099ff; color: #c5e2ff; background: #0067ab; }

#Date { font-family: 'square721_btroman', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; }

.clock ul { list-style:none; text-align:center; }

.clock ul li { display:inline; line-height: 12px; font-size:18px; text-align:center; font-family: 'square721_btroman', Verdana, Arial, Helvetica, sans-serif; padding: 0 5px 0 5px; }

#point { position: relative; }




.navbar-default .navbar-nav>li>a {

    margin-left: 5px;
	
	color: #66ccff;
    font-size: 16px;
    line-height: 1.2em;
    text-decoration: none;
    font-family: 'BankGothicLtBTLight', Verdana, Arial, Helvetica, sans-serif;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease; 
}

.navbar-default .navbar-nav>li>a:hover {

    color: #fff;
	
    background-color: none;
    
    background: #0099ff;
}


  
/* padding around mai nav buttons */
.navbar-nav>li>a {

    padding-top: 10px;
    padding-bottom: 10px;

}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

    color: #fff;
    
    background: #0099ff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	
    color: #66ccff;
    
    background: trsnsparent;
    
    background-color: none;
}


.navbar-nav>li>.dropdown-menu {

	margin-top: 30px;
    border-radius: 0;
    padding: 0;
    
    background-color: transparent;  
}


.dropdown-menu>li>a {

	margin-bottom: 5px;
	
	display: block;
    padding: 5px 20px;
    clear: both;
	
    font-weight: 0;
    
    color: #66ccff;
    font-size: 16px;
    line-height: 1.2em;
    text-decoration: none;
    font-family: 'BankGothicLtBTLight', Verdana, Arial, Helvetica, sans-serif;
    
    background-color: #004471; 

	border: 1px solid #00b4ff;	
	
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; 
    
}

.dropdown-menu>li>a:hover { 

	color: #fff; 
	
	background-color: none;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; 
}


.open > .dropdown-menu {
  display: block;
  
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
  
.dropdown-menu {
  display: block;
  
  opacity:.9;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards; 
  
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);

  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  
  border: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    
	color: #66ccff;

	background: #fff url("images/sub-caret.gif");
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: middle;
}


.sdNav {
	
	margin-top: 20px;
	
	width: 18%;
	
	padding: 5px;
	
	background: #004471;
	
	border-top: 20px solid #0099ff;
	border-bottom: 20px solid #0099ff;
	
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease; 

}

.sdNav:hover {
	
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease; 
}




.sdNav ul { margin-top: 10px; }

.sdNav li a { 
	
	display: block;
	
	margin: 10px auto;
	padding: 10px;
	
	width: 200px;

	color: #c5e2ff;
	font-size: 11.5px;
	letter-spacing: 1px;
	font-family: 'square721_btroman', Verdana, Arial, Helvetica, sans-serif;
	
	background: #0067ab;
	
	border: 1px solid #0099ff;
	
	text-decoration: none;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease; 
}


.sdNav li a h1 { 

	margin: -10px 0 10px -5px;
	padding: 0;
	
	font-size: 50px; 
	letter-spacing: -2px;
	font-family: 'BankGothicLtBTLight', Verdana, Arial, Helvetica, sans-serif;
	
}



/***** icons for nav *****/

.icn { display: block; width: 54px; height: 46px; }

.iGUI { background-image: url('images/icon-gui.png'); }

.iWD { background-image: url('images/icon-wd.png'); }

.iMD { background-image: url('images/icon-md.png'); }

.iGD { background-image: url('images/icon-gd.png'); }

.iED { background-image: url('images/icon-ed.png'); }

.iBLD { background-image: url('images/icon-bld.png'); }

.iBD { background-image: url('images/icon-bd.png'); }

.iAD { background-image: url('images/icon-ad.png'); }


/***** Background colors for nav *****/

li .NavGUI a:hover, .NavGUI a:hover, .idxBox li:hover.NavGUI { background: #990000; border: 1px solid #fff; }

li .NavWD a:hover, .NavWD a:hover, .idxBox li:hover.NavWD { background: #04829c; border: 1px solid #fff; }

li .NavMD a:hover, .NavMD a:hover, .idxBox li:hover.NavMD { background: #363c56; border: 1px solid #fff; }

li .NavGD a:hover, .NavGD a:hover, .idxBox li:hover.NavGD { background: #a80086; border: 1px solid #fff; }

li .NavBLD a:hover, .NavBLD a:hover, .idxBox li:hover.NavBLD{ background: #3d0a9e; border: 1px solid #fff; }

li .NavED a:hover, .NavED a:hover, .idxBox li:hover.NavED { background: #e8b603; border: 1px solid #fff; }

li .NavAD a:hover, .NavAD a:hover, .idxBox li:hover.NavAD { background: #fe5801; border: 1px solid #fff; }

li .NavBD a:hover, .NavBD a:hover, .idxBox li:hover.NavBD { background: #5f9607; border: 1px solid #fff; }


.idxBox li h1 a:hover { border: none; }








/* ============================ */
/* ========== MOBILE ========== */
/* ============================ */

@media (max-width: 1450px) { 

.sdNav { width: 20%; }

}



@media (max-width: 1025px) { 

.logo { margin-top: -12px; font-size: 44px; }

.logo span { font-size: 18px; }

.nav { float: right; margin-right: 200px; }


.sdNav li a { 
	
	margin: 8px auto;
	padding: 7px;
	
	width: 180px;

	font-size: 11px;
	letter-spacing: .5px
}

.sdNav li a h1 { font-size: 40px;  }

.icn { margin-top: -3px; width: 44px; height: 36px; background-size: 44px 36px; }

}



@media (max-width: 960px) {
	
.clock { display: none; }
	
.nav { margin-right: 0;}
	
.sdNav li a { width: 170px; font-size: 10px; letter-spacing: .75px }
	
}


@media (max-width: 800px) {
	
.container-fluid { padding-right: 8px; padding-left: 8px; }

.clock { display: none; }
	
.nav { margin-right: 0;}

.sdNav { display: none; }


.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0;
    margin-left: 0;
}


.ver { display: none; }

.nav>li>a { padding: 10px 12px; }

	
}




@media (max-width: 767px) {


.navbar-toggle { margin: 2px 0 0 0; border: 1px solid #c5e2ff; }

.navbar-toggle .icon-bar { border: 1px solid #c5e2ff; }
	
.navbar-collapse { height: auto!important; width: 100%; padding-right: 0px; border-top: 1px solid #0099ff; }

.nav { float: left; width: 100%; }

.navbar-default .navbar-nav>li>a { font-size: 20px; }

.dropdown-menu { margin-left: 20px; }

.dropdown-menu>li>a { font-size: 18px; }

}


@media (max-width: 360px) {
	

.logo { margin-top: -6px; font-size: 37px; }

.logo span { font-size: 15px; }
	
}