p{
font-family: times new roman, times, verdana , serif;
}
ul{
font-family: Times, serif;
}

a{
text-decoration:none;
outline:none;
color: #ffffff;
}

img {
border: none;
}

#blackHeader{
position:relative;
	display: block;
background-color: black;
	 width: 95%;
 	 height: 80px;
	top: 10px;
	left: 10px;
}

#mainTable{
position:absolute;
	top: 10px;
	left: 10px;
}

#bodyArea{
position:relative;
	display: block; 
background-color: reed;
	 width: 790px;
 	 height: 445px;
	top: 0px;
	bottom: 0px;
	 /* set left and right to the same value! */
  left: 0;
  right:0;
  /* adding auto margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

  margin-top: 3%;
  margin-bottom: auto;



}

#headArea{
position:relative;
	display: block;
background-color: reed;
	 width: 795px;
 	 height: 80px;
	top: 0px;
	bottom: 0px;
		 /* set left and right to the same value! */
  left: 0;
  right:0;
  /* adding auto margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

}





.container {
  /* make this a containing block! */
  position: relative;
  /* mark this element visually prominent */
  border: 1px dotted red;
  left:200px;
  width:400px;
}
.center {
  /* take element out of the normal page flow! */
  position: relative;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
  top:50;
  bottom:0;
  width: 80%;
  height: 80%;
  /* set left and right to the same value! */
  left: 0;
  right:0;
  /* adding auto margins left and right will
     center the element horizontally!         */
  margin-left: auto;
  margin-right: auto;

  margin-top: auto;
  margin-bottom: auto;
  /* mark this element visually prominent */
  background:red;
}











#titlePic{
position:relative;
	position:relative;
	top: 36px;
	left: 10px;
	border: none;
}


#toppic{
	position:relative;
	top: 0px;
	left: 0px;
	border: none;

}

.artistImage {
  margin: 10px 10px 10px 10px;
  }
  
.bioPic1{
	position:relative;
	bottom: 10px;
	left: 0px;
	border: none;
}

.bioPic2{

	position:relative;
	bottom: 10px;
	left: 20px;
	border: none;
}



/* MENU LAYOUT CLASSES */


#menu1{
	position:relative;
	top: 36px;
	left: 20px;
}

#menu2{
	position:relative;
	top: 36px;
	left: 40px;
}

#menu3{
	position:relative;
	top: 36px;
	left: 60px;
}

#menu4{
	position:relative;
	top: 36px;
	left: 80px;
}

#menu5{
	position:relative;
	top: 36px;
	left: 100px;
}
/* MENU LAYOUT CLASSES END*/

#indextext{
	position:relative;
	top: 10px;
	left: 300px;
	display: block; 
	 width: 450px;
 	 height: 50px;
	padding: 0;
	margin-top: 0px; /*"padding" above the tag affected thing. stretches cell superceding HTML*/ 
	border: none;
font-size: 15px;
font-family:Times, Verdana, Serif;
}

#mainPic{
	position:absolute;
	top: 10px;
	left: 20px;

}






/* ARTISTS LAYOUT CLASSES */     

#prevArtist{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:405px;
	left:310px;
	color:#000000;
}

#nextArtist{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:405px;
	left:420px;
	color:#000000;
}

#text1{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:118px;
	left:150px;
	color:#000000;
}

#biotext{
	position:relative;
background-color:bluee;
	top: 0px;
	left: 5px;
	display: block;
	 width: 770px;
 	 height: 400px;
	padding: 0;
	margin-top: 0px; /*"padding" above the tag affected thing. stretches cell superceding HTML*/ 
	border: none;
font-size: 15px;
font-family:Times, Verdana, Serif;
}

#artist1{
	position:absolute;
	top:10px;
	left: 150px;

}

#text2{
	position:absolute;
        font-family: times new roman, times, verdana , serif;
	top:118px;
	left:285px;
	color:#000000;
}

#artist2{
	position:absolute;
	top:10px;
	left: 285px;
	margin-top: 0px; 
}

#text3{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:118px;
	left:420px;
	color:#000000;
}

#artist3{
	position:absolute;
	top:10px;
	left: 420px;
	margin-top: 0px; 
}

#text4{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:118px;
	left:559px;
	color:#000000;
}

#artist4{
	position:absolute;
	top:10px;
	left: 560px;
	margin-top: 0px; 
}

#text5{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:253px;
	left:15px;
	color:#000000;
}

#artist5{
	position:absolute;
	top:145px;
	left: 15px;
	margin-top: 0px; 
}

#text6{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:253px;
	left:149px;
	color:#000000;
}

#artist6{
	position:absolute;
	top:145px;
	left: 150px;

}

#text7{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:253px;
	left:284px;
	color:#000000;
}

#artist7{
	position:absolute;
	top:145px;
	left: 285px;

}

#text8{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:253px;
	left:419px;
	color:#000000;
}

#artist8{
	position:absolute;
	top:145px;
	left: 420px;

}

#text9{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:253px;
	left:559px;
	color:#000000;
}

#artist9{
	position:absolute;
	top:145px;
	left: 560px;

}

#text10{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:389px;
	left:15px;
	color:#000000;
}

#artist10{
	position:absolute;
	top:280px;
	left: 15px;
	margin-top: 0px; 
}

#text11{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:389px;
	left:151px;
	color:#000000;
}

#artist11{
	position:absolute;
	top:280px;
	left: 150px;

}

#text12{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:389px;
	left:284px;
	color:#000000;
}

#artist12{
	position:absolute;
	top:280px;
	left: 285px;
}

#text13{
	position:absolute;
	font-family: times new roman, times, verdana , serif;
	top:389px;
	left:419px;
	color:#000000;
}

#artist13{
	position:absolute;
	top:280px;
	left:420px;
}



/* ARTISTS LAYOUT CLASSES END */

/* LOCATION LAYOUT CLASSES */

#location1{
	position:absolute;
	top: 10px;
	left: 10px;
}
#location2{
	position:absolute;
	top: 70px;
	left: 620px;
}

#map{
	position:absolute;
	top:200px;
	left: 15px;
z-index: 1; /*layer sorting*/
}

#locationtext{
	position: absolute;
	top:10px;
	left: 130px;
	display: block; 
	 width: 580px;
 	 height: 160px;
	padding: 0;
	margin-top: 0px; /*"padding" above the tag affected thing. stretches cell superceding HTML*/ 
	border: none;
font-size: 15px;
font-family:Times, Verdana, Serif;
}
#locationtext2{
	position: absolute;
	top:200px;
	left: 215px;
	display: block; 
	 width: 550px;
 	 height: 160px;
font-size: 15px;
font-family:Times, Verdana, Serif;
}
#locationtext3{
	position: absolute;
	top:365px;
	left: 10px;
	display: block; 
	 width: 750px;
 	 height: 50px;
	padding: 0;
	margin-top: 0px; /*"padding" above the tag affected thing. stretches cell superceding HTML*/ 
	border: none;
font-size: 15px;
font-family:Times, Verdana, Serif;
}


/* LOCATION LAYOUT CLASSES */

#footer {
	font-size:25px;
	color:#ffffff;
	font-family:Times, Verdana, Serif;
	}