/************ TYPOGRAPHY **********/



/*body,

table

{

	font-family: arial, sans-serif;

	font-size: 11px;

	color: #505050;

	line-height: 14px;

}*/

img {

   behavior: url("/worshiptest/scripts/pngbehavior.htc");

}
hr {
	background-color: #666666;
}

a

{

	color: #CCCCCC;

	text-decoration: none;

}



a:hover

{
	color: #FFFFFF;
	text-align: center;

}



h1

{
	font-size: 18px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	margin: 3px 0 22px 0;
	text-align: left;

}



h2,

table h2

{

	font-size: 14px;

	font-family: trebuchet ms;

	color: #9dbf2d;

	margin: 25px 0 15px 0;

}



h2.top

{

	margin-top: 0px;

}



h3,

table h3

{

	font-size: 12px;

	font-family: trebuchet ms;

	color: #7D504B;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0px;

	margin-left: 0;

	padding-bottom: 5px;

	padding-top: 10px;

}



h3.top

{

	margin-top: 0px;

}



* html h3

{

	margin-bottom: 5px;

}



h4

{

	font-size: 11px;

	font-weight: bold;

	color: #4878ba;

	margin-top: 25px;

	text-transform: lowercase;

}



h4.top

{

	margin-top: 0px;

}



h4.bottom

{

	margin-bottom: 5px;

}



h4.subtle

{

	color: #908f8f;

}

.xxsmall 

{

	font-size: xx-small

}

.size16 

{

	font-size: 16px;

	font-weight: bold;

}

.center

{

	text-align: center;

}

.button

