a { color: #d51989
	; text-decoration: none; }

/* overrides the need for border="0" attribute in image tags (xhtml 1.1) */
a img {
	border: 0
	}

a:hover {
	color: #00c;
	text-decoration: underline
	}
	

/*
body needs to be 100%,in ie windows so the right collumn can fill the height of the window.
HTML needs to be 100% so that in opera so that the background will be flush with the bottom,
otherwise it seems that the "body" only spans to about 80% of the window height.
*/
html {
	height:100%;
}
h1.title {
	color: #d51989;
	font-size: 60px;
	line-height: 100%;
	margin: 0;
	padding: 0
	}
/*
html and body need be assigned heights of 100% for elements
to have a height the same as the browser height.
In this case the #rightcollumn element neeeds it to stretch.
*/
.titleSecondaryColor { color: #5b68ab; margin: 0 0 0 0; padding: 0
	  }
.titleWebSite { color: #5b68ab; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0; }
#content   {
	margin-top: 50px;
	margin-right: 230px;
	margin-left: 250px;
	padding: 0;
	height: 400px
	}
#rightcollumn {
	background-color: #cecece;
	margin: 0;
	padding: 0 0 0 10px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 99%
	}

#rightcollumn a {
	margin: 5px 0 0;
	padding: 0
	}

#rightcollumn img{
	display:block;
	background-color:#fff;
	margin:5px 0 0 0;
	}
.colcont_BFC1CD1E { position: absolute; top: 100px; width: 100%; height:500px            }
.colboxleft_BFC1CD1E { width:100px; height:99%; float:left }
.colboxright_BFC1CD1E { position: absolute; width:100px; height:99%; float:right  }
#audiotracks { color: #ff9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-color: #008080; text-decoration: none; text-align: center; border-bottom: 2pt solid #cf9; }
.selectForLarger { color: #969; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.Print { color: #4b0082; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 100%; text-decoration: none; text-align: right; padding-right: 30px; }
.bodytext { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-repeat: no-repeat; width: 500px; height: 420px; overflow: auto; float: right; padding-top: 12px; padding-right: 30px; padding-left: 10px; border-top: 3px solid #000; border-bottom: 1px solid #636; }
.bodytextNoScroll { color: #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; background-repeat: no-repeat; padding: 12px 30px 12px 10px; width: 500px; float: right; border-top: 3px solid #000; border-bottom: 1px solid #636; }
.tabletext { color: #242424; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: left; order-top-style: solid; }
.tablehead { color: #242424; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 12px; text-align: center; order-top-style: solid; }
.mission { font-size: 15px; line-height: 18px; background-repeat: no-repeat; padding: 12px 30px 12px 10px; width: 440px; float: right; border-top: 3px solid #000; border-bottom: 1px solid #636; }