/* p#navebutton links */

p#navbuttons a:link {
	text-decoration: none;
  	color: #FF9900;
}
p#navbuttons a:visited {
	text-decoration: none;
	 color: #FF9900;
}
p#navbuttons a:hover {
	text-decoration: underline;
  	color: #FF9900;
}
p#navbuttons a:active {
	text-decoration: none;
	font-style: italic;
  	color: #FF9900;
}
/* normal links */

a:link {
	text-decoration: underline;
	color: #FF9900;

}
a:visited {
	text-decoration: none;
	 color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
	font-style: italic;

}
a:active {
	text-decoration: none;
	font-style: italic;
  	color: #FF9900;
}
/* current links */
.current {
	font-size: 18px;
	font-weight: bold;}
a:hover.current {
	text-decoration: none;
}
a:active.current {
	font-style: normal;
}
/* current2 links */
.current2 {
	color: #999999;
	font-weight: bold;
	}
/* conf_nat_text links */
div#conf_nat_text a:link {
	text-decoration: underline;
	color: #212121;

}
div#conf_nat_text a:visited {
	text-decoration: none;
	 color: #212121;
}
div#conf_nat_text a:hover {
	text-decoration: underline;
	color: #212121;
	font-style: italic;

}
div#conf_nat_text a:active {
	text-decoration: none;
	font-style: italic;
  	color: #212121;
}


/* #footer links */
div#footer a:hover {
	background-color: #FF9900;

}									/* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
div#footer a img.big {
	height: 0;
	width: 0;
	border-width: 0
}								/* hide the big image by making its height and width 0 */
div#footer a img.big1 {
	height: 0;
	width: 0;
	border-width: 0
}								/* hide the big image by making its height and width 0 */

div#footer a:hover img.big {
	position:absolute;
	top:102px;
	left:500px;
	height:300px;
	width:400px;
	border-top-width:50px;
	border-bottom-width:54px;
	border-color:#212121;
}
div#footer a:hover img.big1 {
	position:absolute;
	top:102px;
	left:500px;
	height:400px;
	width:300px;
	border-right-width:50px;
	border-left-width:50px;
	border-color:#212121;
}													/* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */
div#footer p {
	height: 0;
	width: 0;
	border-width: 0;
	letter-spacing: 1px;
	word-spacing: 1px;

}