{

	border: 1px inset #000033;

	color: #000033;

	font-size: 10px;

	background-image: url(http://www.thesongoftheheart.com/musicforworship/images/button-background.jpg);

	background-repeat: repeat-x;

}



/************ GENERAL LAYOUT **********/



/*table, td, tr

{

	border-collapse: collapse;

	vertical-align: top;

	font-family: "Trebuchet MS";

	font-size: 12px;

	color: #FFFFFF;

}*/

/*

td

{

	vertical-align: baseline;

}



img

{

	border: 1px solid #D0B4B0;

	padding: 3px;

	margin: 3px;

}



div.hr

{

	border-top: 1px solid #ababab;

	height: 1px;

	margin: 20px 0 10px 0;

	clear: both;

}



.float_left

{

	float: left;

}



.float_right

{

	float: right;

}



.clear

{

	clear: both;

}



.align_hor_right

{

	text-align: right;

}



.align_hor_left

{

	text-align: left;

}



.align_hor_center

{

	text-align: center;

}



.width_tiny

{

	width: 22px;		

}



.width_small

{

	width: 50px;

}



.width_date

{

	width: 60px;

}



.width_less

{

	width: 80px;

}



.width_standard

{

	width: 125px;

}



.width_medium

{

	width: 225px;

}



.width_large

{

	width: 400px;

}



.width_max_box

{

	width: 175px;

}



.width_max_form

{

	width: 390px;

}



.width_max

{

	width: 610px;

}



.width_full

{

	width: 100%;

}



.height_standard

{

	height: 60px;

}



.height_medium

{

	height: 100px;

}



.height_large

{

	height: 400px;

}



.spacer_ver_tiny

{

	height: 5px;

}



.spacer_ver_small

{

	height: 10px;

}



.spacer_ver_standard

{

	height: 25px;

}



.spacer_ver_medium

{

	height: 50px;

}



.spacer_hor_small

{

	margin: 0 5px 0 5px;

}



span.delimiter

{

	margin-left: 8px;

	margin-right: 8px;

}



.col_2_left

{

	float: left;

	width: 45%;

}



.col_2_right

{

	float: right;

	width: 45%;

}









*//************ SPECIFIC LAYOUT ************/



body

{

	text-align: center;

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

	background-repeat: repeat;

}





div#shell

{

	width: 775px;

	text-align: left;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



div#toplogo

{

	height: 43px;

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

	background-repeat: no-repeat;

	background-position: left top;

}



div#inner-border

{

	width: 775px;

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

	background-repeat: repeat;

/*	padding-left: 50px;*/

}



div#inner-content

{

	width: 725px;

	font-family: "Trebuchet MS";

	padding-left: 50px;

	font-size: 12px;

	color: #FFFFFF;

}



div#inner-content a

{

	color: #FFFFFF;

}



div#inner-content a:hover

{

	color: #FF9999;

}



div#border-bottom

{

	height: 26px;

	background-image: url('../images/border-bottom.gif');

	background-repeat: no-repeat;

	background-position: left top;

}



div#nav_L1

{

	height: 20px;

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

	background-repeat: no-repeat;

	background-position: left top;

	font-family: "Trebuchet MS";

	font-size: 12px;

	padding-top: 10px;

	color: #CCCCCC;

}



div#main-home

{

	height: 500px;

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

	background-repeat: no-repeat;

	background-position: left top;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

}

div#main-inner
{
	background-image: url(../images/background-horizonal-line.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 30px;
	padding-right: 30px;
	color: #FFFFFF;
	margin-top: 45px;
	font-weight: bold;
}
div#printed-main
{
	width:660px;
	padding-top:15px;
	margin-left: 40px;
	padding-bottom: 10px;
	min-height: 250px;
	border-bottom-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
div#printed-picture
{
	width:172px;
	margin-right: 5px;
	float: left;
	vertical-align: top;
	min-height: 200px;
	text-align: right;
}
div#printed-title
{
	margin-left: 5px;
	width:478px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-bottom: 10px;
}
div#printed-description
{
	margin-left: 5px;
	width:478px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
div#printed-price
{
	margin-left: 5px;
	padding-top: 30px;
	width:157px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
div#printed-addtocart
{
	margin-left: 5px;
	padding-top: 30px;
	width:300px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
div#main-inner-top

{

	height: 100px;

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

	background-repeat: no-repeat;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 20px;

	color: #999999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-bottom: 20px;

	text-align: left;

}



div#main-inner-top a

{

	color: #999999;

	text-decoration: none;

}



div#main-inner-bottom

{

	height: 38px;

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

	background-repeat: no-repeat;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

	text-align: center;

	padding-top: 40px;

}

div#main

{

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

	background-repeat: repeat;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

}

div#book

{

	margin-left: 340px;

	position: relative;

	padding-top: 25px;

}

div#ad
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 155px;
	width: 400px;
	margin-left: 330px;
	padding-top: 20px;
	float: right;
	clear: left;
	z-index: 2;
	visibility: visible;
}

div#freedownload
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	width: 405px;
	margin-left: 325px;
	margin-top: 10px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 4;
	visibility: hidden;
}

div#newreleases
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 240px;
	width: 395px;
	margin-left: 330px;
	margin-top: 20px;
	float: right;
	clear: left;
	z-index: 5;
	visibility: hidden;
}

div#newreleases-picture1
{
	position: relative;
	float: left;
}
div#newreleases-series1
{
	position: relative;
	width: 255px;
	height: 25px;
	float: left;
	background-image: url(../images/newrelease-title.png);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	margin-left: 5px;
}

div#newreleases-description1
{
	position: relative;
	width: 255px;
	height: 95px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}
div#newreleases-picture2
{
	position: relative;
	width: 120px;
	height: 130px;
	float: right;
	margin-left: 5px;
}
div#newreleases-column
{
	position: relative;
	width: 265px;
	height: 130px;
	float: left;
	margin-top: 5px;
}
div#newreleases-series2
{
	height: 25px;
	background-image: url(../images/newrelease-title.png);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

div#newreleases-description2
{
	height: 95px;
	padding-top: 10px;
}
div#linkbar
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	padding-bottom: 5px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 380px;
	margin-left: 330px;
	margin-top: 300px;
	float: right;
	clear: left;
	text-align: left;
	visibility: visible;
	z-index: 6;
}
div#adoff
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 150px;
	margin-left: 325px;
	margin-top: 296px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 7;
	background-color: #5C81A5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	visibility: hidden;
}

div#adon
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 150px;
	margin-left: 325px;
	margin-top: 295px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 6;
	visibility: visible;
}
div#freedownloadoff
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 100px;
	margin-left: 490px;
	margin-top: 296px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 11;
	background-color: #5C81A5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	visibility: visible;
}

div#freedownloadon
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 105px;
	margin-left: 485px;
	margin-top: 295px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 10;
	visibility: hidden;
}

div#newreleasesoff
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 105px;
	margin-left: 605px;
	margin-top: 296px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 9;
	background-color: #5C81A5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	visibility: visible;
}

div#newreleaseson
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top:3px;
	padding-left:10px;
	position: absolute;
	background-repeat: no-repeat;
	width: 105px;
	margin-left: 605px;
	margin-top: 295px;
	float: right;
	clear: left;
	text-align: left;
	z-index: 8;
	visibility: hidden;
}

div#freesong a:hover
{
	color: #FFFFCC;
}


div#vocal

{

	position: absolute;

	float: left;

}

div#bottomlink

{

	background-repeat: no-repeat;

	height: 155px;

	width: 258px;

	margin-top: 5px;

	padding-left: 63px;

	padding-right: 5px;



}
div#bottomlink2

{

	background-repeat: no-repeat;

	height: 155px;

	width: 258px;

	padding-top: 325px;

	padding-left: 63px;

	padding-right: 5px;



}

