#top-menu-bar * {
  font-family: 'Open Sans', sans-serif;
  margin:0;
	padding:0;
	border: 0;
	font-size:100%;
	font-weight:normal;
}
#top-menu-bar {
  
  background-color: black;
  padding: 3px;
}

#top-menu-bar div {
  width: 100%;
  text-align: center;
  /*margin: 0px auto;*/
  padding-top: 0px;
  padding-bottom: 6px;
  height: 18px;
}
#top-menu-bar div.schoolconnections {
  width: 100%;
  /*margin: 0px auto;*/
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  height: 18px;
}

#top-menu-bar div.thebigdayin {
  width: 100%;
  /*margin: 0px auto;*/
  text-align: center;
  padding-top: 1px;
  padding-bottom: 5px;
  height: 18px;
}

#top-menu-bar div.careersfoundation {
  width: 100%;
  margin: -1px auto 1px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 6px;
  height: 18px;
}
#top-menu-bar div a {
  /*padding: 0 10px;
  font-size: 12px;
  text-decoration: none;
  color: lightgray;*/
  text-decoration: none;
  color: white;
  padding: 0 10px;
  margin: 3px;
  font-size: 13px;
}

#top-menu-bar div a:hover, #top-menu-bar div a.active {
  /*color: white;*/
  background: gray;
  border-radius: 1px;
}

.menu-font a{
	color:white;
	font-weight: bold;
}

.acsf a.active{
	color:#00AEDB;
	border-radius:8px;
	
}

.schoolvisit a.active{
	background-color:gray;
	border-radius:8px;
	color:white;
}

.careers a.active{
	color: #1B850D;
	border-radius:8px;
}

.bdi a.active{
	color:#bb1928;
	border-radius:8px;
}

.nictcw a.active{
	color:#1B850D;
	border-radius:8px;
}
.foundationjobs a.active{
	color:#3465FF;
	border-radius:8px;
}

.top-nav-bar .acsf :hover{
	color:#00AEDB;
	background-color:#333;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.top-nav-bar .schoolvisit :hover{
	background-color:gray;
	border-radius:8px;
	color:white;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.top-nav-bar .careers :hover{
	color:#3465FF;
	background-color:#333;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.top-nav-bar .bdi :hover{
	color:#bb1928;
	border-radius:8px;
	background-color:#333;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.top-nav-bar .nictcw :hover{
	color:#1B850D;
	border-radius:8px;
	background-color:#333;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.top-nav-bar .foundationjobs :hover{
	color:#1B850D;
	border-radius:8px;
	background-color:#333;
		-webkit-transition: color 0.5s linear;
        -moz-transition: color 0.5s linear;
        -ms-transition: color 0.5s linear;
        -o-transition: color 0.5s linear;
        transition: color 0.5s linear;
}

.quad1, .quad2, .quad3, .quad4, .quad1-1, .quad2-1, .quad3-1, .quad4-1 {
	width:21px;
	vertical-align:top;
}
/*
.quad1, .quad2, .quad3, .quad4 {
	visibility:hidden;
}

.acsf .quad1, .quad1:hover {
	visibility:visible;
}
a.acsf:hover~.quad1-1 {
	visibility:hidden;
}*/