﻿
* :focus { outline: 0; }

body {
	background-image: url(/Images/bg.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#4F4F4F;
}
#nav {
	list-style-type: none;
	margin-top: 76px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
	width: 685px;
	padding: 0px 0 0 18px;

}
.floatleft{
	float:left;
}
p {
	margin: 0px;
	padding: 0px;
}
#wrapper #main {
	background-image: url(/Images/main_bggrad2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding: 10px;
	float: left;
	width: 964px;
	background-color: #E6E6E6;
}
#wrapper #header {
	float: left;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#nav li {
	display: inline;
	margin-right: 3px;
}
#nav a {
	color: #C3D3DB;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/Images/tab_left_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0 8px 6px;
	display: block;
	float: left;
	margin-right: 3px;
}
#nav a.selected {
	background-image: url(/Images/tab_left_on.gif);
	color: #6C9DB2;
}
#nav a:hover.selected span {
	background-image: url(/Images/tab_left_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 8px 6px;


}#nav a:hover.selected {
	background-image: url(/Images/tab_right_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px 6px 8px 0;


}
#nav a:hover {
	background-image: url(/Images/tab_left_hover.gif);
}
#nav a:hover span{
	background-image: url(/Images/tab_right_hover.gif);
}
#nav a:hover span{
	background-image: url(/Images/tab_right_hover.gif);
}
#nav a.selected span{
	background-image: url(/Images/tab_right_on.gif);
}
#nav span {
	background-image: url(/Images/tab_right_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px 6px 8px 0;

}
#logo {
	padding: 10px;
	margin: 0px;
	float: left;
}
#wrapper {
	width: 996px;
	margin: 0px auto;
	font-size: 120%;
}
.clear {
	clear: both;
	height: 0px;
}
#wrapper #mainbot {
	background-image: url(/Images/main_bot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}
#content1 {
	float: right;
	width: 660px;
	margin-left: 10px;
}
#sidebar1 {
	width: 293px;
}
#content2 {
	
	width: 660px;
	float:left;
	margin-left: 10px;
}
#sidebar2 {
	width: 283px;float: left;
}

#footer {
	background-image: url(/Images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	height: 85px;
	width: 949px;
	margin-left: 0px;
	margin-top: 0px;
}
#sidebar1 dl {
	background-image: url(/Images/side_header_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 18px 0;
	margin: 0 0 10px 0;
}
#sidebar1 dt {

	background-image: url(/Images/side_header_top.gif);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 7px 0 22px 15px;

	font-size: 110%;

	font-weight: bold;

	color: #ffffff;

}

#sidebar1 dd {

	background-image: url(/Images/side_header_rpt.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	margin: 0px;

	padding: 0px;

}



#content1 dl {

	background-image: url(/Images/cont_header_bot2.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding: 0px 0 18px 0;

	margin: 0px 0 10px 0;

	width: 660px;

}

