/* ===== main navigation links ===== */
#navBar{
	width: 200px;
	float: left;
	margin: 17px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	background-color: #222;
	opacity: .85;
	list-style-type: none;
	color: #CCC;
	border: 1px solid #444;
	border-radius: 5px;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* set the position for the nav elements */
#navBar ul{          				
	float: left;
	padding: 0px;
}

/* turn off the normal list item behavior */
#navBar ul li {              		
	display: inline;
		
}
#navBar ul p a{
	float: left;
	text-align: center;
	width: 198px;
	line-height: 54px;
	font-size: .8em;
	text-decoration: none;  /* no underline */
}

.highlight a{
	padding: 0px 0px;
	margin: 0px 0px;
	float: left;
	text-align: center;
	width: 198px;
	line-height: 54px;
	font-size: .8em;
	text-decoration: none;  /* no underline */
	color: #CCC;
}

.highlight a:hover{
	padding-right: 2px;
	border: 1px solid #777;
	width: 196px;
	line-height: 52px;
}

#selected a{
	padding: 0px 0px;
	margin: 0px 0px;
	float: left;
	text-align: center;
	width: 198px;
	line-height: 54px;
	font-size: .8em;
	text-decoration: none;  /* no underline */
	background-color: #999;
	color: #333;
	border: 1px solid #777;
	/* transition: 200ms linear 0s; looks silly */
}
	
#selected a:hover{
	border: 1px solid #333;
}