body {
font-family: Futura, Arial, Verdana, sans-serif;
font-size:100%;
padding: 0;
background-repeat: no-repeat }
}

#wrapper { 
visibility: visible; 
position: absolute; 
top: 20px; 
left: 100px; 
width: 865px; 
height: 935px 
}

#banner{ 
background: ;/*url("media/index/indexRed2008.jpg") no-repeat;*/
width:861px;
height:485px;
}

#vertnavcontainer2    { 
font-size: 16px; 
font-family: Futura, Arial, Verdana, sans-serif; 
font-stretch: expanded; 
text-align: left; 
text-transform: capitalize; 
visibility: visible; 
margin: 0 auto; 
padding: 1em 0; 
visibility: visible; 
position: absolute; 
top: 114px; 
left: 640px; 
width: 230px; 
}

#vertnavcontainer3      { visibility: visible; position: absolute; top: 69px; left: 894px; width: 168px; }

ul#vertnavlist2
{
font-family: futura, Arial, verdana, san-serif;
font-size: 14px;
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 230px;
}


ul#vertnavlist2 li
{
display: block;
margin: 0;
padding: 0;
text-align: left;
}

ul#vertnavlist2 li a
{
display: block;
width: 100%;
padding: 0em 0em 0.5em 0em;
/*border-width: 1px;
border-color: gray;
border-style: solid; */
color: #81a1ff;
text-decoration: none;
}

#vertnavcontainer2>ul#vertnavlist2 li a { width: auto; }

ul#vertnavlist2 li#active a
{
color: #81a1ff;
}

ul#vertnavlist2 li a:hover, ul#vertnavlist2 li#active a:hover
{
color: yellow;
/* this works in IE 5.2.3 and I don't know why it works there and not any other browser > background: burgundy; */

/*opacity:0.999;
	/* for Mozilla/Firefox/Safari */
/*opacity:0.6;
	/* IE5.5 upwards */
/*filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);*/
}


<!--[if lt IE 7]>
<style type="text/css" media="screen">
body{behavior:url(csshover.htc);}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

#browsernote  { font-size: 12px; visibility: visible; position: absolute; top: 575px; left: 110px; width: 595px; height: 21px; z-index: +2; }


#navmusicbox { color: #fff; font-family: impact, arial black; font-size: 150%; font-weight: bold; visibility: visible; position: absolute; top: 243px; left: 128px; width: 81px; height: 30px; }

#navartistiik  { color: #000;font-family: Futura, Arial, Verdana, sans-serif;  font-size: 25px; font-weight: bold; visibility: visible; position: absolute; top: 319px; left: 208px; width: 81px; height: 21px; }

#navpolitiik   { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 353px; left: 127px; width: 81px; height: 21px; }

#navtechtiik    { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 378px; left: 243px; width: 81px; height: 21px; }

#navfriends   { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 422px; left: 135px; width: 177px; height: 23px; }

#navhealth   { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 468px; left: 127px; width: 162px; height: 23px; }

#navresume    { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 503px; left: 154px; width: 81px; height: 21px; }

#navcontact    { color: #000; font-family: Futura, Arial, Verdana, sans-serif; font-size: 20px; font-weight: bold; visibility: visible; position: absolute; top: 530px; left: 208px; width: 81px; height: 21px; }


#navphotography   { color: #fff; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 175px; left: 400px; width: 165px; height: 25px; }

#navwebdesign     { color: #fff; font-size: 16px; font-weight: bold; text-align: right; visibility: visible; position: absolute; top: 162px; left: 738px; width: 141px; height: 25px; }

#navwriting    { color: #fff; font-size: 18px; font-weight: bold; visibility: visible; position: absolute; top: 342px; left: 390px; width: 125px; height: 31px; }

#navpaint      { color: #fff; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 349px; left: 686px; width: 208px; height: 29px; }

#navwebsitelinks   { color: #06918a; font-size: 14px; text-align: right; visibility: visible; position: absolute; top: 229px; left: 636px; width: 250px; height: 95px; }

#navhome    { color: #fff; font-family: Futura, Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; visibility: visible; position: absolute; top: 247px; left: 127px; width: 154px; height: 27px; }

#bbklink   { background-color: #41b3bb; visibility: visible; position: absolute; top: 227px; left: 191px; width: 147px; height: 22px; color: white; font-weight: bold;}




#artistiiknavcontainer   { 
color: #ffa500; 
font-family: futura, Arial, verdana, san-serif; 
font-weight: bold; 
visibility: visible; 
position: absolute; 
top: 45px; 
left: 555px; 
width: 447px; 
height: 21px; 
}

