html {
scrollbar-arrow-color: #fff;
scrollbar-base-color: #000;
scrollbar-dark-shadow-color: #222;
scrollbar-track-color: #000;
scrollbar-face-color: #000;
scrollbar-shadow-color: #222;
scrollbar-highlight-color: #333;
scrollbar-3d-light-color: #333;
}

body {
	font-family: "Verdana", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 0;
	background-color: #000;
}

a, link, active, visited { color: #ff0000; text-decoration: none; }
a:hover { color: #990000; text-decoration: none; }
h1 { display: none; } h2 { display: none; } h3 { display: none; }
ul {
	list-style-image: url("../images/layout/bullet.gif");
	margin: 0px 0px 0px 25px;
	padding: 0;
}
ul > li { padding: 2px 0px 2px 0px; text-align: left; }
hr { border: 0; background-color: #000; height: 1px; margin: 12px 0px 12px 0px; }

#bandhome { margin: 0 auto; background: #000 url("../images/layout/homepage.jpg") top center no-repeat; width: 1024px; height: 774px; }
#bandheritage { margin: 0 auto; /*background: #000 url("../images/layout/heritage.jpg") top center no-repeat;*/ width: 1024px; height: 774px; }
#bandbios { margin: 0 auto;/* background: #000 url("../images/layout/bios.jpg") top center no-repeat;*/ width: 1024px; height: 774px; }
	#bandproffrancis { margin: 0 auto; background: #000 url("../images/layout/biopro_f.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofmairead { margin: 0 auto; background: #000 url("../images/layout/biopro_m.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofrod { margin: 0 auto; background: #000 url("../images/layout/biopro_r.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofsean { margin: 0 auto; background: #000 url("../images/layout/biopro_s.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandproftommy { margin: 0 auto; background: #000 url("../images/layout/biopro_t.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofnick { margin: 0 auto; background: #000 url("../images/layout/biopro_n.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofpeter { margin: 0 auto; background: #000 url("../images/layout/biopro_pe.jpg") top center no-repeat; width: 1024px; height: 774px; }
	#bandprofpaula { margin: 0 auto; background: #000 url("../images/layout/biopro_pa.jpg") top center no-repeat; width: 1024px; height: 774px; }
#bandlooklisten { margin: 0 auto; background: #000 url("../images/layout/looklisten.jpg") top center no-repeat; width: 1024px; height: 774px; }
#bandlive { margin: 0 auto; background: #000 url("../images/layout/live.jpg") top center no-repeat; width: 1024px; height: 774px; }
#bandshop { margin: 0 auto; background: #000 url("../images/layout/shop.jpg") top center no-repeat; width: 1024px; height: 774px; }
#bandcontact { margin: 0 auto; background: #000 url("../images/layout/contact.jpg") top center no-repeat; width: 1024px; height: 774px; }

#menu {
	margin: 100px 0px 0px 30px;
	width: 130px;
	height: 200px;
	/*border: 1px solid #ffff00;*/ /*TESTING*/
	position: absolute; /*for over image map*/
}
#nav, #nav ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav a {
	text-decoration: none;
	display: block;
	height: 20px;
	background-color: #000;
	color: #fff;
	width: 130px;
}
#nav a:hover {
	text-decoration: none;
	background-color: #990000;
	color: #fff;
}
#nav li { 
	float: left;
}
#ho a { background: #000 url(../images/menu/ho1.gif) no-repeat; }
#ho a:hover { background: #990000 url(../images/menu/ho2.gif) no-repeat; }
#he a { background: #000 url(../images/menu/he1.gif) no-repeat; }
#he a:hover { background: #990000 url(../images/menu/he2.gif) no-repeat; }
#bb a { background: #000 url(../images/menu/bb1.gif) no-repeat; }
#bb a:hover { background: #990000 url(../images/menu/bb2.gif) no-repeat; }
#ll a { background: #000 url(../images/menu/ll1.gif) no-repeat; }
#ll a:hover { background: #990000 url(../images/menu/ll2.gif) no-repeat; }
#liv a { background: #000 url(../images/menu/li1.gif) no-repeat; }
#liv a:hover { background: #990000 url(../images/menu/li2.gif) no-repeat; }
#sh a { background: #000 url(../images/menu/sh1.gif) no-repeat; }
#sh a:hover { background: #990000 url(../images/menu/sh2.gif) no-repeat; }
#cl a { background: #000 url(../images/menu/cl1.gif) no-repeat; }
#cl a:hover { background: #990000 url(../images/menu/cl2.gif) no-repeat; }

