/*begin member advertizments*/
#referafriend, #newsletter
{
	 
    }
#referafriend, #newsletter, #ad, #buy, #request{margin-left:10px; margin-bottom:10px;}

#referafriend a, #newsletter a
{
	display:block;
    width:180px;
    height:70px;
    }
#referafriend a:hover,  #newsletter a:hover{ background-position:0px -70px}        
#referafriend a span, #newsletter a span{display:none;}
#referafriend a {background-image:url(../images/referafriend.gif)}
#newsletter a {background-image:url(../images/newsletter.gif)}
/*end member advertizments*/
    
body {
	background-color: #6F4D36;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_pattern.png);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
}
td{font-size:10pt;}
p{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
}
li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
}
ul {
	list-style-type: square;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #4D7486;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
}
/*Begin wizard stuff*/
.notShown{display:none; width:1; height:1;}
.WizardContent{width:450px;float:left; margin-left:5px; }
.WizardLegend{ width:191px; float:left; margin-top:15px;}
.Step1, .Step2, .Step3, .Step4, .Step5,
.Step1_current, .Step2_current, .Step3_current, .Step4_current, .Step5_current,
.Step1_done, .Step2_done, .Step3_done, .Step4_done, .Step5_done
{ background-image:url(images/wizardsprite.gif); height:30px;	}

.Step1{background-position:-0px 0px}
.Step1_current{background-position:-191px 0px}
.Step1_done{background-position:-382px 0px}

.Step2{ background-position:-0px -30px }
.Step2_current{background-position:-191px -30px}
.Step2_done{background-position:-382px -30px}

.Step3{background-position:0px -60px}
.Step3_current{background-position:-191px -60px}
.Step3_done{background-position:-382px -60px}

.Step4{background-position:0px -90px}
.Step4_current{background-position:-191px -90px}
.Step4_done{background-position:-382px -90px}

.Step5{background-position:0px -120px}
.Step5_current{background-position:-191px -120px}
.Step5_done{background-position:-382px -120px}


/*End wizard stuff*/

/*Begin song Grid stuff*/

.SongTitle,.BonusTitle,.TrackTitle,.ChartTitle, .FileTitle, .Notes, .Track, .File, .Chart
{	width:500px; 	
 	height:30px;
 	position:relative;
 	border-bottom: solid 1px white;
	}
.SongTitle{		color:White;	
           		background-image:url(images/SongGrid/SongTitle.gif)	}
           		
.BonusTitle	
{				height:35px;
 				margin-top:5px;
				color:White;	
            	background-image:url(images/SongGrid/BonusTitle.gif);
				background-position:bottom;
				background-repeat:no-repeat;}

.TrackTitle{	background-image:url(images/SongGrid/TrackTitle.gif);	}
.ChartTitle{	background-image:url(images/SongGrid/ChartTitle.gif);}
.FileTitle{		background-image:url(images/SongGrid/FileTitle.gif);	}

.Notes{			font-size: .625em; 	
       			background-image:url(images/SongGrid/notes.gif);	}

