body {
	background-color: #FFFFFF;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	line-height: 21px;
}

#wraper {
	width: 960px;
	margin: auto;
}

h1 {
	font-size: 30px;
	color: #000;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 25px;
	color: #006d0a;
	line-height: 30px;
	margin-bottom: 10px;
	font-weight: bold;

}

h3 {
	color: #666;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

h4 {
	color: #666;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

A {
	color:#003399;
	text-decoration: underline;
}
A:hover {
	color:#006d0a;
	text-decoration:none;
}

p {
	margin: 0px 0px 20px 0px;
	padding: 0;
}

ul {
	margin: 0px 0px 20px 40px;
	padding: 0;
}

ol {
	margin: 0px 0px 20px 40px;
	padding: 0;
}

#player_640 {
	width: 640px;
	height: 480px;
	display: block;
	margin-bottom: 10px;
}

#player {
	width: 261px;
	height: 147px;
	display: block;
	margin-bottom: 10px;
}

#splash {
	width: 640px;
	height: 480px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#player_container {
	width: 640px;
	height: 480px;
	display: block;
	float: left;
}

#top-links {
	display: block;
	background-color:#006d0a;
	padding: 5px 10px 5px 5px;
	margin: 0px 0px 10px 0px;
	text-align: right;
}

#top-links p {
	margin: 0px 0px 0px 0px;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
}

#top-links A {
	color: white;
	text-decoration: none;
}

#top-links A:hover {
	color: yellow;
	text-decoration: underline;
}

#category {
	display: block;
	border: 1px solid #adc1a3;
	background-color:#e7ece5;
	padding: 15px;
	margin: 10px 0px 10px 0px;
}

#agreement {
	display: block;
	height: 500px;
	overflow: scroll;
	border: 1px solid #adc1a3;
	background-color:#e7ece5;
	padding: 15px;
	margin: 10px 0px 10px 0px;
}

#info {
	display: none;
	font-size: 12px;
	border: 1px solid #adc1a3;
	background-color:#e7ece5;
	padding: 5px;
	margin-top: 10px;
}

#moreinfo {
	display: block;
	font-size: 12px;
	border: 1px solid #adc1a3;
	background-color:#e7ece5;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#info p {
	margin: 0;
}

#moreinfo p {
	margin: 0;
}

#details {
	width: 640px;
}

#button_container {
	width: 640px;
	height: 40px;
}

.button {
	width: 80px;
	min-height: 35px;
	margin-right: 65px;
	background-color: #038DC1;
	float: left;
}

.button p {
	font-size: 9px;
	color: white;
	font-family: Verdena,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 11px;
	text-align: center;
	margin: 0;
	padding: 7px;
}

.button a {
	text-decoration: none;
	color: white;
}

.button a:hover {
	text-decoration: none;
	color: #ffc;
	background-color: #038DC1;
}


/* playlist style */
#playlist {
	width:300px;
	height:680px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:4px 0px 0px 7px;
	border: 1px solid #adc1a3;
	background-color:#e7ece5;
	margin: 0;
	float:right;
}

/* playlist entry */
#playlist a {
	display:block;
	width:250px;
	min-height:75px;
	padding:10px;
	background-color:#fff;
	border: 1px solid #8b8a8a;
	font:9px "bitstream vera sans", "lucida grande",verdana;
	line-height: 14px;
	text-decoration:none;
	margin-top:4px;
	margin-right:4px;
	color:#666;
	float:left;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#f5dfbd;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-bottom:5px;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

#playlist h4 {
	font-size: 13px;
	line-height: 16px;
	margin: 0px 0px 5px 0px;
	color: #006d0a;
}
#playlist p {
	color: #666;
	margin: 0;
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:0px;
	color:#333;
	font-style:normal;
	margin-top:3px;
}