#artistiiknavlist ul
{
margin: 0px; 
padding: 0px; 
width: 400px; 
white-space: nowrap;
}

#artistiiknavlist li
{
display: inline; 
width: 400px; 
list-style-type: none;
}

#artistiiknavlist a
{
float: left; 
padding: 3px 15px; 
font-size: 14px;
font-weight: bold;
}

#artistiiknavlist a:link, #artistiiknavlist a:visited {
color: #ffa500;
text-decoration: none; 
}

#artistiiknavlist a:hover, #artistiiknavlist #active a:hover{
color: #81a1ff;
text-decoration: none;
}


#musicnavcontainer   { 
visibility: visible; 
position: absolute; 
z-index: 1; 
top: 157px; 
left: 443px; 
width: 489px; 
height: 32px; 
border: solid 0 #bbb
}

#musichome-leftcontent    { 
background-color: #900; 
visibility: visible; 
position: absolute; 
top: 565px; 
left: 96px; 
width: 251px; 
height: 166px; 
}

#musichome-maincontent     { 
font-size: 80%; 
background-color: #ffa500;
color: #cc0000; 
visibility: visible; 
padding: 5px 7px 5px 7px; 
position: absolute; 
top: 563px; 
left: 349px; 
width: 569px; 
height: 154px; 
}

#musichome-rightcontent { 
background-color: #9c0703;
color: #ffcc00; 
visibility: visible; 
position: absolute; 
padding: 7px 5px 7px 7px;
font-size: 90%;
top: 77px; 
left: 935px; 
width: 250px; 
height: 636px; 
}

#musicabout-leftcontent    { 
background-color: #900; 
visibility: visible; 
position: absolute; 
font-size: 80%;
top: 565px; 
left: 96px; 
width: 251px; 
height: 4150px; 
}

#musicabout-leftcontenttext  { 
visibility: visible; 
position: absolute;
font-size: 90%;
top: 600px; 
left: 107px; 
width: 234px; 
height: 1824px; 
}

#musicabout-maincontent     { 
font-size: 80%; 
background-color: #ffa500; 
color: #cc0000;
visibility: visible; 
padding: 5px 7px 5px 7px; 
position: absolute; 
top: 130px; 
left: 349px; 
width: 569px; 
height: 4554px; 
}

#musicabout-rightcontent { 
background-color: #9c0703;
color: #ffcc00; 
visibility: visible; 
position: absolute; 
padding: 7px 5px 7px 7px;
font-size: 80%;
top: 77px; 
left: 935px; 
width: 250px; 
height: 4600px; 
}

#showsmaincontent   { 
background-color: #ffa500; 
visibility: visible; 
position: absolute; 
top: 157px; 
left: 349px; 
width: 754px; 
height: 1070px; 
}

#showsnewstitle { 
background-color: #ff532b; 
visibility: visible; 
position: absolute; 
padding-left: 7px;
top: -27px; 
left: 23px; 
width: 194px; 
height: 27px; 
font-family: arial;
font-size: 120%;
font-weight: bold;
color: #ffe76c;
vertical-align: text-top; 
}

#newsaboutshowscolumn1 { 
visibility: visible; 
position: absolute; 
top: 17px; 
left: 18px; 
width: 206px; 
height: 723px; 
background-color: #c7a5ff; /*#ff532b;*/
font-family: Arial;
font-size: 70%;
color: black; /*#ffe76c;*/
padding: 10px 7px 5px 7px; 
}

#showsheadertitle  { 
background-color: #ff6; 
visibility: visible; 
position: absolute;
padding-left: 7px; 
top: -27px; 
left: 610px; 
width: 100px; 
height: 27px; 
font-family: arial;
font-size: 120%;
font-weight: bold;
color: #ff532b;;
}

#showdates   {
background-color: #ffe76c; 
visibility: visible; 
position: absolute; 
z-index: 1; 
top: 17px; 
left: 449px; 
width: 281px; 
height: 1030px; 
font-family: Arial;
/*border: 1px solid purple;*/
padding: 10px 7px 5px 7px;
font-size: 70%;
}

#musicnavlist ul
{
margin: 0px; 
padding: 0px; 
width: 400px; 
white-space: nowrap;
}

#musicnavlist li
{
display: inline; 
width: 400px; 
list-style-type: none;
}

#musicnavlist a
{
float: left; 
padding: 3px 15px; 
font-size: 85%;
font-weight: bold;
}