.Track, .File , .Chart{	background-color:#cccccc; }

.pnlDownload
{	position:absolute;
 	height:30px;
 	top:5px;
 	left:400px;
	}
	.pnlDownload img{ vertical-align:middle;}
.pnlDisplay
{	position:absolute;
 	height:30px;
 	top:5px;
 	left:10px;
	}


.pnlNotes
{	position:absolute;
 	height:30px;
 	top:8px;
 	left:75px;
	}
	
.pnlSongTitle
{	position:absolute;
 	height:30px;
 	top:5px;
 	left:60px;
	}
	
.pnlBonusTitle
{	position:absolute;
 	height:30px;
 	top:10px;
 	left:115px;
	}
/*End song Grid stuff*/
/* Begin Members menu stuff*/

#MemberRealConent
{	float: left;
	height: auto;
	width: 460px;
	background-image: url(../images/icon_light.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	}

.MemberMenuCol
{
	width:191px;
	float:left;
	margin-right:5px;
}

#MemberContent
{
	width:480px;
	float:left;
	}
.MemberMenuCol ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.MemberMenuCol li {
	float: left;
}
.MemberMenuCol ul li a.Downloads {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
}
.MemberMenuCol ul li a.Downloads:hover {
	background-position: -189px 0px;
}
.MemberMenuCol ul li a.Downloads_down{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px 0px;	}
	
.MemberMenuCol ul li a.MyProfile {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -30px;
}
.MemberMenuCol ul li a.MyProfile:hover {
	background-position: -189px -30px;
}
.MemberMenuCol ul li a.MyProfile_down{
		background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -30px;	}
	
.MemberMenuCol ul li a.MyPassword {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -60px;
}
.MemberMenuCol ul li a.MyPassword:hover {
	background-position: -189px -60px;
}
.MemberMenuCol ul li a.MyPassword_down
{	
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -60px;	}	
	
.MemberMenuCol ul li a.ShoppingCart {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -90px;
}
.MemberMenuCol ul li a.ShoppingCart:hover {
	background-position: -189px -90px;
}
.MemberMenuCol ul li a.ShoppingCart_down{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -90px;	}		
	
.MemberMenuCol ul li a.ShoppingHistory{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -120px;
}
.MemberMenuCol ul li a.ShoppingHistory:hover {
	background-position: -189px -120px;
}
.MemberMenuCol ul li a.ShoppingHistory_down{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -120px;	}
	
.MemberMenuCol ul li a.Logout {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -150px;
}
.MemberMenuCol ul li a.Logout:hover {
	background-position: -189px -150px;
}
.MemberMenuCol ul li a.Logout_down
{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -150px;	}	
/* End Members menu stuff*/
.MemberMenuCol ul li a.Contest {
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: 0px -180px;
}
.MemberMenuCol ul li a.Contest:hover {
	background-position: -189px -180px;
}
.MemberMenuCol ul li a.Contest_down
{
	background-image: url(../images/MemberMenu/menusprite.gif);
	display: block;
	height: 30px;
	width: 191px;
	background-position: -378px -180px;	}	

.blogDate
{
	 font-style:italic;
	 font-size:.8em;
	 font-weight:normal;
	}
.blogEntry
{
	 font-size:.8em;
	 
	}
a span {display:none}
a:link {
	color: #753205;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #999999;
}
#topBackground {
	background-image: url(../images/top_gradient.png);
	background-repeat: repeat-x;
	height: 154px;
}
#mainBackground {
	background-repeat: repeat;
	height: auto;
	width: auto;
}
#topWrapper {
	height: 154px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#mainWrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/content_stretch.png);
	background-repeat: repeat-y;
}
#mainWrapperWide {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/wide/content_stretch.png);
	background-repeat: repeat-y;
}
#mainMenu {
	height: 40px;
	width: 900px;
}
#mainMenu #leftBorderBox {
	background-image: url(../images/menu/left_border.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 81px;
}
#mainMenu #rightBorderBox {
	background-image: url(../images/menu/right_border.png);
	background-repeat: no-repeat;
	
	float: left;
	height: 40px;
	width: 100px;
}
 #mainMenu #buttonBox {
	float: left;
	height: 40px;
	width: 719px;
}
#mainMenu #buttonBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainMenu #buttonBox li {
	float: left;
}
#mainMenu #buttonBox a.home {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 42px;

}
#mainMenu #buttonBox a.home:hover {
	background-position: 0px -40px;
}
#mainMenu #buttonBox a.home_down{
	background-position: 0px -80px;
}
#mainMenu #buttonBox a.aboutUs {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 90px;

	background-position: -42px 0px;
}
#mainMenu #buttonBox a.aboutUs:hover {
	background-position: -42px -40px;
}
#mainMenu #buttonBox a.aboutUs_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 90px;

	background-position: -42px -80px;
}
#mainMenu #buttonBox a.faqs {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;

	background-position: -132px 0px;
}
#mainMenu #buttonBox a.faqs:hover {
	background-position: -132px -40px;
}
#mainMenu #buttonBox a.faqs_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;

	background-position: -132px -80px;
}
#mainMenu #buttonBox a.tutorials {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 101px;

	background-position: -213px 0px;
}
#mainMenu #buttonBox a.tutorials:hover {
	background-position: -213px -40px;
}
#mainMenu #buttonBox a.tutorials_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 101px;

	background-position: -213px -80px;
}
#mainMenu #buttonBox a.ourTeam {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 104px;

	background-position: -314px 0px;
}
#mainMenu #buttonBox a.ourTeam:hover {
	background-position: -314px -40px;
}
#mainMenu #buttonBox a.ourTeam_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 104px;
	background-position: -314px -80px;
}
#mainMenu #buttonBox a.ourBlog {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 102px;

	background-position: -418px 0px;
}
#mainMenu #buttonBox a.ourBlog:hover {
	background-position: -418px -40px;
}
#mainMenu #buttonBox a.ourBlog_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 102px;

	background-position: -418px -80px;
}
#mainMenu #buttonBox a.ourFriends {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 118px;

	background-position: -520px 0px;
}
#mainMenu #buttonBox a.ourFriends:hover {
	background-position: -520px -40px;
}
#mainMenu #buttonBox a.ourFriends_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 118px;

	background-position: -520px -80px;
}
#mainMenu #buttonBox a.contact {
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;

	background-position: -638px 0px;
}
#mainMenu #buttonBox a.contact:hover {
	background-position: -638px -40px;
}
#mainMenu #buttonBox a.contact_down{
	background-image: url(../images/menu/main_menu_sprite.gif);
	display: block;
	height: 40px;
	width: 81px;

	background-position: -638px -80px;
}
#mainBackground #footerBox {
	background-image: url(../images/footer/bg_gradient.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: 900px;
	
	float: left;
}

