/* CSS Document */
.bigWhiteText {
	font-size: 22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
}
.medWhiteText {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
}
.medItalicWhiteText {
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#CCCCCC;
}
.medItalicText {
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.smallWhiteText {
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
}
.tinyWhiteText {
	font-size: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
}
.image{
border-color:#CCCCCC;
border-width:thin;
}
.centered{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 800px;
  height: 600px;
  margin: auto;
}

.image:link {text-decoration: none; color:white; border-color:#CCCCCC}
.image:visited {text-decoration: none; color:white; border-color:#CCCCCC}
.image:hover {text-decoration: none; color:#00CCFF; border-color:#00CCFF}
.image:active {text-decoration: none; color:white; border-color:#CCCCCC}


/* These are for the entire document.  They could also be separated out into individual classes, like the attributes above */
A:link {text-decoration: none; color:white; border-color:#CCCCCC}
A:visited {text-decoration: none; color:white; border-color:#CCCCCC}
A:hover {text-decoration: none; color:#00CCFF; border-color:#00CCFF}
A:active {text-decoration: none; color:white; border-color:#CCCCCC}