#musicnavlist a:link, #musicnavlist a:visited {
color: #81a1ff;
text-decoration: none; 
}

#musicnavlist a:hover, #musicnavlist #active a:hover{
color: yellow;
text-decoration: none;
}

#music{
visibility: visible; 
position: relative; 
width: 60px; 
height: 29px;
font-size: 150%;
font-family: impact, arial black;
float:right;
}

div.poetiik{position: absolute; top:285px; left:356px; width: 155px; height: 266px;}
div.essays {position: absolute;	top:285px; left:514px; width: 155px; height: 266px;}
div.stories{position: absolute; top:285px; left:670px; width: 127px; height: 266px;}
div.musings{position: absolute; top:285px; left:793px; width: 140px; height: 266px;}


		#navcontainer_writing { 
		font-size: 14px; 
		font-family: futura, verdana, Arial, san-serif; 
		visibility: visible; 
		text-decoration: none;
		}
		
		#navcontainer_writing  ul
		{ 
			margin: 0;
			padding: 0;
			text-decoration: none;
			list-style-type: none;
			font-weight: normal;
		}
		
		#navcontainer__writing  li { margin: 0 0 1px 0; }

#navcontainer_writing a { /* this is the cinema, books, art categories */
		display: block;
		width: 156px;
		color: #000;
		text-decoration: none;
		}
		
		#navcontainer_writing a:hover{
		color: red;
		text-decoration: none;
		}
		
		#navcontainer_writing ul ul li { margin: 0 0 0 0; }
		
		#navcontainer_writing ul ul a{
			display: block;
			width: 156px;
			color: #000;
			font-style: italic;
			text-decoration: none;
		}
		
		#navcontainer_writing ul ul a hover{
		color: red;
		text-decoration: none;
		}

<!--[if lt IE 7]>
<style type="text/css" media="screen">
body{behavior:url(csshover.htc);}


#flashPlayer{
position: relative;
left: 0px;
top: 0px;
float: left;
}


#leftimagecontent     { background-color: #ffa500; visibility: visible; position: absolute; top: 565px; left: 96px; width: 251px; height: 3989px }



#leftcontenttext  { visibility: visible; position: absolute; top: 771px; left: 107px; width: 234px; height: 1824px }

