body {
	background-color: #000;
	color: #BBD;
	background-image: none; 
	background-repeat: repeat; 
	background-position: top left;
}

A{text-decoration: none}
A:HOVER{color:#99F}
A:ACTIVE{color:#FC3}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

ul {
	padding: 0;
	margin: 0;
}


.inactive {
	background-color: #000;
}
.active {
	background-color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	line-height: 16px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase; 
	font-variant: none; 
	text-decoration: none;
	letter-spacing: .1em;
}
.active a {
	color: #FFF;
	text-decoration: none;
}
.navbar {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FC3;
	line-height: 16px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase; 
	font-variant: none; 
	text-decoration: none;
	letter-spacing: .1em;
}
.navbar:hover {
	color: #FC3;
}
.navtitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #333;
	line-height: 20px; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	letter-spacing: .1em;
}
.link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FC3;
	line-height: 15px; 
	text-decoration: none;
	font-variant: none; 
}
.link:hover {
	color: #FFF;
}
.breadcrumb {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FC3;
	line-height: 20px; 
	letter-spacing: .1em;
}
.breadcrumb a {
	color: #FC3;
}
.breadcrumb a:hover {
	color: #FFF;
}
.tristantitle {
	font-family: Georgia, Times, Times New Roman, serif; 
	font-size: 40px;
	font-style: normal;
	color: #FFF;
	line-height: 40px; 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-variant: small-caps; 
	letter-spacing: .1em;
}
.tristansubtitle {
font-family: Georgia, Times, Times New Roman, serif; 
	font-size: 18px;
	font-style: normal;
	color: #FFF;
	line-height: 18px; 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-variant: small-caps; 
	letter-spacing: 6px;
}
.small {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #BBD;
	line-height: 16px; 
	font-variant: none; 
}
.small a {
	text-decoration: none;
	color: #FC3;
}
.small a:hover {
	color: #FFF;
}
.blather {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #BBD;
	line-height: 22px; 
}
.blather a {
	color: #FC3;
	text-decoration: none;
}
.blather a:hover {
	color: #FFF;
	text-decoration: underline;
}
.blather h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #FFF;
	line-height: 20px; 
	font-weight: normal;
	font-variant: none; 
	text-transform: none; 
	letter-spacing: 1px;
}
.blather h2 {
	font-family: Georgia, Times, Times New Roman, serif; 
	font-size: 26px;
	font-style: normal;
	color: #FFF;
	line-height: 26px; 
	font-weight: normal;
	font-variant: small-caps; 
}
.blather h2 a {
	text-decoration: none;
	color: #DDD;
}
.blather h2 a:hover {
	color: #FFF;
}
.blather h1 { font-family: Georgia, Times, Times New Roman, serif;
	font-size: 32px;	
	line-height: 34px; 
	font-style: normal; 
	font-variant: small-caps; 
	font-weight: normal; 
	color: #FFF; 
}
.special { font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-style: normal; 
	font-variant: small-caps; 
	font-weight: normal; 
	color: #BBBBDD; 
}
.special a {
	text-decoration: none;
	color: #FC3;
}
.special a:hover {
	color: #FFF;
}
.cd { font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-style: normal; 
	font-variant: small-caps; 
	font-weight: normal; 
	text-decoration: none;
	color: #FC3; 
}
.cd:hover {
	text-decoration: none;
	color: #FFF;
}
.cdstore { font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-style: normal; 
	font-variant: small-caps; 
	font-weight: normal; 
	text-decoration: none;
	color: #777; 
}
.cdstore:hover {
	text-decoration: none;
	color: #FFF;
}
.copyright {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #555;
	line-height: 14px; 
	font-variant: small-caps;
}



