body {

	font-family: Georgia;
	background-color:  #B900FF;
}

div {

}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

#header {
        height: 225px;
       	background-color: #FFB13D;
       	margin 0 0 10px 0;
       	clear: both;
}

#picture_box {
	float: left;
	text-align: center;
	height: 200px;
	width: 370px;
	margin:  5px 0 0 10px;

}

#show_image {
   display: block;
   margin-left: auto;
   margin-right: auto;	
}

#caption_box {
	color:  #000000;
	margin:  0 0 0 20px;
	padding:  0;	
	float:  left;
	font-size:  10px;
}

#navigation {
	float: left;
	margin:  0 0 0 0;


    
}

#logo {
	float: left;
	width: 350px;
	margin:  15px 0 0 0;

}

#l_col  {
	float:  left;
	width:  200px;
	margin: 10px 10px 0 0;
	clear: left;

}

#info_box {
	color:  #000000;
	background:   #FFB13D;
	margin:  2px 2px 2px 2px;
	padding:  20px 20px 20px 20px;
	width:  175px;
	font-size:  12px;
	border-style: outset;
	border-width: 10px;
	border-bottom-color: #966400;
	border-right-color: #966400;
	border-top-color:  #D18B00;
	border-left-color: #D18B00;

}



#hilite_box {
	color:  #000000;
	background:   #FFB13D;
	margin:  2px 2px 2px 2px;
	padding:  20px 20px 20px 20px;
	width:  500px;
	font-size:  12px;
	border-style: outset;
	border-width: 10px;
	border-bottom-color: #966400;
	border-right-color: #966400;
	border-top-color:  #D18B00;
	border-left-color: #D18B00;

}



#soundclick_box {
	color:  #000000;
	background:  #FFBDD2;
	margin:  2px 2px 2px 2px;
	padding:  20px 20px 20px 20px;
	float:  left;
	width:  100px;
	height: 40px;
	font-size: 15px;
	text-align: center;
	border-style: outset;
	border-width: 10px;
	border-bottom-color: #965A64;
	border-right-color: #965A64;
	border-top-color:  #C8A3A9;
	border-left-color: #C8A3A9;
}


#soundclick_box:hover {
	
	background:  #FF64CC;	
	
}

#nav_box {
	color:  #000000;
	background:  #E496CA;
	margin:  2px 5px 15px 0;
	padding:  2px 5px 2px 5px;	
	float: left;
	width:  80px;
	height: 20px;
	text-align:  center;
		border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;

}

#nav_box:hover {
	
	background:  #FF3D8B;	
	margin-top: auto;
	
	
}

#content {

	width: 600px;
	border:  solid #000000;
	border-width:  0 0 1px 1px;
	overflow:  auto;
	color:  #550022;
	background:  #E1BEFF;
   
    margin-left: auto;
    margin-right: auto;
	padding:  10px 0 10px 10px;
	margin-top: 20px;
}

#songtitle {
	
   font-size:  26px;
   font-weight:  900;	
	
}


#bar_top   {
	width:  100%;
	border: solid #000000;
	border-width:  2px 0 0 0;
	margin 0;

}	

a {
	text-decoration:  none;
	
}

a:link {
		color:  #550022;
}

a:visited {
	
	color:  #550022;	
}

table {
	border-spacing:  0;

}

tr {
	
	background:  	#D4A8FF;
	border-spacing: 0;
	
}

tr:hover {
	
	background:  #FFE41E;	
}

.odd {
	
		background:  	#A8A8FF;
	}

	
	
td, th {
	border-style: solid;
	border-width:  1px;
	margin: 0;
	padding: 2px 2px 2px 2px;
}

th  {
	font-size:  12px;	
	
}

th:hover {
	
	background:  #FF9600;	
}

td {
	
	font-size:  10px;	
}
	
#footer {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color:  #333;
	color:  #FFFFFF;
	align:  center;
	width: 200px;
}