@charset "utf-8";
/* CSS Document */


.topNavContainer {
	height: 54px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0 !important;
	z-index: 999;
	background-image: url(../images/structure/menu-bar.jpg);
	padding-top: 8px;
}

.topNavContainer1 {
	height: 94px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0 !important;
	z-index: 999;
	background-image: url(../images/structure/menu-bar.jpg);
	padding-top: 8px;
	background-repeat: repeat-x;
	background-color: #414042;
}

.affix
{
    top: 0;
    width:100%;
}

.affix + #affix-fix
{
     //min-height: 54px;
}

#affix-fix
{
    min-height: 0;
}

@media screen and  (min-width: 600px) and (max-width: 767px) {
	
.topNavContainer1 {
	height: 44px;
	}

	
	
}



@media screen and (max-width:600px){
	
.topNavContainer1 {
	height: 30px;
	padding-top: 0px;
}	
	
	
	
}

























/* not using these, but easy way to override regular link colors */

.topNavLinks {
  text-align:center;
  line-height:54px;
  width:auto;
  margin:auto;
}

.topNavLinks a {
  color:#d9d9d9;
  display:inline-block;
  padding-left:10px;
  padding-right:10px;
}

.topNavLinks a:hover {
  color:#708d9c;
  text-decoration:none;   
}