/* Styles for the Main Content Box */

#mainContentBox {
	background-image: url(../images/bg_image_field.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: auto;
	background-position: left bottom;
}
#mainContentBox #backgroundBox {
	float: left;
	width: 301px;
	vertical-align: bottom;
	/*background-image: url(../images/content_gradient_top.jpg);
	*/background-repeat: no-repeat;
	background-position: right top;
	height: 60px;
}

#mainContentBox #textBox {
	
	float: left;
	width: 599px;
	height: auto;
}
#mainContentBox #textBox #titleBox #titleImageBox {
	background-image: url(../images/title_stretch.gif);
	background-repeat: repeat-x;
	float: left;
	height: 70px;
	width: 499px;
}
#mainContentBox #textBox #titleBox #borderRight {
	background-image: url(../images/title_border_right.png);
	background-repeat: no-repeat;
	
	float: left;
	height: 70px;
	width: 100px;
}
 #mainContentBox #textBox #realContent {
	
	float: left;
	height: auto;
	width: 460px;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(../images/icon_light.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	background-color: #FFFFFF;
}
#mainContentBox #textBox #footer {
	background-image: url(../images/bg_field_bottom.jpg);
	background-repeat: no-repeat;
	
	float: left;
	height: 78px;
	width: 599px;
}
#mainContentBox #textBox #footer #borderRight {
	background-image: url(../images/bg_field_bottom_right.png);
	background-repeat: no-repeat;
	height: 78px;
	width: 100px;
	float: right;
}
#mainContentBox #flashBox {
	
	float: left;
	height: 170px;
	width: 900px;
}

/* styles for the wide maincontent box */

#mainContentBoxWide {
	background-image: url(../images/wide/bg_image_field.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: auto;
	background-position: left bottom;
}
#mainContentBoxWide #backgroundBox {
	float: left;
	width: 82px;
	vertical-align: bottom;
	/*	background-image: url(../images/menu/side_gradient.jpg);*/
	background-image: url(../images/content_gradient_top.jpg);
	 background-position:right;
	 background-repeat:no-repeat;

	background-repeat: no-repeat;
	
	height: 60px;
}
#mainContentBoxWide #textBox {
	
	float: left;
	width: 818px;
	height: auto;
}
#mainContentBoxWide #textBox #titleBox #titleImageBox {
	background-image: url(../images/title_stretch.gif);
	background-repeat: repeat-x;
	float: left;
	height: 70px;
	width: 718px;
}
#mainContentBoxWide #textBox #titleBox #borderRight {
	background-image: url(../images/title_border_right.png);
	background-repeat: no-repeat;
	
	float: left;
	height: 70px;
	width: 100px;
}
#mainContentBoxWide #textBox #realContent {
	
	float: left;
	height: auto;
	width: 679px;
	background-image: url(../images/icon_light.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	padding-right: 30px;
	padding-left: 30px;
}
#mainContentBoxWide #textBox #footer {
	background-image: url(../images/wide/bg_field_bottom.jpg);
	background-repeat: no-repeat;
	
	float: left;
	height: 78px;
	width: 818px;
}
#mainContentBoxWide #textBox #footer #borderRight {
	background-image: url(../images/bg_field_bottom_right.png);
	background-repeat: no-repeat;
	height: 78px;
	width: 100px;
	float: right;
}
#mainContentBoxWide #flashBox {
	
	float: left;
	height: 170px;
	width: 900px;
}

/* footer box */

#footerBox {
	background-image: url(../images/footer/bg_gradient.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: 900px;
	margin-left:auto;
	margin-right:auto;

}
#footerBox #ceTagBox {
	float: left;
	height: 37px;
	width: 265px;
	padding-top: 13px;
	padding-left: 35px;
}
#footerBox #ceTagBox a.ceTag {
	background-image: url(../images/footer/ce_tag_sprite.gif);
	height: 25px;
	width: 233px;
	display: block;
	text-indent: -999px;
}
#footerBox #ceTagBox .ceTag:hover {
	background-position: 0px -25px;
}
#footerBox #copyrightBox {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #753205;
	float: left;
	height: 30px;
	width: 470px;
	text-align: right;
	padding-top: 20px;
	padding-right: 30px;
}
#footerBox #borderRight {
	background-image: url(../images/footer/border_right.gif);
	
	float: left;
	height: 50px;
	width: 100px;
}


/* classes */

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}