/* CSS Document */

/* Created by Eleanor Grosch of PushmepullyouDesign.com 2006 */


/*general selectors */

*{

	margin: 0;
	padding: 0;

}



body {
	
	background: #fff;
	font-family: verdana, sans-serif;
	font-size: 62.5%;
	color: #660000;
	text-decoration: none;
	line-height: 1.8em;
	
}

p{

	font-family: arial;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 0 20px 0;
}

a {

	font-size: 1.1em;
	color: #0397d6;
	text-decoration: none;
}

a:hover {
	
	color: #fff;


}


img {

	border: none;
}


h1{

	font: normal 14pt verdana;
	color: #660000;
	text-decoration: none;
	margin: 20px 0 10px 0;
}

h2{
	
	color: #660000;
	font: normal 11pt verdana;
	text-decoration: none;
	clear: both;
	font-weight: bold;
	margin: 10px 0 0 50px;
}

ol{

	color: #fff;
	font: normal 11pt verdana;
	text-transform: uppercase;
	margin: 0px 0 0 90px;

}

li{

	

}

/*navigation*/


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}               

#nav a {
	
	display: block;
}

#nav a:hover {

	

}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	width: 10em;
}

/*other items*/

h1.image_replace{

	background: url(images/welcometomusicland.gif) no-repeat top left;
	text-indent: -999999px;
	width: 800px;
	height: 100px;
	margin: 0 auto;
	padding: 0 0 5px 0;

}

h1.image_replace2{

	background: url(images/songsfrom.gif) no-repeat top left;
	text-indent: -999999px;
	width: 800px;
	margin: 0 auto;
	padding: 0 0 5px 0;

}


#main{

	margin: 0 auto;
	width: 799px;
	background: #fff url(images/tile.gif) repeat-y;
	top: 0;
	
}

#header {
	
	width: 100%;
	height: 124px;
	float: left;
	background: white;

}

#top_nav {
	
	float: left;
	}

#content{

	float: left;
	padding: 30px 0 70px 50px;
	display: inline;
	margin: 0 0 150px 0;

}

#content h1{
	margin: 0 0 0 130px;
	}
	
#content p{
	
	margin: 0 50px 0 50px;
	float: left;
	display: inline;
	color: white;
	width: 500px;
	}
	
#merch{
	float: left;
	clear: top;
	display: inline;
	margin: 30px 0 0 0;
	}
	
.merch1{
	float: left;
	}
	
.text{
	float: left;
	margin: 0 0 20px 0;

}	

.content_text{

	margin: -30px 0 0 90px;
	
}
	
.content_text2{
	
	margin: -200px 0 0 90px;
	
	}

.content_text3{
	
	margin: 50px 0 0 90px;

	}	
	

	
/*footer*/

.footer {

	width: 100%;
	height: 35px;
	clear: both;

	
}

div .footer p{
	
	color: #fff;
	text-align: center;
	padding: 15px 0 0 0px;
}



</style>