#content1 dt {

	background-image: url(/Images/cont_header_top.gif);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 7px 0 15px 15px;

	font-size: 110%;

	font-weight: bold;

	color: #ffffff;

}
#content1 dd {
	background-image: url(/Images/cont_header_rptgrey.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#content2 h1 {
	background-image: url(/Images/h1_music.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	font-size: 110%;
	padding: 15px 0 25px 12px;
}
#content2 {
	background-image: url(/Images/pages_botmain.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
	margin-bottom: 10px;	
}
#content2bot {
background-image: url(/Images/pages_rptmain.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#sidebar2 h2 {
	font-size: 110%;
	color: #FFFFFF;
	background-image: url(/Images/side2_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 8px 0 15px 12px;

}
#sidebar2rpt {
	background-image: url(/Images/side2_rpt.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#sidebar2 {
	background-image: url(/Images/side2_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 12px;
}
.newsmodule a {
            float: right;
            width: 180px;
}
 .newsmodule img {
            padding-left:5px;
            padding-right: 5px;
            padding-bottom: 5px;
}
.songmonth p {
            float: right;
            width: 140px;
            display: block;
            margin-top: 5px;
            padding-right:10px;
}
#wrapper #main #sidebar1 .songmonth {
            padding: 5px;
}

.songmonth img#cover {
            padding-left:5px;
            padding-right: 5px;
            padding-bottom: 5px;
}
.greybandbg {
            background-color: #eeeeee;
			padding: 5px 5px 0;
            margin-right: 5px;
            margin-left: 5px;
}
#sidebar1 .greybandbg_main {
	background-color: #eeeeee;
	margin-left: -3px;
	padding:5px 5px 5px 12px;
	
}
 #sidebar1 .whitebandbg_main {
	background-color: #ffffff;
	margin-left: -3px;
	padding:5px 5px 5px 12px;
	
}
#main a {
            font-weight: bold;
            color: #347FAA;
            text-decoration:none;
}
#main a:hover {

            color: #1B5E84;
}
.whitebandbg {
	padding:5px 5px 0;
    margin-right: 5px;
    margin-left: 5px;
}
.songmonth a {
            display: block;
            margin-bottom: 5px;
}
#content2bot #ctl00_news {
	background-image: url(/images/h1_news.gif);
}
#content2bot #ctl00_samples {
	background-image: url(/images/h1_samples.gif);
}
#content2bot #ctl00_videos {
	background-image: url(/images/h1_videos.gif);
}
#content2bot #ctl00_catalogue {
	background-image: url(/images/h1_catalogue.gif);
}
#content2bot #faqs {
	background-image: url(/images/h1_faqs.gif);
}

#content2bot .listimgpara {
	float: right;
	width: 555px;
}
#content2bot #detailspages img.float {
	float: right;
	margin:0 0 10px 10px;
}
#sidebar2 .listimgpara {
	float: right;
	width: 205px;
}
#sidebar1 .listimgpara {
	float: right;
	width: 205px;
}
#sidebar2 .padding{
	padding:0 5px 0 7px;
}

.imagebgl{
	width:74px;
	padding:6px 0 0px 6px;
	height:74px;
	background-image: url(/images/70pximageholder.gif);
}
.imagebgs{
	width:46px;
	padding:5px 0 0px 5px;
	height:46px;
	background-image: url(/images/52pximageholder.gif);
}
#main a {
	font-weight: bold;
	color: #347FAA;
}
.whitebandbg_main {
	margin-left: 5px;
	padding: 8px 5px 8px 10px;

}
.greybandbg_main {
	background-color: #eeeeee;
	margin-left: 5px;
	padding: 8px 5px 8px 10px;
	
}
div.fivepx{
padding-top:5px;
}
.contentpadding {
	padding:7px 20px;
}
.composerrad{	

	background: #EEEEEE url(/Images/composertabs_bot.gif) left bottom  no-repeat;
}
.composerrad div{	
	padding:20px 20px;
	background: url(/Images/composertabs_top.gif) left top  no-repeat;
}
.alignright {
	text-align:right;
}
.greyline {
		background: url(/Images/greyline.gif) 50% 0 repeat-x;
		height:10px;
		margin-top:10px;
}
.greyline2 {
		background: url(/Images/greyline.gif) 50% 0 repeat-x;
		height:5px;
		margin-top:10px;
		padding-top:10px;
		clear:both;
}
.newsdetailfirestimg{
	float:right;
	padding-left:15px;
}
.relatedsamplers{
	float: left; width: 126px; margin-right: 20px;
}





.RadTabStrip_Alex2
{
	font:12px Vedana, sans-serif;
	text-align:center;
}


.RadTabStrip_Alex2 ul
{
	padding-top:3px !important;

}
.rtsLevel1{	padding-left:10px;
}
.RadTabStrip_Alex2 li a
{
	padding-left:0px;
	background:transparent url(/Images/composertabs_left_off.gif) left 0px no-repeat;
	color:Black;
	text-decoration:none;
	line-height:27px;
	margin-right:3px;	
}

.RadTabStrip_Alex2 li a .rtsOut
{

	padding-right:7px;
	background:transparent url(/Images/composertabs_right_off.gif) right 0px no-repeat;
}