#menu2 {
	margin: 273px 0px 0px 30px; /*CANNOT use padding - covers other links above - might work if defined a transparent bg? Or just use margin!*/
	width: 130px;
	height: 80px;
	/*border: 1px solid #ffff00;*/ /*TESTING*/
	position: absolute; /*for over image map*/
}
#nav2, #nav2 ul { 
	list-style: none;
	height: 28px;
	padding: 0;
	margin: 0; 
}
#nav2 a {
	text-decoration: none;
	display: block;
	height: 28px;
	background-color: #000;
	color: #fff;
	width: 130px;
}
#nav2 a:hover {
	text-decoration: none;
	background-color: #990000;
	color: #fff;
}
#nav2 li { 
	float: left;
}
#jo a { background: #000 url(../images/menu/join1.gif) no-repeat; }
#jo a:hover { background: #990000 url(../images/menu/join2.gif) no-repeat; }
#ti a { background: #000 url(../images/menu/tick1.gif) no-repeat; }
#ti a:hover { background: #990000 url(../images/menu/tick2.gif) no-repeat; }
#sw a { background: #000 url(../images/menu/sw1.gif) no-repeat; }
#sw a:hover { background: #990000 url(../images/menu/sw2.gif) no-repeat; }

#footer {
	margin: 0 auto;
	width: 1024px;
	text-align: center;
}
	.golden {
		color: #cca500;
	}
	.blu {
		color: #009cff;
	}

#biotext {
	position: absolute; /*for over image map*/
	margin: 600px 0px 0px 600px;
	/*border: 1px solid #069;*/ /*TESTING*/
}
	
#trannyher {
	position: absolute;
	width: 360px;
	height: 380px;
	margin: 310px 20px 0px 590px;
}
#trannyher1 {
	position: absolute;
	width: 360px;
	height: 380px;
	background-color: #000;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#trannyher2 {
	position: relative;
	width: 360px;
	color: #fff;
	background: transparent;
}
#eratwolinks {
	position: absolute;
	margin: 240px 0px 0px 220px;
	width: 150px;
}
#erafourlinks {
	position: absolute;
	margin: 200px 0px 0px 850px;
	border: 1px solid #ff0000;
}

#trannylive {
	position: absolute;
	width: 450px;
	height: 400px;
	margin: 100px 20px 0px 310px;
}
#trannylive1 {
	position: absolute;
	width: 450px;
	height: 400px;
	background-color: #000;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#trannylive2 {
	position: relative;
	width: 450px;
	color: #fff;
	background: transparent;
}	
	
#trannybio {
	width: 760px;
	height: 380px;
}
#trannybio1 {
	position: absolute;
	margin: 40px 20px 0px 230px;
	width: 760px;
	height: 380px;
	background-color: #000;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#trannybio2 {
	position: relative;
	padding: 40px 20px 0px 230px;
	width: 760px;
	color: #fff;
	background: transparent;
}
#morebio {
	width: 960px;
	margin: 100px 0px 0px 30px;
}

#trannycon {
	position: absolute;
	width: 450px;
	height: 400px;
	margin: 150px 20px 0px 275px;
}
#trannycon1 {
	position: absolute;
	width: 450px;
	height: 400px;
	background-color: #000;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#trannycon2 {
	position: relative;
	width: 450px;
	color: #fff;
	background: transparent;
}	

