/*
POPUP SPECIFIC STYLE
*/

	.popupAnchor {
		display: inline; vertical-align: top; /* this is required */
		/* background: #e3c219; /* this is required any color/img should do */
	}
	
	.popup {
		 /* these are required and should not change */
		position: absolute; display: inline; vertical-align: top; visibility: hidden;
		margin: 0px; padding: 0px;

		background: #222222; /* this is required, any color/img should do */
		border: 1px solid #222222; /* optional */
		color: #ffffff;
		width: auto;
	}



#nav ul {
		display: inline; list-style: none;
}


#nav a,
#nav a:link,
#nav a:visited,
#nav a:active { color: #ffffff;
		border: none;
}

#nav a:hover, #nav .currentMenu { border-bottom: 2px solid #ffdc2d;
}


#nav li {
		display: inline;
		color: #ffffff;
		font-weight: bold;
		margin: 0px;
		padding: 0px 10px 0px 10px;
}

#nav li img {
		vertical-align: middle;
		padding: 2px 6px 2px 0px;
}

#nav li.longName {
		
}

#nav li.longName img {
	float: left; 
}

#topicX, #resourcesX, #teachersX, #studentsX {
	text-align: left;
	padding: 5px;
}

#topicX li, #resourcesX li, #teachersX li, #studentsX li {
	display: block;
	clear: both;
}

ul.popup li {
	text-indent: -.5em;
	border-bottom: 1px solid #333333;
	margin: 30px 0px 30px 0px;
	padding: 3px 0px 3px 0px;
}

#footerNav li {
	display: inline;
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

#footerNav ul li a,
#footerNav ul li a:link,
#footerNav ul li a:visited,
#footerNav ul li a:active { color: #000000;
		border: none;
}

#footerNav ul li a:hover { border-bottom: 2px solid #ffdc2d;
}