/* CSS Document */



body{

background-image:url(images/bg.jpg);

background-repeat:repeat-x;

margin:0px;

font-family: tahoma, Verdana, sans-serif;

font-size: small;}



.holder{

width:748px;

margin-left:auto;

margin-right:auto;

margin-top:10px;

background-image:url(images/curve_mid.jpg);

background-repeat:repeat-y;

}



.header{

height:36px;

padding:5px;

padding-left:22px;

}



.navigation{

float:right;

font-size: 20px;

font-weight: normal;

letter-spacing: -1px;

color: #006699;

padding-right:22px;

padding-top:2px;

}



.block_left{

background-image:url(images/nav_block.gif);

background-repeat:no-repeat;

float:left;

width:227px;

height:191px;

margin-left:22px;

}



*html .block_left{

background-image:url(images/nav_block.gif);

background-repeat:no-repeat;

float:left;

width:227px;

height:191px;

margin-left:10px;

}



.block_right{

	background-image:url(images/side_banner_bg.jpg);

	;

	background-repeat:no-repeat;

	float:right;

	width:437px;

	height:86px;

	margin-right:22px;

	font-size: 36px;

	padding-left: 10px;

	padding-top: 105px;

	color: #FFFFFF;

}



*html .block_right{

	background-image:url(images/side_banner_bg.jpg);

	;

	background-repeat:no-repeat;

	float:right;

	width:437px;

	height:86px;

	margin-right:10px;

	font-size: 36px;

	padding-left: 10px;

	padding-top: 105px;

	color: #FFFFFF;

}



.top_curve{

background-image:url(images/curve_top.jpg);

background-repeat:no-repeat;

height:16px;}



.left_shade1{

background-image:url(images/curve_left.jpg);

background-repeat:no-repeat;

width:5px;

float:left;

height:600px;

}



.center_content{

width:738px;

background-color:#FFFFFF;

float:left;

}



.right_shade1{

background-image:url(images/curve_right.jpg);

background-repeat:no-repeat;

width:5px;

float:left;

height:600px;

}



.left_content{
	float:left;
	width:197px;
	margin-left:22px;
	margin-top:10px;

}



*html .left_content{

float:left;

width:227px;

margin-left:10px;

margin-top:10px;

}



.right_content{
	margin-top:10px;
	float:right;
	width:467px;
	margin-right:22px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;

}



*html .right_content{

	margin-top:10px;

	float:right;

	width:437px;

	margin-right:10px;

	padding-left: 10px;

	border-left: solid 1px #F2F2F2;

}



.bottom_curve{

height:17px;

background-image:url(images/curve_btm.jpg);

background-repeat:no-repeat;

background-position: center center;

clear:both;

}



.footer{

width:748px;

margin-left:auto;

margin-right:auto;

text-align:center;

margin-top:10px;

margin-bottom:25px;

}



h2 {

	margin: 0;

	color: #006699;

	font-size: 18px;

	font-weight: normal;

	letter-spacing: -1px;

	padding-left:25px;

	background-image:url(images/bullet.gif);

	background-repeat:no-repeat;

	background-position: 5px 3px;

}



h2 a:link, h2 a:hover, h2 a:visited {

	color: #000;

	text-decoration: none;

}

	

h1 {

	font-size: 20px;

	font-weight: normal;

	letter-spacing: -1px;

	color: #006699;

	margin: 0;

}



h1 a:link, h1 a:visited, h1 a:hover {

	text-decoration: none;

	color: #003366;

}

	

h4 {

	margin: 0;

	color: #006699;

	font-size: 12px;

	padding-top:5px;

	padding-bottom:9px;

	background-image:url(images/dots-hr-4.gif);

	background-repeat:repeat-x;

}



h3 {

	margin: 0 0 8px 0;

	color: #999;

	font-size: 19px;

	font-weight: normal;

	letter-spacing: -1px;

	text-transform: uppercase;

}



h5 {

	margin: 0 0 8px 0;

	color: #999;

	font-size: 12px;

	font-weight: normal;

	text-transform: uppercase;

}



.hr{

	width: 100%;

	height:8px;

	background-image:url(images/dots-hr.gif);

	margin-left:auto;

	margin-right:auto;

	margin-bottom:10px;

	background-repeat: repeat-x;

	background-position:center;

}



a:link, a:visited {

	color: #006699;

	text-decoration: none;

	}

a:hover {

	text-decoration: underline;

	}





.nav{

color:#006699;

text-decoration:none;

padding-left:20px;

padding-right:5px;

background-image:url(images/nav_buddy.gif);

background-repeat:no-repeat;

background-position: 7px 9px;}



.nav:hover{

color:#003366;

text-decoration:none;

padding-left:20px;

padding-right:5px;

background-image:url(images/nav_buddy.gif);

background-repeat:no-repeat;

background-position: 7px -9px;}


#playerroot {
	position:absolute;
	width:402px;
	height:268px;
	border-right:#333 1px solid;
	border-top:#333 1px solid;
	border-left:#333 1px solid;
	border-bottom:#333 0px solid;
	background-color: #f4f4f4;
	z-index:1000
}
#listroot {
	position:absolute;
	width:230px;
	height:268px;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
	border-top:#333 1px solid;
	border-bottom:#333 1px solid;
	background-color: #f4f4f4;
	z-index:2
}

#playerhandle { width:396px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; margin:2px; color:white; background-color:#000000; font-weight: bold; }
#listhandle {
	width:296px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	color:white;
	background-color:#000000;
	font-weight: bold;
}

.playlistlo { font:12px verdana,arial,helvetica,sans-serif; vertical-align:top; text-transform:none; color:#000000; background-color:#E7EFEF; text-align: left }
.playlisthi { font:12px verdana,arial,helvetica,sans-serif; text-transform:none; color:#000000; background-color:#2CDCD8; }
.playlistbox { margin: 0px; border-right: #2CDCD8 1px solid; border-top:#2CDCD8 1px solid; border-left:#2CDCD8 1px solid; border-bottom:#2CDCD8 1px solid; overflow: auto; }
h5 {
	color: #006699;
}