table.color { background-color: #93F}

.tablename { font-family: Georgia, Times, Times New Roman, serif; font-size: 26px; font-style: normal; font-variant: small-caps; font-weight: normal; color: #FFCC33; background-color: #000000 }

.tabledescription { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; font-style: normal; font-variant: small-caps; font-weight: normal; color: #BBBBDD; background-color: #000000 }

.tablecolname { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 11px; font-style: normal; text-transform: uppercase; font-weight: bold; color: #FFFFFF; background-color: #000000 }

.tablerowAtitle { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; font-style: normal; font-weight: bold; text-transform: none; color: #FFFFFF; background-color: #000000 }

.tablerowA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 16px; font-style: normal; font-weight: normal; color: #FFFFFF; background-color: #000000 }

.tablerowA a { color: #FC3; text-decoration: none }

.tablerowA a:hover { color: #FFF; text-decoration: none }

.tablebottom { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFCC33; background-color: #000000 ; text-decoration: none}







.nav	{
 	background-color: #FFFFEE;
	}
.nav_blue	{
 	background-color: #CCE6FF;
	}
	
.nav_red	{
 	background-color: #FFEEEE;
	}
	
.nav00	{
 	background-color: #FFFFEE;
	}	
	
.navspacer	{
 	background-color: #CCCC99;
	}
.navspacer_blue	{
 	background-color: #6699CC;
	}

.navspacer_red	{
 	background-color: #CC9999;
	}
	
.navspacer00	{
 	background-color: #CCCCCC;
	}
	
.navmain	{
	background-color: #CCCC99;
	cursor: hand;
	}
.navmain_blue	{
	background-color: #6699CC;
	cursor: hand;
	}

.navmain_red	{
	background-color: #CC9999;
	cursor: hand;
	}
	
.navmain00	{
	background-color: #CCCCCC;
	cursor: hand;
	}	
	
.navhilite	{
	background-color: #EEEECC;
	cursor: hand;
	}
	
.navhilite_blue	{
	background-color: #99CCFF;
	cursor: hand;
	}
	
.navhilite_red	{
	background-color: #EECCCC;
	cursor: hand;
	}
	
.navhilite00	{
	background-color: #EEEECC;
	cursor: hand;
	}
	
a.topnav	{
	color: #666666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}
a.topnav_blue	{
	color: #10107E;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}

a.topnav_on	{
	color: #333300;
	background-color: #FFFFEE;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}
	
a.topnav_off	{
	color: #666666;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}
	
a.sidenavbg	{
	color: #666600;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}
a.sidenavbg_blue	{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}

a.sidenavbg_red	{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
 	font-size: 9pt;
	}	

a.sidenavsm	{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
 	font-size: 9pt;
	}
	
a.mainnavlink{ 
	text-decoration: none; 
	color: #666666; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size: 9pt; 
	vertical-align: text-bottom}


.button1 {
    background-color: #000000;
    border: 0.1em solid #ffcc33;
    color: #ffcc33;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 24px;
}

a.button1:hover {
    color: white;
    border: 0.1em solid #ffffff;
    background-color: #440077;
    text-decoration: none;
}







.audioplayer
{

	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 2.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #007fd1;
			background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
			background: -webkit-linear-gradient( left, #007fd1, #c600ff );
			background: -moz-linear-gradient( left, #007fd1, #c600ff );
			background: -ms-radial-gradient( left, #007fd1, #c600ff );
			background: -o-linear-gradient( left, #007fd1, #c600ff );
			background: linear-gradient( left, #007fd1, #c600ff );
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -moz-linear-gradient( top, #444, #222 );
			background: -ms-radial-gradient( top, #444, #222 );
			background: -o-linear-gradient( top, #444, #222 );
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #007fd1;
					background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
					background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
					background: -moz-linear-gradient( bottom, #007fd1, #c600ff );
					background: -ms-radial-gradient( bottom, #007fd1, #c600ff );
					background: -o-linear-gradient( bottom, #007fd1, #c600ff );
					background: linear-gradient( bottom, #007fd1, #c600ff );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}
	
	



#audiowrapper {
	width: 290px;
/*	max-width: 500px; */
	margin: 0 auto;
}


#audiowrapper2 {
	width: 50px;
   max-width: 50px;
	margin: 0 auto;
}