div.result {border-style: double; border-color: silver; padding: 3px;}
span.glossaryTitle {color: #333399;font-weight: bold;font-size: 125%}
span.glossaryHit {color: #333399;font-weight: bold;background-color: #FFFF00;}
span.titleBox {
	color: #003366; 
	background-color: #C5C8E4; 
	font-size: 125%; 
	font-weight: bold; 
	padding: 5px;
	margin: 10px 0px;
}

.browseLetter {
	color: #fff;
	font-size: 23px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}

.browseLetter:hover {
	color: #fff;
	font-size: 28px;
	margin: 0;
	font-weight: bold;
}

.submitButton {
	background-color: #ec4528; 
	border: 1px solid #fff; 
	padding: 5px;
}

.submitButton:hover {
	background-color: #fff;
	color: #ec4528;
	border: 1px solid #ec4528;
}

.circle {
	height: 38px;
    width: 38px;
    background-color: #000;
	border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
}

.circle:hover {
	height: 50px;
    width: 50px;
    background-color: #000;
	border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
}

.termDisplay {
	font-weight: bold;
	font-size: 32px;
}

  
  #resources ul {
	list-style: none;
	position: relative;
	text-align: left;
  }
  
  #resources li {
	float: left;
  }
  
  /* clear'n floats */
  #resources ul:after {
	clear: both;
  }
  
  #resources ul:before,
  #resources ul:after {
	  content: " ";
	  display: table;
  }
    
  /* prime */
  #resources ul.primary li a {
	display: block;
	/*padding: 20px 30px; */
	padding: 5px;
	border-right: 1px solid #3D3D3D;
	color: orange;
  }
  
  #resources ul.primary li:last-child a {
	border-right: none;
  }
  
  #resources ul.primary li a:hover {
	
	color: #000;
  }
  
  /* subs */
  #resources ul.sub {
	position: absolute;
	z-index: 200;
	box-shadow: 2px 2px 0 #BEBEBE;
	width: 100%;
	display:none;
	font-size: 18px;
  }
  
  #resources ul.sub li {
	float: none;
	margin: 0;
  }
  
  #resources ul.sub li a {
	border-bottom: 1px dotted #ccc;
	border-right: none;
	color: #000;
	padding: 15px 30px;
  }
  
  #resources ul.sub li:last-child a {
	border-bottom: none;
  }
  
  #resources ul.sub li a:hover {
	color: #000;
	background: #eeeeee;
  }
  
  /* sub display*/
  #resources ul.primary li:hover ul {
	display: block;
	background: #fff;
  }
  
  /* keeps the tab background white */
  #resources ul.primary li:hover a {
	background: #fff;
	color: #666;
	text-shadow: none;
  }
  
  #resources ul.primary li:hover > a{
	color: #000;
  } 
  
  @media only screen and (max-width: 600px) {
	.decor {
	  padding: 3px;
	}
	
	.wrap {
	  width: 100%;
	  margin-top: 0px;
	}
	
	#resources li {
	  float: none;
	}
	
	#resources ul.primary li:hover a {
	  background: none;
	  color: #8B8B8B;
	  text-shadow: 1px 1px #000;
	}
  
	#resources ul.primary li:hover ul {
	  display: block;
	  background: #272727;
	  color: #fff;
	}
	
	#resources ul.sub {
	  display: block;  
	  position: static;
	  box-shadow: none;
	  width: 100%;
	}
	
	#resources ul.sub li a {
	  background: #272727;
	  border: none;
	  color: #8B8B8B;
	}
	
	#resources ul.sub li a:hover {
	  color: #ccc;
	  background: none;
	}
  }