.classArtistiik A:link {text-decoration: none; color: #000;}
.classArtistiik A:visited {text-decoration: none; color: #fff;}
.classArtistiik A:active {text-decoration: none; color: green;}
.classArtistiik A:hover {text-decoration: none; color: yellow;}

.classPolitiik A:link {text-decoration: none; color: #fff;}
.classPolitiik A:visited {text-decoration: none; color: #fff;}
.classPolitiik A:active {text-decoration: none; color: #fff;}
.classPolitiik A:hover {text-decoration: none; color: magenta;}

.classTechtiik A:link {text-decoration: none; color: #fff;}
.classTechtiik A:visited {text-decoration: none; color: #fff;}
.classTechtiik A:active {text-decoration: none; color: #fff;}
.classTechtiik A:hover {text-decoration: none; color: green;}

.classFriends A:link {text-decoration: none; color: #fff;}
.classFriends A:visited {text-decoration: none; color: #fff;}
.classFriends A:active {text-decoration: none; color: #fff;}
.classFriends A:hover {text-decoration: none; color: orange;}

.classHealth A:link {text-decoration: none; color: #fff;}
.classHealth A:visited {text-decoration: none; color: #fff;}
.classHealth A:active {text-decoration: none; color: #fff;}
.classHealth A:hover {text-decoration: none; color: #000;}

.classResume A:link {text-decoration: none; color: #fff;}
.classResume A:visited {text-decoration: none; color: #fff;}
.classResume A:active {text-decoration: none; color: #fff;}
.classResume A:hover {text-decoration: none; color: cyan;}

.classContact A:link {text-decoration: none; color: #00;}
.classContact A:visited {text-decoration: none; color: #fff;}
.classContact A:active {text-decoration: none; color: #fff;}
.classContact A:hover {text-decoration: none; color: green;}

.classMusic A:link {text-decoration: none; color: #000;}
.classMusic A:visited {text-decoration: none; color: #000;}
.classMusic A:active {text-decoration: none; color: #fff;}
.classMusic A:hover {text-decoration: none; color: #fff;}

.classMusic2 A:link {text-decoration: none; color: #fff;}
.classMusic2 A:visited {text-decoration: none; color: #fff;}
.classMusic2 A:active {text-decoration: none; color: #fff;}
.classMusic2 A:hover {text-decoration: none; color: #000;}

.classPhotography A:link {text-decoration: none; color: #fff;}
.classPhotography  A:visited {text-decoration: none; color: #fff;}
.classPhotography  A:active {text-decoration: none; color: #fff;}
.classPhotography  A:hover {text-decoration: none; color: #9c0703;}

.classWebdesign A:link {text-decoration: none; color: #000;}
.classWebdesign  A:visited {text-decoration: none; color: #000;}
.classWebdesign  A:active {text-decoration: none; color: #fff;}
.classWebdesign  A:hover {text-decoration: none; color: #9c0703;}


.classWriting A:link {text-decoration: none; color: #000;}
.classWriting  A:visited {text-decoration: none; color: #000;}
.classWriting  A:active {text-decoration: none; color: #fff;}
.classWriting  A:hover {text-decoration: none; color: #9c0703;}


.classPaint A:link {text-decoration: none; color: yellow;}
.classPaint  A:visited {text-decoration: none; color: yellow;}
.classPaint A:active {text-decoration: none; color: yellow;}
.classPaint  A:hover {text-decoration: none; color: #9c0703;}


.classWeblinks A:link {text-decoration: none; color: #06918a;}
.classWeblinks  A:visited {text-decoration: none; color: #06918a;}
.classWeblinks A:active {text-decoration: none; color: #06918a;}
.classWeblinks A:hover {text-decoration: none; color: #9c0703;}

.classHome A:link {text-decoration: none; color: #fff;}
.classHome A:visited {text-decoration: none; color: #fff;}
.classHome A:active {text-decoration: none; color: #fff;}
.classHome A:hover {text-decoration: none; color: #000;}


.classBBKLink A:link {text-decoration: none; color: #fff;}
.classBBKLink A:visited {text-decoration: none; color: #fff;}
.classBBKLink A:active {text-decoration: none; color: #fff;}
.classBBKLink A:hover {text-decoration: none; color: #000;}

.classEssays A:link {text-decoration: none; color: #000;}
.classEssays A:visited {text-decoration: none; color: #000;}
.classEssays A:active {text-decoration: none; color: #000;}
.classEssays A:hover {text-decoration: none; color: red;}

.classPoetiik A:link {text-decoration: none; color: #000;}
.classPoetiik A:visited {text-decoration: none; color: #000;}
.classPoetiik A:active {text-decoration: none; color: #000;}
.classPoetiik A:hover {text-decoration: none; color: red;}

.classStories A:link {text-decoration: none; color: #000;}
.classStories A:visited {text-decoration: none; color: #000;}
.classStories A:active {text-decoration: none; color: #000;}
.classStories A:hover {text-decoration: none; color: red;}

.classMusings A:link {text-decoration: none; color: #000;}
.classMusings A:visited {text-decoration: none; color: #000;}
.classMusings A:active {text-decoration: none; color: #000;}
.classMusings A:hover {text-decoration: none; color: red;}


</style>



<!--[if lt IE 7]>
<style type="text/css" media="screen">
body{behavior:url(csshover.htc);}



#content-image { 
 margin: 0; 
 width: 700px; 
 height: 925px; 
 position: absolute;
 top:
 }
 
 #godirectlytomusic{
 position: absolute;
 top: 225px;
 left: 475px;
 width: 200px;
 height: 100px;
 color: #81a1ff;
 font-family: Futura, Arial, verdana;
text-decoration: none;
 }

/* #tiikmusicheader{
width: 125px;
height: 50px;
top: -13px;
left:109px;
position:absolute;
color:#ff92ec;
font-size: 20pt;
font-family: fututa, impact, arial;
font-weight: bold;
} */

li{list-style-type: none;
}

ul{
list-style-type: none;
padding: 0;
margin-left: 0;
font-weight: bold;
}


#contentmain-artistiik{
position: absolute;
width: 450px;
height:890px;
left: 242px; 
top:343px;
border:0px solid;
padding:4px;
float: left;
font-size: 90%;
font-weight:strong; 
color: #fff;

/*opacity:100;
filter: alpha(opacity=100); */
}

#content-bandmembers{
width:405px;
height: 185px;
position: absolute;
color: #fff;
margin: 0px 0px 0px 0px;
font-family: futura, Arial, Verdana, san-serif;
font-weight: lighter;
font-size: 90%;
}

#content-bbkblurb{
width:403px;
height: 85px;
position:  relative;
color: #fff;
margin:0px;
font-family: futura, Arial, Verdana, san-serif;
font-weight: lighter;
font-size: 90%;

}