/*IMAGES,*/
.nolink { border: 0; text-decoration:none; }
.nolink a:link, a:hover, a:visited { border: 0; text-decoration:none; }
.clearit { clear: both; height: 5px; }
/*TEXT*/
.maincontent { padding: 10px 10px 10px 10px; font-size: 12px; }
.spacespan { padding: 12px 0px 0px 10px; text-align: left; } /*SPACED FOR SPANS WITHIN*/
.smally { font-size: 10px; padding: 0px 5px 0px 0px; }	
	/*SPANS*/
	.redbg {
		background-color: #cc0000; 
		color: #fff; 
		padding: 1px 3px 1px 3px; 
		font-weight: bold;	
	}
	.blkbg {
		background-color: #000; 
		color: #fff; 
		padding: 1px 3px 1px 3px; 
		font-weight: bold;	
	}
	.whitebg {
		background-color: #fff; 
		color: #cc0000; 
		padding: 1px 3px 1px 3px; 
		font-weight: bold;	
	}

td {
	vertical-align: top;	
}

.tdblk {
	background-color: #000;
	text-align: right;
	height: 18px;
}
.tdleft {
	background-color: #000;
	color: #cc0000;
	text-align: left;
	padding: 2px 2px 2px 5px;
}
.tdinput {
	text-align: left;
	padding: 2px 2px 2px 2px;
}
.tdright {
	text-align: right;
}



div#scrollbar0A, div#scrollbar0B {
    display:block; /* initially display:none; to hide from incapable */
}
div#lyr0A, div#lyr0B {
	text-align: left;
}	
div#dragBar0A, div#dragBar0B {
	position: absolute; 
	left: 1px; 
	top: 1px;
	width: 2px; 
	height: 2px;
	background-color: #cc0000;
	cursor: pointer;
}
/* for safari, to prevent selection problem  */
div#scrollbar0A, div#track0A, div#dragBar0A, div#up0A, div#down0A, 
div#scrollbar0B, div#track0B, div#dragBar0B, div#up0B, div#down0B {
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar0A img, div#scrollbar0B img { display: block; } 

div#wn0A { 
	position: relative;
	width: 360px;
	height: 380px;
	overflow: hidden;
	/*border: 1px solid #ff0; TESTING*/
}
div#scrollbar0A { 
	display: block;
	position: relative;
	width: 15px;
	height: 380px;
	font-size: 1px;
}
div#track0A { 
	position: absolute; 
	left: 6px;
	width: 15px; 
	height: 340px; /*background: #cc0000;*/
}
div#up0A { position: absolute; margin: 345px 0px 0px 0px; }
div#down0A { position: absolute; margin: 365px 0px 0px 0px; }

div#wn0B { 
	position: relative;
	width: 450px;
	height: 400px;
	overflow: hidden;
	/*border: 1px solid #ff0; TESTING*/
}
div#scrollbar0B { 
	display: block;
	position: relative;
	width: 15px;
	height: 400px;
	font-size: 1px;
}
div#track0B { 
	position: absolute; 
	left: 6px;
	width: 15px; 
	height: 360px; /*background: #cc0000;*/
}
div#up0B { position: absolute; margin: 365px 0px 0px 0px; }
div#down0B { position: absolute; margin: 385px 0px 0px 0px; }	

/*PLAYER*/
#soundwavepage { margin: 0 auto; background-color: #000; width: 430px; height: 468px; }
#flashsoundwave { width: 429px; height: 467px; margin: 0 auto; }
#videopage { margin: 0 auto; background: #000 url("../images/layout/videopage.jpg") top center no-repeat; width: 430px; height: 468px; }
#placevideo { margin: 0 auto; width: 320px; height: 265px; padding: 120px 0px 0px 0px; text-align: center; }
.closediv { width: 320px; height: 18px; }

#lldiv {
	width: 540px;
	height: 300px;
	margin: 100px 0px 0px 300px;
	position: absolute;
	/*border: 1px solid #ff0; TESTING*/
}
.lldivright {
	float: right;
	margin: 10px 10px 0px 0px;
}

#mcpmovie {
	width: 320px;
	height: 280px;
}
#mcpmovie425 {
	width: 425px;
	height: 305px;
	z-index: 0;
}