div#welcomehover

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	font-weight: bold;
	background-image: url(../images/linkshade.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 253px;
	padding-top: 10px;
	visibility: visible;
	z-index: 16;

}

div#printpartshover

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	font-weight: bold;
	background-image: url(../images/linkshade.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 253px;
	padding-top: 10px;
	margin-top: 36px;
	visibility: hidden;
	z-index: 17;

}

div#orderhover

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	font-weight: bold;
	background-image: url(../images/linkshade.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 253px;
	padding-top: 10px;
	margin-top: 72px;
	visibility: hidden;
	z-index: 18;

}

div#shophover

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	font-weight: bold;
	background-image: url(../images/linkshade.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 253px;
	padding-top: 10px;
	margin-top: 108px;
	visibility: hidden;
	z-index: 19;

}

div#welcomelink

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 248px;
	padding-top: 10px;
	padding-right: 5px;
	visibility: hidden;
	z-index: 20;

}

div#printpartslink

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 248px;
	padding-top: 10px;
	margin-top: 36px;
	padding-right: 5px;
	visibility: visible;
	z-index: 21;

}

div#orderlink

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 248px;
	padding-top: 10px;
	margin-top: 72px;
	padding-right: 5px;
	visibility: visible;
	z-index: 22;

}

div#shoplink

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: absolute;
	float: left;
	height: 34px;
	clear: left;
	text-align: right;
	width: 248px;
	padding-top: 10px;
	margin-top: 108px;
	padding-right: 5px;
	visibility: visible;
	z-index: 23;

}

div#welcome

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 155px;
	width: 375px;
	margin-left: 270px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
	clear: left;
	visibility: visible;
	z-index: 12;



}

div#parts

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 155px;
	width: 375px;
	margin-left: 270px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
	clear: left;
	visibility: hidden;
	z-index: 13;



}

div#order

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 155px;
	width: 375px;
	margin-left: 270px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
	clear: left;
	visibility: hidden;
	z-index: 14;



}

div#shop

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	background-repeat: no-repeat;
	height: 155px;
	width: 375px;
	margin-left: 270px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
	clear: left;
	visibility: hidden;
	z-index: 15;



}

div#footer

{

	padding: 10px 0 20px 0;

	text-align: center;

	/*	color: #7D504B;*/

	color: #CCCCCC;

	clear: both;

	font-family: "Trebuchet MS";

	font-size: 10px;

	background-color: #133e64;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

}

div#reflection

{

	background-image: url(../images/reflection.png);

	background-repeat: no-repeat;

	height: 44px;

	width: 775px;

	overflow: visible;

	margin-top: 2px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

div#cdcover

{

	width: 200px;

	float: left;

	margin-right: 15px;

	padding-left: 50px;

}

.txtbox

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	border: 1px solid #CCCCCC;

}

/* header */



div#header

{

	height: 43px;

	width: 251px;

	background: url('../images/logo.gif') no-repeat top left;

	position: relative;

	margin-left: 25px;

	margin-top: 25px;

}
#grayout {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:10;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	filter: Alpha(Opacity=75);
	-moz-opacity: .75;
	opacity: 0.75;
	visibility: visible;
}
#alertbox {
	position:absolute;
	top:50%;
	width:400px;
	height:340px;
	z-index:12;
	background-color: #666;
	border: 1px solid #999;
	left: 50%;
	margin-top: -170px;
	margin-left: -200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 20px;
	text-align: center;
	visibility: visible;
}
div#contactus

{
	margin-left: 160px;
}
.greyborder {
	border: 1px solid #CCC;
}

.bulletleft {
	list-style-position: outside;
	list-style-type: square;
	position: relative;
	width: 120px;
	left: -25px;
	height: 16px;
	top: -5px;
}

/************ Find Music ************/
div#findmusic {
	margin: 5px;
	padding: 2px;
	float: left;
	width: 336px;
	border: 3px solid #0C3865;
}
div#findmusicimage {
	margin-right: 2px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	float: left;
	height: 130px;
	width: 100px;
	background-color: #0C3865;
}
div#findmusicheader {
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px;
	float: left;
	height: 40px;
	width: 204px;
	background-color: #0C3865;
	font-size: 16px;
	font-weight: bold;
}
div#findmusicdescription {
	padding: 5px;
	float: left;
	height: 80px;
	width: 204px;
	background-color: #0C3865;
	margin-right: 5px;
}
div#findmusiclinks {
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 5px;
	float: left;
	width: 316px;
	background-color: #0C3865;
}
div#findmusicbullets {
	float: left;
	width: 154px;
}
#findmusicbullets ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#findmusicbullets li
{
	padding-left: 3px;
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: square;
}