/* CSS Document yipes*/

* {margin: 0; padding: 0;}

/************************************* Main structure *************************/

body {
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

#container {
	width: 786px;
	height: 606px;
	margin: 0px;
	margin:0px auto;
}

#header {
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	height: 118px;
	width: 786px;
	margin: 0px;
}

#navcontainer_left {
	float: left;
	width: 97px;
	height: 43px;
	background-image: url(images/subhead_left.gif);
	
}

#navcontainer_right {
	float: right;
	width: 252px;
	height: 43px;
	background-image: url(images/subhead_right.gif);
	
}

#midSection {
	background-repeat: no-repeat;
	height: 379px;
	width: 786px;
	margin: 0px;
}

#bottom {
	background-image: url(images/footer.gif);	
	background-repeat: no-repeat;
	height: 64px;
	width: 786px;
	float: left;
}


#midLeftMost {
	background-image: url(images/mid_left.gif);
	background-repeat: no-repeat;
	float: left;
	width: 81px;
	height: 379px;
	margin: 0px;
}
	
#midLeft{
	float: left;
	width: 216px;
	height: 379px;
	margin: 0px;
}

#midLeftArtists{
	background-image: url(images/instrument_artists.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 216px;
	height: 379px;
	margin: 0px;
}

#show{
	float: left;
	width: 425px;
	margin: 0px;
}

#midContent {
	float: left;
	width: 425px;
	height: 379px;
	margin: 0px;
}

#midContentHeading{
	float: left;
	width: 425px;
	height: 74px;
	margin: 0px;
}

#midContentArtists {
	background-image: url(images/contentheader_artists.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 425px;
	height: 74px;
	margin: 0px;
}

#midArtistName{
	float: left;
	width: 425px;
	height: 40px;
	
}

#midArtistImageBackground {
	background-image: url(images/artist_img_bkgd.gif);
	background-repeat: no-repeat;
	float: left;
	width: 137px;
	height: 137px;
	margin: 10px;
}

#midContentContent{
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 425px;
	height: 305px;

}

#midContentSubhead1{
	width: 425px;
	height: 40px;	
	margin-top: 0px;
}

#midContentText1{
	float:left;
	width: 400px;
	height: 160px;
}

#midContentTextArtist{
	float: left;
	width: 400px;
	height: 149px;
}

#midContentSubhead2{	
	float:left;
	width: 425px;
	height: 40px;
	
}

#midContentText2{
	float:left;
	width: 400px;
	height: 26px;
}
#midRight {
	float:right;
	background-image: url(images/mid_right.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 379px;
	margin: 0px;
}


/******************************* Text and image formatting *******************************/

img {border: none;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}

.float_imgartist{float: left;
				 margin: 10px;}
				 
.float_imgleft{float: left;
				 margin: 28px;
				 margin-top: 15px;}
				 
.mauve{color: #330000; font-weight: bold;}

a:link {color: #0099FF; text-decoration: none;}     /* unvisited link */
a:visited {color: #58595b; text-decoration: none;}  /* visited link */
a:hover {color: #0099FF; text-decoration: underline;}   /* mouse over link */
a:active {color: #0099FF; text-decoration: none;}   /* selected link */

/********************************* Navigation **********************************/

#navcontainer {
	float: left;
	width: 786px;
	height: 43px;
	margin: 0px auto;	
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000000;

}

#navcontainer ul
{
	float:left;
	margin: 0px;
	padding: 10px;
	list-style-type: none;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}

#navcontainer li {

	display: inline;
	
}

#navcontainer a
{
	padding: 12.5px;
	font-size: 16px;
	background-color: #000000;
	height: 43px;
	background-image: url(images/menu.gif);
}

#navcontainer a#current
{
	color: #FFFFFF;
	background-image: url(images/menu_selected.gif);
}


#navcontainer a:link, #navlist a:visited
{
	color: #FFFFFF;
	text-decoration: none;

}

#navcontainer a:hover 
{	
	background: url(images/menu.gif) 0 -45px;
	color: #0099FF;
}

/********************************* Artist Nav **********************************/

#art_navcontainer {
	float: left;
	width: 216px;
	height: 379px;
	margin: 0px auto;	
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: transparent;

}

#art_navcontainer ul
{
	float: left;
	margin-top: 40px;
	padding: 10px;
	list-style-type: none;
	font-weight: normal;
	color: #FFFFFF;
	background-color: transparent;
	text-align: right;
}

#art_navcontainer li {

	display: block;
}

#art_navcontainer a
{
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 26px;
	background-color: transparent;
	height: 25px;
	margin-left: 15px;
}

#art_navcontainer a#current
{
	color: #FFFFFF;
	font-style: italic;
}


#art_navcontainer a:link, #navlist a:visited
{
	color: #FFFFFF;
	text-decoration: none;

}

#art_navcontainer a:hover 
{	
	color: #0099FF;
}