.RadTabStrip_Alex2 li a .innerWrap
{

	padding:0 5px;
	background:transparent url(/Images/composertabs_right_off.gif) 0px 0px repeat-x;
}

.RadTabStrip_Alex2 li a.rtsSelected
{

	background:transparent url(/Images/composertabs_left.gif) 0px 0px no-repeat;
	color:White;
}

.RadTabStrip_Alex2 li a.rtsSelected .rtsOut
{
	background-image:url(/Images/composertabs_right.gif);	color:#3B3B3B;
}


.RadTabStrip_Alex2 li a.rtsLink rtsSelected .innerWrap
{
	background-image:url('img/tabMiddleOn.gif');
}

.RadTabStrip_Alex2 a.disabled .innerWrap
{
	cursor: default;
}

/* arrows */
.RadTabStrip_Alex .rightArrow, 
.RadTabStrip_Alex .leftArrow,
.RadTabStrip_Alex .rightArrowDisabled, 
.RadTabStrip_Alex .leftArrowDisabled
{
	width:17px;
	height:22px;
}




.RadTabStrip_Alex .leftArrow
{
	background-image:url(img/ScrollLeft.png);
}

.RadTabStrip_Alex .rightArrow
{
	background-image:url(img/ScrollRight.png);
}

.RadTabStrip_Alex .leftArrowDisabled
{
	background-image:url(img/ScrollLeftDisabled.png);
}

.RadTabStrip_Alex .rightArrowDisabled
{
	background-image:url(img/ScrollRightDisabled.png);
}



.composerswapper {
	position: relative;
}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;}
#Layer4 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 11px;
	top: 228px;
	visibility: hidden;
}
#Layer5 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer6 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer7 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer8 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer9 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer10 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer11 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer12 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer13 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer14 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer15 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer16 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer17 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer18 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer19 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer20 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer21 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer22 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer23 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer24 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer25 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer26 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer27 {	position:absolute;	width:200px;	height:115px;	z-index:2;	left: 11px;	top: 228px;	visibility: hidden;}
#Layer3 {
	position:absolute;
	width:395px;
	height:115px;
	z-index:3;
	left: 235px;
}
#Layer3 img {
padding:10px;
}

div.rrClipRegion, ul.rrItemsList, div.rrRelativeWrapper, div.RadRotator RadRotator_Default 
{
	border:none;
}
.allnewsbtn{
		background: url(/Images/backtolist.gif) 0px 0px no-repeat;
		padding: 7px 20px 8px 20px;
		margin-top:10px;
}


.composerImagefloatright{
	float:right;
	margin:0 0 20px 20px;
}
.composerImagefloatleft{
	float:left;
	margin:0 20px 20px 0px;
}

#sidebar2 ol.paging{
	padding:10px;
	margin:0 0 0 0;
	list-style-type:none;
	width: 263px;
	text-align:right;
	background-color:#366A86;
	border-bottom:3px solid #3A3A3A;
}
#content2 ol.paging{
	padding:10px;
	margin:0 0 0 5px;
	list-style-type:none;
	width: 635px;
	text-align:right;
	background-color:#366A86;
	border-bottom:3px solid #3A3A3A;
}
#content2 ol.paging li, #sidebar2  ol.paging li{
	padding:0;
	margin:0;
	display:inline;	
}
#main #sidebar2 ol.paging li a.sf_PagerSelItem, #main #content2 ol.paging li a.sf_PagerSelItem{
	color:#898989;
	text-decoration:none; 
	padding:10px;
	background-color:#264A5E;

}
#main #sidebar2 ol.paging li a, #main #content2 ol.paging li a{
	padding:0 10px 0;
	margin:0;
	color:#ffffff;
	text-decoration:underline; 
	
}
div.navdiv
{
	display:inline;
}
.composer_newslist{
margin:10px 0 10px 0;
padding:0;
list-style-type:none;
}
.composer_newslist li{
margin:0;
padding:0 0 5px 15px;
		background: url(/Images/redbull.gif) 0px 7px no-repeat;
}



